diff --git a/review/main/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html b/review/main/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
index 2dc53972c3..56db921d1f 100644
--- a/review/main/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
+++ b/review/main/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -167,10 +167,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -183,7 +183,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-footer-footer/areas-footer-footer.rendered.html b/review/main/patterns/areas-footer-footer/areas-footer-footer.rendered.html
index 21aa829a1f..447d1028bd 100644
--- a/review/main/patterns/areas-footer-footer/areas-footer-footer.rendered.html
+++ b/review/main/patterns/areas-footer-footer/areas-footer-footer.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -167,10 +167,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -183,7 +183,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-footer/index.html b/review/main/patterns/areas-footer/index.html
index ae8dd197a9..99cb1743d3 100644
--- a/review/main/patterns/areas-footer/index.html
+++ b/review/main/patterns/areas-footer/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -362,10 +362,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -378,7 +378,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-grid-grid/areas-grid-grid.rendered.html b/review/main/patterns/areas-grid-grid/areas-grid-grid.rendered.html
index 65e27dd04a..3aca99f5c5 100644
--- a/review/main/patterns/areas-grid-grid/areas-grid-grid.rendered.html
+++ b/review/main/patterns/areas-grid-grid/areas-grid-grid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -278,10 +278,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -294,7 +294,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-grid/index.html b/review/main/patterns/areas-grid/index.html
index d5550a359d..7cf57d5f58 100644
--- a/review/main/patterns/areas-grid/index.html
+++ b/review/main/patterns/areas-grid/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -344,10 +344,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -360,7 +360,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html b/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
index a776ab67e1..42e22c0b31 100644
--- a/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
+++ b/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
@@ -383,21 +383,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				name="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				aria-labelledby="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				
 				>
 			<label class="elm-label"
-				for="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				for="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				aria-hidden="true"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				>Suche</label>
 			
 			
diff --git a/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html b/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
index 996ced380b..707fa66233 100644
--- a/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
+++ b/review/main/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -425,21 +425,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				name="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				aria-labelledby="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				
 				>
 			<label class="elm-label"
-				for="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				for="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				aria-hidden="true"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				>Suche</label>
 			
 			
@@ -647,10 +647,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -663,7 +663,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-header-header/areas-header-header.markup-only.html b/review/main/patterns/areas-header-header/areas-header-header.markup-only.html
index b4a0cbf406..75cb76540a 100644
--- a/review/main/patterns/areas-header-header/areas-header-header.markup-only.html
+++ b/review/main/patterns/areas-header-header/areas-header-header.markup-only.html
@@ -383,21 +383,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				name="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				aria-labelledby="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				
 				>
 			<label class="elm-label"
-				for="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				for="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				aria-hidden="true"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				>Suche</label>
 			
 			
diff --git a/review/main/patterns/areas-header-header/areas-header-header.rendered.html b/review/main/patterns/areas-header-header/areas-header-header.rendered.html
index de63fbd12f..a515d8a2e9 100644
--- a/review/main/patterns/areas-header-header/areas-header-header.rendered.html
+++ b/review/main/patterns/areas-header-header/areas-header-header.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -425,21 +425,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				name="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				aria-labelledby="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				
 				>
 			<label class="elm-label"
-				for="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				for="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				aria-hidden="true"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				>Suche</label>
 			
 			
@@ -627,10 +627,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -643,7 +643,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-header-meta/areas-header-meta.markup-only.html b/review/main/patterns/areas-header-meta/areas-header-meta.markup-only.html
index 8216cafb33..105210c09c 100644
--- a/review/main/patterns/areas-header-meta/areas-header-meta.markup-only.html
+++ b/review/main/patterns/areas-header-meta/areas-header-meta.markup-only.html
@@ -4,21 +4,21 @@
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			name="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			aria-labelledby="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			
 			>
 		<label class="elm-label"
-			for="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			for="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			aria-hidden="true"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			>Suche</label>
 		
 		
diff --git a/review/main/patterns/areas-header-meta/areas-header-meta.rendered.html b/review/main/patterns/areas-header-meta/areas-header-meta.rendered.html
index 863b4528fc..87eb4278c1 100644
--- a/review/main/patterns/areas-header-meta/areas-header-meta.rendered.html
+++ b/review/main/patterns/areas-header-meta/areas-header-meta.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -46,21 +46,21 @@
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			name="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			aria-labelledby="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			
 			>
 		<label class="elm-label"
-			for="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			for="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			aria-hidden="true"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			>Suche</label>
 		
 		
@@ -247,10 +247,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -263,7 +263,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas-header/index.html b/review/main/patterns/areas-header/index.html
index 77fecbcf7f..0ba3400727 100644
--- a/review/main/patterns/areas-header/index.html
+++ b/review/main/patterns/areas-header/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -478,21 +478,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				name="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				aria-labelledby="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				
 				>
 			<label class="elm-label"
-				for="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				for="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				aria-hidden="true"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				>Suche</label>
 			
 			
@@ -1067,21 +1067,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				name="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				aria-labelledby="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				
 				>
 			<label class="elm-label"
-				for="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				for="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				aria-hidden="true"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				>Suche</label>
 			
 			
@@ -1297,21 +1297,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			name="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			aria-labelledby="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			
 			>
 		<label class="elm-label"
-			for="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			for="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			aria-hidden="true"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			>Suche</label>
 		
 		
@@ -1511,10 +1511,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1527,7 +1527,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/areas/index.html b/review/main/patterns/areas/index.html
index 64ce0aa758..4f3f18b2d4 100644
--- a/review/main/patterns/areas/index.html
+++ b/review/main/patterns/areas/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -998,21 +998,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				name="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				aria-labelledby="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				
 				>
 			<label class="elm-label"
-				for="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				for="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				aria-hidden="true"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				>Suche</label>
 			
 			
@@ -1587,21 +1587,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				name="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				aria-labelledby="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				
 				>
 			<label class="elm-label"
-				for="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				for="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				aria-hidden="true"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				>Suche</label>
 			
 			
@@ -1817,21 +1817,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			name="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			aria-labelledby="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			
 			>
 		<label class="elm-label"
-			for="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			for="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			aria-hidden="true"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			>Suche</label>
 		
 		
@@ -2031,10 +2031,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -2047,7 +2047,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors-feedback/base-colors-feedback.rendered.html b/review/main/patterns/base-colors-feedback/base-colors-feedback.rendered.html
index c7655d3b8b..61806576ff 100644
--- a/review/main/patterns/base-colors-feedback/base-colors-feedback.rendered.html
+++ b/review/main/patterns/base-colors-feedback/base-colors-feedback.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -136,7 +136,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors-poi/base-colors-poi.rendered.html b/review/main/patterns/base-colors-poi/base-colors-poi.rendered.html
index b0efd93acb..1f93b71897 100644
--- a/review/main/patterns/base-colors-poi/base-colors-poi.rendered.html
+++ b/review/main/patterns/base-colors-poi/base-colors-poi.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -174,10 +174,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -190,7 +190,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors-primary/base-colors-primary.rendered.html b/review/main/patterns/base-colors-primary/base-colors-primary.rendered.html
index e988dc00c6..4ce1af5145 100644
--- a/review/main/patterns/base-colors-primary/base-colors-primary.rendered.html
+++ b/review/main/patterns/base-colors-primary/base-colors-primary.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -127,7 +127,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors-secondary/base-colors-secondary.rendered.html b/review/main/patterns/base-colors-secondary/base-colors-secondary.rendered.html
index b337863963..c97f8e1c72 100644
--- a/review/main/patterns/base-colors-secondary/base-colors-secondary.rendered.html
+++ b/review/main/patterns/base-colors-secondary/base-colors-secondary.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -1020,10 +1020,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1036,7 +1036,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors-transportation/base-colors-transportation.rendered.html b/review/main/patterns/base-colors-transportation/base-colors-transportation.rendered.html
index 0f99162bca..94117492ae 100644
--- a/review/main/patterns/base-colors-transportation/base-colors-transportation.rendered.html
+++ b/review/main/patterns/base-colors-transportation/base-colors-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -228,10 +228,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -244,7 +244,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-colors/index.html b/review/main/patterns/base-colors/index.html
index 5f062dee64..d961390f08 100644
--- a/review/main/patterns/base-colors/index.html
+++ b/review/main/patterns/base-colors/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1582,10 +1582,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1598,7 +1598,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html b/review/main/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
index d39fdaa135..7eaf7b4089 100644
--- a/review/main/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -119,7 +119,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
index 61b2009e9b..cef17c93ae 100644
--- a/review/main/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html b/review/main/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
index f15a421378..89e72fd035 100644
--- a/review/main/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html b/review/main/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
index 951bc20da4..079b962540 100644
--- a/review/main/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -119,7 +119,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
index c67e3388e1..7b274111a0 100644
--- a/review/main/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -139,10 +139,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -155,7 +155,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
index 7db438e64a..796f713071 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -295,10 +295,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -311,7 +311,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
index 786d3f3f3d..35fc44b5e9 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -133,10 +133,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -149,7 +149,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
index 8e4d2b5c58..4d66ae4636 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
index 5c59baa667..e2d30308d5 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
index 020f80f98b..0e767e38e6 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
index 0bc01b4389..29ed9d285c 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
index 8076d742dc..98ca9f772c 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -115,10 +115,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -131,7 +131,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
index 9f71c6147b..1c161f5ab6 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -137,7 +137,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
index 5c1f93637a..467065e20e 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
index 219175f2c8..b9de4bb3df 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
index 54e37767ca..534fc19123 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -119,7 +119,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
index c82661851f..35474275cd 100644
--- a/review/main/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -251,7 +251,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
index 18eb4a7b10..390c818d30 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -689,7 +689,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
index 374f272e24..25549aaa6d 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
index 3d3ed19fd5..459fa202e9 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
index f1b5bc6fb4..ecad19105b 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
index 5531fa9081..710ca75101 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
index 8a0512111d..7b66b42603 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -161,7 +161,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
index e52bcdd459..4e370ab105 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -229,10 +229,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -245,7 +245,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
index f2a4354d24..b0b15442a5 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
index ff578fb0e2..3bb8792702 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
index 69f9a85eaa..19492289b7 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
index 91a8267abe..e8bf1af224 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
index 2babdcdc06..c32df35bc5 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
index db5f9be1aa..c4f68fbb93 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
index 2062be0d47..e7d9c360d6 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
index 9a562adb9d..e60296fdf6 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -239,7 +239,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
index c82d505b70..ce700bf7fc 100644
--- a/review/main/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -283,10 +283,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -299,7 +299,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
index 1fc41c6547..c98bcb3077 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -157,10 +157,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -173,7 +173,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
index e68c09bdc1..3a42cdb0be 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
index d0e45e6905..56b8285074 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -115,10 +115,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -131,7 +131,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
index 74939645ff..d0a723681b 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
index 0e3e8319f2..f90abca4be 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
index 31ac1d405d..59e0abbfb9 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
index f805e083c2..e70565d6cb 100644
--- a/review/main/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -251,7 +251,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
index ba55d4e57a..0176be8b88 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -689,7 +689,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
index 3a95612e4a..535b8baf5d 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
index c4f9e39a91..2c733437f1 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
index be852d2cf9..0a9a305c01 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
index 52a0eaf76c..39aa940b31 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
index 5d6e5462a5..86df94cf2b 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -161,7 +161,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
index a07d256837..38513373e8 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -229,10 +229,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -245,7 +245,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
index a76b4c5aeb..f7705c5ff1 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
index 454c4b3847..9d59df632f 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
index 6591a6d1f1..8a07e4719a 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
index c58fa5adfa..aed66133dc 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
index 816d769a60..5bf275c8af 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
index ece6cb6a02..dc1ad3a8b5 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
index c9c5f8439a..d346df6907 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
index d9717f7107..f3ddf7e1a5 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -239,7 +239,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
index 57a573dba2..0c45520458 100644
--- a/review/main/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -271,10 +271,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -287,7 +287,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
index b70f4419a3..27b5c451e1 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -157,10 +157,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -173,7 +173,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
index b3588fc2e0..00a4ce3974 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
index aa19b766a0..c18324a082 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
index 57aac5aee3..da7e2c571f 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
index d1dddd3653..3a4d481b55 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
index 9a72b37ba9..cc7a5f52bb 100644
--- a/review/main/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -251,7 +251,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
index 1527db1d6d..3a74967cb4 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -689,7 +689,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
index 39b2edf3fd..156c194f5a 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
index 7d368647b1..4dd0a14b61 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
index 742a896155..797eb9c386 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
index 7e64b42634..288a745b70 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
index 013d7a459f..a501b6b343 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -161,7 +161,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
index 1f55ad8c55..c18ff28c0a 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -229,10 +229,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -245,7 +245,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
index 44cfd3fb3b..90bb309cba 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
index 6196f7d1cf..750808bc44 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
index 9ba7afbd10..537143cb3e 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
index 01dcdbfbed..dbd7608c31 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -185,7 +185,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
index 42245cfed5..6ceb6feaaf 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
index f6e8ddee53..917616e407 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
index d20174cea0..337458d78b 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
index a944c9bd2f..87ecb6860b 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -239,7 +239,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html b/review/main/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
index 0f8d5550a2..61496afd68 100644
--- a/review/main/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -271,10 +271,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -287,7 +287,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html b/review/main/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
index 99f168c8c2..eded7c6b45 100644
--- a/review/main/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -137,7 +137,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html b/review/main/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
index cccce4c427..adaab66f7c 100644
--- a/review/main/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html b/review/main/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
index 8f47757fd5..7bc4c73834 100644
--- a/review/main/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html b/review/main/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
index d594488d58..f98ee1c120 100644
--- a/review/main/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -137,7 +137,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html b/review/main/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
index 33a83576f0..b497aa42ab 100644
--- a/review/main/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -143,7 +143,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html b/review/main/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
index acffc4ce88..88bc40c2f6 100644
--- a/review/main/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
+++ b/review/main/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -107,7 +107,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html b/review/main/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
index f753f88be3..3ce83da037 100644
--- a/review/main/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
+++ b/review/main/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -85,10 +85,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -101,7 +101,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html b/review/main/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
index b30a1e2b02..7e1665e750 100644
--- a/review/main/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
+++ b/review/main/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -3441,10 +3441,10 @@ <h5>Weather</h5>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -3457,7 +3457,7 @@ <h5>Weather</h5>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-icons/index.html b/review/main/patterns/base-icons/index.html
index 8aa9119370..652a6196a3 100644
--- a/review/main/patterns/base-icons/index.html
+++ b/review/main/patterns/base-icons/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -14336,10 +14336,10 @@ <h5>Weather</h5>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -14352,7 +14352,7 @@ <h5>Weather</h5>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type-fonts/base-type-fonts.rendered.html b/review/main/patterns/base-type-fonts/base-type-fonts.rendered.html
index 0173739ddb..b4d4167522 100644
--- a/review/main/patterns/base-type-fonts/base-type-fonts.rendered.html
+++ b/review/main/patterns/base-type-fonts/base-type-fonts.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@ <h4 class="elm-headline ">Headline 4</h4>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@ <h4 class="elm-headline ">Headline 4</h4>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html b/review/main/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
index eca56102d8..3b665a1c6b 100644
--- a/review/main/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
+++ b/review/main/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -102,7 +102,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html b/review/main/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
index 0853d4124a..cf772b3034 100644
--- a/review/main/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
+++ b/review/main/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -102,7 +102,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html b/review/main/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
index c9c5940fc7..cd2adfd296 100644
--- a/review/main/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
+++ b/review/main/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -102,7 +102,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html b/review/main/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
index 7ece2a95a4..cff0164378 100644
--- a/review/main/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
+++ b/review/main/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -102,7 +102,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base-type/index.html b/review/main/patterns/base-type/index.html
index a0faa8c4d8..045a502db1 100644
--- a/review/main/patterns/base-type/index.html
+++ b/review/main/patterns/base-type/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -354,10 +354,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -370,7 +370,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/base/index.html b/review/main/patterns/base/index.html
index e1979bc944..793e0b75ec 100644
--- a/review/main/patterns/base/index.html
+++ b/review/main/patterns/base/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -16086,10 +16086,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -16102,7 +16102,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html b/review/main/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
index 92f9a4bac8..1c851037b5 100644
--- a/review/main/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
+++ b/review/main/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -104,7 +104,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html b/review/main/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
index 4b975c60fa..07258534dc 100644
--- a/review/main/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
+++ b/review/main/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -106,10 +106,10 @@ <h2>Large</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -122,7 +122,7 @@ <h2>Large</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html b/review/main/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
index d10d295f17..0d2d355967 100644
--- a/review/main/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
+++ b/review/main/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -104,7 +104,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-accordion/index.html b/review/main/patterns/components-accordion/index.html
index 91d94964d9..ae8f06d28f 100644
--- a/review/main/patterns/components-accordion/index.html
+++ b/review/main/patterns/components-accordion/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -283,10 +283,10 @@ <h2>Large</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -299,7 +299,7 @@ <h2>Large</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-brand-_brand/components-brand-_brand.rendered.html b/review/main/patterns/components-brand-_brand/components-brand-_brand.rendered.html
index d9f6df3a2a..13e6b64f23 100644
--- a/review/main/patterns/components-brand-_brand/components-brand-_brand.rendered.html
+++ b/review/main/patterns/components-brand-_brand/components-brand-_brand.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html b/review/main/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
index d01a754d46..2e57e126e9 100644
--- a/review/main/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
+++ b/review/main/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -200,10 +200,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -216,7 +216,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-breadcrumb/index.html b/review/main/patterns/components-breadcrumb/index.html
index a2fdf34f78..dfb0822235 100644
--- a/review/main/patterns/components-breadcrumb/index.html
+++ b/review/main/patterns/components-breadcrumb/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -266,10 +266,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -282,7 +282,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-cards-_card/components-cards-_card.rendered.html b/review/main/patterns/components-cards-_card/components-cards-_card.rendered.html
index 2bb52bcf97..e71a7912a9 100644
--- a/review/main/patterns/components-cards-_card/components-cards-_card.rendered.html
+++ b/review/main/patterns/components-cards-_card/components-cards-_card.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@ <h3 class="elm-headline">Title text</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@ <h3 class="elm-headline">Title text</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html b/review/main/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
index 92239f858f..4be3305b19 100644
--- a/review/main/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
+++ b/review/main/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -140,10 +140,10 @@ <h3 class="elm-headline">Angebote 04</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -156,7 +156,7 @@ <h3 class="elm-headline">Angebote 04</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-cards/index.html b/review/main/patterns/components-cards/index.html
index 1d9a1cc91e..fcd662aa69 100644
--- a/review/main/patterns/components-cards/index.html
+++ b/review/main/patterns/components-cards/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -206,10 +206,10 @@ <h3 class="elm-headline">Angebote 04</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -222,7 +222,7 @@ <h3 class="elm-headline">Angebote 04</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html b/review/main/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
index 2f8616b40c..ef78c0c3c4 100644
--- a/review/main/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
+++ b/review/main/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -140,10 +140,10 @@ <h2 class="elm-headline ">Modal</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -156,7 +156,7 @@ <h2 class="elm-headline ">Modal</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html b/review/main/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
index 622ffec84e..d4ab4bb9f6 100644
--- a/review/main/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
+++ b/review/main/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -140,10 +140,10 @@ <h2 class="elm-headline ">Modal</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -156,7 +156,7 @@ <h2 class="elm-headline ">Modal</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dialog/index.html b/review/main/patterns/components-dialog/index.html
index d8ee98c65b..782772dac2 100644
--- a/review/main/patterns/components-dialog/index.html
+++ b/review/main/patterns/components-dialog/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -308,10 +308,10 @@ <h2 class="elm-headline ">Modal</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -324,7 +324,7 @@ <h2 class="elm-headline ">Modal</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html b/review/main/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
index f43cddbb0c..9e11c1525d 100644
--- a/review/main/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
+++ b/review/main/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -136,7 +136,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html b/review/main/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
index 843ae3e99d..b410008bfa 100644
--- a/review/main/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
+++ b/review/main/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -136,7 +136,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-dropdown/index.html b/review/main/patterns/components-dropdown/index.html
index 2d3fa6b060..a7f6f6b26d 100644
--- a/review/main/patterns/components-dropdown/index.html
+++ b/review/main/patterns/components-dropdown/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -275,10 +275,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -291,7 +291,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-form-example-form/components-form-example-form.rendered.html b/review/main/patterns/components-form-example-form/components-form-example-form.rendered.html
index 9d8502b03d..3bc28e88c8 100644
--- a/review/main/patterns/components-form-example-form/components-form-example-form.rendered.html
+++ b/review/main/patterns/components-form-example-form/components-form-example-form.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -137,10 +137,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -153,7 +153,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-form/index.html b/review/main/patterns/components-form/index.html
index 0f8371a22a..d48cd5cd17 100644
--- a/review/main/patterns/components-form/index.html
+++ b/review/main/patterns/components-form/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -226,10 +226,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -242,7 +242,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html b/review/main/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
index 3cf0d2c72f..3fab8b72db 100644
--- a/review/main/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
+++ b/review/main/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -136,10 +136,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -152,7 +152,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html b/review/main/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
index d7ac0aa09a..b52853874e 100644
--- a/review/main/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
+++ b/review/main/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -161,7 +161,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-language-switcher/index.html b/review/main/patterns/components-language-switcher/index.html
index 762f1428ee..fbd9600e1d 100644
--- a/review/main/patterns/components-language-switcher/index.html
+++ b/review/main/patterns/components-language-switcher/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -313,10 +313,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -329,7 +329,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html b/review/main/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
index 144fe5d7bb..0e8fe8d691 100644
--- a/review/main/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
+++ b/review/main/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -103,7 +103,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html b/review/main/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
index f2a32b78eb..048f7808db 100644
--- a/review/main/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
+++ b/review/main/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html b/review/main/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
index cd60c4354b..366a9f89fa 100644
--- a/review/main/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
+++ b/review/main/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html b/review/main/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
index 50163fef51..f73a2e605c 100644
--- a/review/main/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
+++ b/review/main/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -112,10 +112,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -128,7 +128,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html b/review/main/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
index 4c03640f89..60743d9785 100644
--- a/review/main/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
+++ b/review/main/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -112,10 +112,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -128,7 +128,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html b/review/main/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
index f315e59a8f..5cc988b7e0 100644
--- a/review/main/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
+++ b/review/main/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -103,7 +103,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-notifications/index.html b/review/main/patterns/components-notifications/index.html
index 5813c0d519..695a67312a 100644
--- a/review/main/patterns/components-notifications/index.html
+++ b/review/main/patterns/components-notifications/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -423,10 +423,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -439,7 +439,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html b/review/main/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
index cb19c8f638..24d6aeb662 100644
--- a/review/main/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
+++ b/review/main/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -126,10 +126,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -142,7 +142,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html b/review/main/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
index 66f1854009..6ecc64f6dc 100644
--- a/review/main/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
+++ b/review/main/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -126,10 +126,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -142,7 +142,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html b/review/main/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
index 6b8a72ec04..25af350133 100644
--- a/review/main/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
+++ b/review/main/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -136,7 +136,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html b/review/main/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
index 3250cb8bea..e8518dca0e 100644
--- a/review/main/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
+++ b/review/main/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -136,7 +136,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-overflow-menu/index.html b/review/main/patterns/components-overflow-menu/index.html
index 8da0789f1d..2810b66c68 100644
--- a/review/main/patterns/components-overflow-menu/index.html
+++ b/review/main/patterns/components-overflow-menu/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -450,10 +450,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -466,7 +466,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html b/review/main/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
index f982d374a5..05c48e0eaa 100644
--- a/review/main/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
+++ b/review/main/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -185,10 +185,10 @@ <h2 class="elm-headline " id="headline01">Pagination</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -201,7 +201,7 @@ <h2 class="elm-headline " id="headline01">Pagination</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-pagination/index.html b/review/main/patterns/components-pagination/index.html
index b367d316f6..b4de2fe2e1 100644
--- a/review/main/patterns/components-pagination/index.html
+++ b/review/main/patterns/components-pagination/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -251,10 +251,10 @@ <h2 class="elm-headline " id="headline01">Pagination</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -267,7 +267,7 @@ <h2 class="elm-headline " id="headline01">Pagination</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html b/review/main/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
index ceae24c2cd..bc10cc8c8d 100644
--- a/review/main/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
+++ b/review/main/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -200,10 +200,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -216,7 +216,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-sidenavi/index.html b/review/main/patterns/components-sidenavi/index.html
index 53f5da0316..09d5f443a9 100644
--- a/review/main/patterns/components-sidenavi/index.html
+++ b/review/main/patterns/components-sidenavi/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -268,10 +268,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -284,7 +284,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html b/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
index 4b53a49d2e..213aff0179 100644
--- a/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
+++ b/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
@@ -3,21 +3,21 @@
 	<input type="search"
 		class="elm-input "
 		placeholder="Suchen …"
-		name="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
-		id="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
+		name="id-3e05da92-2408-4801-846c-0d84329b132a"
+		id="id-3e05da92-2408-4801-846c-0d84329b132a"
 		
 		value=""
 		
 		
 		
 		
-		aria-labelledby="id-6161a074-a1e5-440b-846f-c3e744be0e3e-label"
+		aria-labelledby="id-3e05da92-2408-4801-846c-0d84329b132a-label"
 		
 		>
 	<label class="elm-label"
-		for="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
+		for="id-3e05da92-2408-4801-846c-0d84329b132a"
 		aria-hidden="true"
-		id="id-6161a074-a1e5-440b-846f-c3e744be0e3e-label"
+		id="id-3e05da92-2408-4801-846c-0d84329b132a-label"
 		>Suche</label>
 	
 	
diff --git a/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html b/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
index 7533ffa973..c376a4bef0 100644
--- a/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
+++ b/review/main/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -45,21 +45,21 @@
 	<input type="search"
 		class="elm-input "
 		placeholder="Suchen …"
-		name="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
-		id="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
+		name="id-3e05da92-2408-4801-846c-0d84329b132a"
+		id="id-3e05da92-2408-4801-846c-0d84329b132a"
 		
 		value=""
 		
 		
 		
 		
-		aria-labelledby="id-6161a074-a1e5-440b-846f-c3e744be0e3e-label"
+		aria-labelledby="id-3e05da92-2408-4801-846c-0d84329b132a-label"
 		
 		>
 	<label class="elm-label"
-		for="id-6161a074-a1e5-440b-846f-c3e744be0e3e"
+		for="id-3e05da92-2408-4801-846c-0d84329b132a"
 		aria-hidden="true"
-		id="id-6161a074-a1e5-440b-846f-c3e744be0e3e-label"
+		id="id-3e05da92-2408-4801-846c-0d84329b132a-label"
 		>Suche</label>
 	
 	
@@ -122,10 +122,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -138,7 +138,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html b/review/main/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
index c1e75b6e2e..37cae0f860 100644
--- a/review/main/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
+++ b/review/main/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -127,7 +127,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html b/review/main/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
index baf2e29a32..37de2f5521 100644
--- a/review/main/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
+++ b/review/main/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -127,7 +127,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html b/review/main/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
index e39cf70e33..e81ec80f86 100644
--- a/review/main/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
+++ b/review/main/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -127,7 +127,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html b/review/main/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
index a95491a32b..7cd5c8b329 100644
--- a/review/main/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
+++ b/review/main/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -127,7 +127,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-tab-bar/index.html b/review/main/patterns/components-tab-bar/index.html
index c9ffb337ca..f361248943 100644
--- a/review/main/patterns/components-tab-bar/index.html
+++ b/review/main/patterns/components-tab-bar/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -396,10 +396,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -412,7 +412,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html b/review/main/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
index 559ccf1e94..5fdcedfbda 100644
--- a/review/main/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
+++ b/review/main/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -188,10 +188,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -204,7 +204,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html b/review/main/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
index 714b76a516..dc1e773842 100644
--- a/review/main/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
+++ b/review/main/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html b/review/main/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
index 798c05be95..298bb5557e 100644
--- a/review/main/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
+++ b/review/main/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-density/components-table-table-density.rendered.html b/review/main/patterns/components-table-table-density/components-table-table-density.rendered.html
index 975f0ba460..4be3ede4aa 100644
--- a/review/main/patterns/components-table-table-density/components-table-table-density.rendered.html
+++ b/review/main/patterns/components-table-table-density/components-table-table-density.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -240,10 +240,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -256,7 +256,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html b/review/main/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
index 8faa8a8abb..2ea076ed11 100644
--- a/review/main/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
+++ b/review/main/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-icons/components-table-table-icons.rendered.html b/review/main/patterns/components-table-table-icons/components-table-table-icons.rendered.html
index c9b1680954..9866042a09 100644
--- a/review/main/patterns/components-table-table-icons/components-table-table-icons.rendered.html
+++ b/review/main/patterns/components-table-table-icons/components-table-table-icons.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html b/review/main/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
index d7873a5087..acdb45f794 100644
--- a/review/main/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
+++ b/review/main/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -322,10 +322,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -338,7 +338,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html b/review/main/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
index 0d38184be7..671129563f 100644
--- a/review/main/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
+++ b/review/main/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html b/review/main/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
index 68cb2a85c9..e8cf740638 100644
--- a/review/main/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
+++ b/review/main/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html b/review/main/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
index 192714f000..c61977f20b 100644
--- a/review/main/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
+++ b/review/main/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -432,10 +432,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -448,7 +448,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table-table/components-table-table.rendered.html b/review/main/patterns/components-table-table/components-table-table.rendered.html
index 5d80a59556..735cd9daec 100644
--- a/review/main/patterns/components-table-table/components-table-table.rendered.html
+++ b/review/main/patterns/components-table-table/components-table-table.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -148,7 +148,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components-table/index.html b/review/main/patterns/components-table/index.html
index 9e9e74ea21..3d676bce36 100644
--- a/review/main/patterns/components-table/index.html
+++ b/review/main/patterns/components-table/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1792,10 +1792,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1808,7 +1808,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/components/index.html b/review/main/patterns/components/index.html
index ef17edc3d0..61e5bb2dae 100644
--- a/review/main/patterns/components/index.html
+++ b/review/main/patterns/components/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -4341,10 +4341,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -4357,7 +4357,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html b/review/main/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
index c6e7333656..9416f1e51b 100644
--- a/review/main/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
+++ b/review/main/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -226,7 +226,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html b/review/main/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
index d98e8b40d1..31e89b6206 100644
--- a/review/main/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
+++ b/review/main/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -226,7 +226,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html b/review/main/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
index a06298b4e2..d659a1881a 100644
--- a/review/main/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
+++ b/review/main/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -226,7 +226,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html b/review/main/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
index c8cefc72de..1149995dec 100644
--- a/review/main/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
+++ b/review/main/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -226,7 +226,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html b/review/main/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
index 7a1252e94c..41262c6f35 100644
--- a/review/main/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
+++ b/review/main/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -226,7 +226,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html b/review/main/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
index 6174427dee..97094699b2 100644
--- a/review/main/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
+++ b/review/main/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -472,10 +472,10 @@ <h2>Large</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -488,7 +488,7 @@ <h2>Large</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html b/review/main/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
index 0740d0b0cb..092c0a89ad 100644
--- a/review/main/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
+++ b/review/main/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -116,10 +116,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -132,7 +132,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons-button/elements-buttons-button.rendered.html b/review/main/patterns/elements-buttons-button/elements-buttons-button.rendered.html
index fcd389e49d..8d0ebddab2 100644
--- a/review/main/patterns/elements-buttons-button/elements-buttons-button.rendered.html
+++ b/review/main/patterns/elements-buttons-button/elements-buttons-button.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-buttons/index.html b/review/main/patterns/elements-buttons/index.html
index db4ae3d3b9..ef955ce864 100644
--- a/review/main/patterns/elements-buttons/index.html
+++ b/review/main/patterns/elements-buttons/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1586,10 +1586,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1602,7 +1602,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html b/review/main/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
index e7b7d3ca4b..601a1d8880 100644
--- a/review/main/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html b/review/main/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
index b89cb7a378..9b29ff5051 100644
--- a/review/main/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html b/review/main/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
index c54ab8db97..e7b009ef55 100644
--- a/review/main/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html b/review/main/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
index e18a6c910c..95aed6ff9a 100644
--- a/review/main/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -109,7 +109,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html b/review/main/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
index e15cf3fe2b..224edc985e 100644
--- a/review/main/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
index 23b4ca425d..6c6fbdc141 100644
--- a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
index 6cf031ebe2..9c958c26c7 100644
--- a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
index b172a0f1a0..b9cb60361a 100644
--- a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
index c879c4b8ca..bcdd4a7e7e 100644
--- a/review/main/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -109,7 +109,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html b/review/main/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
index 4e69a77bcc..c2f3aa6525 100644
--- a/review/main/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html b/review/main/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
index d1fb8bd057..d8cf887534 100644
--- a/review/main/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
+++ b/review/main/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-checkbox/index.html b/review/main/patterns/elements-checkbox/index.html
index ad90105b2d..ca107716c5 100644
--- a/review/main/patterns/elements-checkbox/index.html
+++ b/review/main/patterns/elements-checkbox/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -682,10 +682,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -698,7 +698,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html b/review/main/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
index 9ec0696a1f..aaad939949 100644
--- a/review/main/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
+++ b/review/main/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -94,10 +94,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -110,7 +110,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html b/review/main/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
index de4c7db185..1ca6cf3c73 100644
--- a/review/main/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
+++ b/review/main/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -279,10 +279,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -295,7 +295,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html b/review/main/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
index bd78991c7e..f9b9553c46 100644
--- a/review/main/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
+++ b/review/main/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -279,10 +279,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -295,7 +295,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html b/review/main/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
index 39b3a96f42..ded636b8ed 100644
--- a/review/main/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
+++ b/review/main/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -295,10 +295,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -311,7 +311,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html b/review/main/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
index 1beb3f02c6..7c41a926a0 100644
--- a/review/main/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
+++ b/review/main/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -137,7 +137,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips-chips/elements-chips-chips.rendered.html b/review/main/patterns/elements-chips-chips/elements-chips-chips.rendered.html
index 9ebf8f0d8b..35eeab7fba 100644
--- a/review/main/patterns/elements-chips-chips/elements-chips-chips.rendered.html
+++ b/review/main/patterns/elements-chips-chips/elements-chips-chips.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -279,10 +279,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -295,7 +295,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-chips/index.html b/review/main/patterns/elements-chips/index.html
index 6f42d639e3..0b0c11cf3c 100644
--- a/review/main/patterns/elements-chips/index.html
+++ b/review/main/patterns/elements-chips/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -926,10 +926,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -942,7 +942,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html b/review/main/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
index e623105635..08940412b9 100644
--- a/review/main/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
+++ b/review/main/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@ <h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@ <h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-headline-headline/elements-headline-headline.rendered.html b/review/main/patterns/elements-headline-headline/elements-headline-headline.rendered.html
index 04052bddd3..870783de48 100644
--- a/review/main/patterns/elements-headline-headline/elements-headline-headline.rendered.html
+++ b/review/main/patterns/elements-headline-headline/elements-headline-headline.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -84,10 +84,10 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -100,7 +100,7 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-headline/index.html b/review/main/patterns/elements-headline/index.html
index 99fae2ca63..72eae4fa90 100644
--- a/review/main/patterns/elements-headline/index.html
+++ b/review/main/patterns/elements-headline/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -202,10 +202,10 @@ <h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -218,7 +218,7 @@ <h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html b/review/main/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
index 70ec172e78..ef64374c7f 100644
--- a/review/main/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
+++ b/review/main/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -105,7 +105,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html b/review/main/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
index 1ec0eeb4cd..b7f9867df4 100644
--- a/review/main/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
+++ b/review/main/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -104,7 +104,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html b/review/main/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
index 337d334345..185840aeb8 100644
--- a/review/main/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
+++ b/review/main/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -103,7 +103,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html b/review/main/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
index e01d67013e..319b05e577 100644
--- a/review/main/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
+++ b/review/main/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html b/review/main/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
index 456dd066a1..0b07148e48 100644
--- a/review/main/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
+++ b/review/main/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -105,7 +105,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html b/review/main/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
index 08fc032057..030d88a4db 100644
--- a/review/main/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
+++ b/review/main/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -104,7 +104,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image-image/elements-image-image.rendered.html b/review/main/patterns/elements-image-image/elements-image-image.rendered.html
index 3dbd6e5619..f51412ab5a 100644
--- a/review/main/patterns/elements-image-image/elements-image-image.rendered.html
+++ b/review/main/patterns/elements-image-image/elements-image-image.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -103,7 +103,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-image/index.html b/review/main/patterns/elements-image/index.html
index 2a81e5246a..349701c3c4 100644
--- a/review/main/patterns/elements-image/index.html
+++ b/review/main/patterns/elements-image/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -504,10 +504,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -520,7 +520,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html b/review/main/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
index 9a84ee1901..b2340ff2e6 100644
--- a/review/main/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
+++ b/review/main/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -125,7 +125,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-description/elements-input-input-description.rendered.html b/review/main/patterns/elements-input-input-description/elements-input-input-description.rendered.html
index d461cc4c91..6495fe32de 100644
--- a/review/main/patterns/elements-input-input-description/elements-input-input-description.rendered.html
+++ b/review/main/patterns/elements-input-input-description/elements-input-input-description.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html b/review/main/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
index 165936bb73..d8b688325a 100644
--- a/review/main/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
+++ b/review/main/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html b/review/main/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
index 626548eda5..63b8cec995 100644
--- a/review/main/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
+++ b/review/main/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html b/review/main/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
index 8fff7d4888..d0d3d9ea6c 100644
--- a/review/main/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
+++ b/review/main/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html b/review/main/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
index ac1253dc40..b57d8e2802 100644
--- a/review/main/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
+++ b/review/main/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html b/review/main/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
index 7a3880114c..3d7833424d 100644
--- a/review/main/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
+++ b/review/main/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html b/review/main/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
index 7b88a79750..f47f049f97 100644
--- a/review/main/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
+++ b/review/main/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -106,10 +106,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -122,7 +122,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html b/review/main/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
index 45b057b072..79159a49c1 100644
--- a/review/main/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
+++ b/review/main/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-search/elements-input-input-search.rendered.html b/review/main/patterns/elements-input-input-search/elements-input-input-search.rendered.html
index da93d784c4..e08edccb93 100644
--- a/review/main/patterns/elements-input-input-search/elements-input-input-search.rendered.html
+++ b/review/main/patterns/elements-input-input-search/elements-input-input-search.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html b/review/main/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
index 606144b0a8..7001eec2dc 100644
--- a/review/main/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
+++ b/review/main/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html b/review/main/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
index 977efc29e4..f1c0000375 100644
--- a/review/main/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
+++ b/review/main/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -184,10 +184,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -200,7 +200,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input-input/elements-input-input.rendered.html b/review/main/patterns/elements-input-input/elements-input-input.rendered.html
index 31d01c077d..d68fc53481 100644
--- a/review/main/patterns/elements-input-input/elements-input-input.rendered.html
+++ b/review/main/patterns/elements-input-input/elements-input-input.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -121,7 +121,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-input/index.html b/review/main/patterns/elements-input/index.html
index fdfaf3b285..793a8bce59 100644
--- a/review/main/patterns/elements-input/index.html
+++ b/review/main/patterns/elements-input/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1010,10 +1010,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -1026,7 +1026,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-link-_link/elements-link-_link.rendered.html b/review/main/patterns/elements-link-_link/elements-link-_link.rendered.html
index 7bc75acc89..2070a3bbbc 100644
--- a/review/main/patterns/elements-link-_link/elements-link-_link.rendered.html
+++ b/review/main/patterns/elements-link-_link/elements-link-_link.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -60,11 +60,11 @@
 </a>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
-  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
 </script>
 
 <script>
-  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
 </script>
 
 <script>
@@ -100,10 +100,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -116,7 +116,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-link-links-small/elements-link-links-small.rendered.html b/review/main/patterns/elements-link-links-small/elements-link-links-small.rendered.html
index 5760c0cc52..cf439b512c 100644
--- a/review/main/patterns/elements-link-links-small/elements-link-links-small.rendered.html
+++ b/review/main/patterns/elements-link-links-small/elements-link-links-small.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -179,7 +179,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-link-links/elements-link-links.rendered.html b/review/main/patterns/elements-link-links/elements-link-links.rendered.html
index 4aa7dc6803..2939da6198 100644
--- a/review/main/patterns/elements-link-links/elements-link-links.rendered.html
+++ b/review/main/patterns/elements-link-links/elements-link-links.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -221,7 +221,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-link/index.html b/review/main/patterns/elements-link/index.html
index a369e54e1e..c48c8986ac 100644
--- a/review/main/patterns/elements-link/index.html
+++ b/review/main/patterns/elements-link/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -470,10 +470,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -486,7 +486,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
index a50d019e4e..f9f9614841 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
index 7eac990062..08c2d19125 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
index f03a9fd147..93f02bdf47 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
index 2a1559dece..d3c8845309 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
index b6211194b0..5027b9948d 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html b/review/main/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
index b291b6b4f4..a78a35d83c 100644
--- a/review/main/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
+++ b/review/main/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -114,7 +114,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-loading-indicator/index.html b/review/main/patterns/elements-loading-indicator/index.html
index c28e19ba30..89f2e28562 100644
--- a/review/main/patterns/elements-loading-indicator/index.html
+++ b/review/main/patterns/elements-loading-indicator/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -473,10 +473,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -489,7 +489,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html b/review/main/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
index 1c5d0c510a..6daf1f4de2 100644
--- a/review/main/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
+++ b/review/main/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -116,10 +116,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -132,7 +132,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html b/review/main/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
index d8d1a1f394..e1723dee65 100644
--- a/review/main/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
+++ b/review/main/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -124,10 +124,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -140,7 +140,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html b/review/main/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
index 8cfdc0148c..17f8608965 100644
--- a/review/main/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
+++ b/review/main/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@ <h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -106,7 +106,7 @@ <h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-logo-logo/elements-logo-logo.rendered.html b/review/main/patterns/elements-logo-logo/elements-logo-logo.rendered.html
index db04e4f2c1..691fc2022b 100644
--- a/review/main/patterns/elements-logo-logo/elements-logo-logo.rendered.html
+++ b/review/main/patterns/elements-logo-logo/elements-logo-logo.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -104,7 +104,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-logo/index.html b/review/main/patterns/elements-logo/index.html
index 6b845fa1df..c45599536b 100644
--- a/review/main/patterns/elements-logo/index.html
+++ b/review/main/patterns/elements-logo/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -379,10 +379,10 @@ <h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -395,7 +395,7 @@ <h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html b/review/main/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
index 56b1f6d5a3..7042f1ce68 100644
--- a/review/main/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
+++ b/review/main/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -105,7 +105,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html b/review/main/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
index 78f64e46af..eb35bfac5d 100644
--- a/review/main/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
+++ b/review/main/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-progress-progress/elements-progress-progress.rendered.html b/review/main/patterns/elements-progress-progress/elements-progress-progress.rendered.html
index c8b9985372..5a47ff4c7d 100644
--- a/review/main/patterns/elements-progress-progress/elements-progress-progress.rendered.html
+++ b/review/main/patterns/elements-progress-progress/elements-progress-progress.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -96,10 +96,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -112,7 +112,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-progress/index.html b/review/main/patterns/elements-progress/index.html
index 21af3d2c11..b81a4fe3bd 100644
--- a/review/main/patterns/elements-progress/index.html
+++ b/review/main/patterns/elements-progress/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -267,10 +267,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -283,7 +283,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html b/review/main/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
index 3d0f4e36ce..c899cc6012 100644
--- a/review/main/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
+++ b/review/main/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -109,7 +109,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html b/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
index e4c071511c..4426cb9553 100644
--- a/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-34090fb0-1859-4e26-8939-12c473449186"
+	id="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-34090fb0-1859-4e26-8939-12c473449186">Radio 01</label>
+<label class="elm-label" for="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd"
+	id="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd">Radio 02</label>
+<label class="elm-label" for="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-14aaebe5-4376-43fe-8d96-f3291f6cb095"
+	id="id-e045e429-6bb7-4a6c-903d-4897cdf986f4"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-14aaebe5-4376-43fe-8d96-f3291f6cb095">Radio 03</label>
+<label class="elm-label" for="id-e045e429-6bb7-4a6c-903d-4897cdf986f4">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html b/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
index 5d78b48d8c..1ebc1e8d55 100644
--- a/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
+++ b/review/main/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-34090fb0-1859-4e26-8939-12c473449186"
+	id="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-34090fb0-1859-4e26-8939-12c473449186">Radio 01</label>
+<label class="elm-label" for="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd"
+	id="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd">Radio 02</label>
+<label class="elm-label" for="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-14aaebe5-4376-43fe-8d96-f3291f6cb095"
+	id="id-e045e429-6bb7-4a6c-903d-4897cdf986f4"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-14aaebe5-4376-43fe-8d96-f3291f6cb095">Radio 03</label>
+<label class="elm-label" for="id-e045e429-6bb7-4a6c-903d-4897cdf986f4">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html b/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
index ad8f141ae6..8229ba1763 100644
--- a/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-95afd394-5982-49e5-ac13-a296584474bf"
+	id="id-0d46fbe4-b286-410d-ae5d-92314a499aa9"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-95afd394-5982-49e5-ac13-a296584474bf">Radio 01</label>
+<label class="elm-label" for="id-0d46fbe4-b286-410d-ae5d-92314a499aa9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a"
+	id="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a">Radio 02</label>
+<label class="elm-label" for="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-033bebf0-805c-44b0-9ceb-db68b84689db"
+	id="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-033bebf0-805c-44b0-9ceb-db68b84689db">Radio 03</label>
+<label class="elm-label" for="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html b/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
index 50312846a5..805037b430 100644
--- a/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
+++ b/review/main/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-95afd394-5982-49e5-ac13-a296584474bf"
+	id="id-0d46fbe4-b286-410d-ae5d-92314a499aa9"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-95afd394-5982-49e5-ac13-a296584474bf">Radio 01</label>
+<label class="elm-label" for="id-0d46fbe4-b286-410d-ae5d-92314a499aa9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a"
+	id="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a">Radio 02</label>
+<label class="elm-label" for="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-033bebf0-805c-44b0-9ceb-db68b84689db"
+	id="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-033bebf0-805c-44b0-9ceb-db68b84689db">Radio 03</label>
+<label class="elm-label" for="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html b/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
index 19e7ab8436..cf9123b3b5 100644
--- a/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-516c86ad-8295-4d56-9406-429626460c69"
+	id="id-a14db8f6-1657-4175-9d85-6ec2bbc91544"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-516c86ad-8295-4d56-9406-429626460c69">Radio 01</label>
+<label class="elm-label" for="id-a14db8f6-1657-4175-9d85-6ec2bbc91544">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40"
+	id="id-3ab13856-5571-4861-a500-9b71ea332d2c"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40">Radio 02</label>
+<label class="elm-label" for="id-3ab13856-5571-4861-a500-9b71ea332d2c">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d"
+	id="id-4ce90a30-9280-4d55-b4a2-b9ee138284be"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d">Radio 03</label>
+<label class="elm-label" for="id-4ce90a30-9280-4d55-b4a2-b9ee138284be">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html b/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
index 4495d5b018..a0e3a873ef 100644
--- a/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
+++ b/review/main/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-516c86ad-8295-4d56-9406-429626460c69"
+	id="id-a14db8f6-1657-4175-9d85-6ec2bbc91544"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-516c86ad-8295-4d56-9406-429626460c69">Radio 01</label>
+<label class="elm-label" for="id-a14db8f6-1657-4175-9d85-6ec2bbc91544">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40"
+	id="id-3ab13856-5571-4861-a500-9b71ea332d2c"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40">Radio 02</label>
+<label class="elm-label" for="id-3ab13856-5571-4861-a500-9b71ea332d2c">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d"
+	id="id-4ce90a30-9280-4d55-b4a2-b9ee138284be"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d">Radio 03</label>
+<label class="elm-label" for="id-4ce90a30-9280-4d55-b4a2-b9ee138284be">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html b/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
index b03f5db5b8..d93c490eff 100644
--- a/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-d66353a3-c851-4e25-930a-6a204cef75f0"
+	id="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-d66353a3-c851-4e25-930a-6a204cef75f0">Radio 01</label>
+<label class="elm-label" for="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-a9cb717b-fc50-47c4-af0b-bb7202496083"
+	id="id-55dcd9e5-235f-4860-a13a-62da9d02efcd"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-a9cb717b-fc50-47c4-af0b-bb7202496083">Radio 02</label>
+<label class="elm-label" for="id-55dcd9e5-235f-4860-a13a-62da9d02efcd">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b"
+	id="id-c587e3cd-384b-468f-aa4d-05a9568e6317"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b">Radio 03</label>
+<label class="elm-label" for="id-c587e3cd-384b-468f-aa4d-05a9568e6317">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html b/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
index 7c564b7747..7770654e94 100644
--- a/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
+++ b/review/main/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-d66353a3-c851-4e25-930a-6a204cef75f0"
+	id="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-d66353a3-c851-4e25-930a-6a204cef75f0">Radio 01</label>
+<label class="elm-label" for="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-a9cb717b-fc50-47c4-af0b-bb7202496083"
+	id="id-55dcd9e5-235f-4860-a13a-62da9d02efcd"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-a9cb717b-fc50-47c4-af0b-bb7202496083">Radio 02</label>
+<label class="elm-label" for="id-55dcd9e5-235f-4860-a13a-62da9d02efcd">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b"
+	id="id-c587e3cd-384b-468f-aa4d-05a9568e6317"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b">Radio 03</label>
+<label class="elm-label" for="id-c587e3cd-384b-468f-aa4d-05a9568e6317">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html b/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
index 6f3eecc74a..3d24433a43 100644
--- a/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-02646d82-6439-4e0e-8642-e2a835e4b7cd"
+	id="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-02646d82-6439-4e0e-8642-e2a835e4b7cd" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910"
+	id="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-8f026abb-5f00-4813-a2bd-ed83f19871de"
+	id="id-71c4a516-855b-4635-b8e6-f76e701ee97d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8f026abb-5f00-4813-a2bd-ed83f19871de" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-71c4a516-855b-4635-b8e6-f76e701ee97d" data-label-hidden="true">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html b/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
index 144b4512fa..9b2c01692d 100644
--- a/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
+++ b/review/main/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-02646d82-6439-4e0e-8642-e2a835e4b7cd"
+	id="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-02646d82-6439-4e0e-8642-e2a835e4b7cd" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910"
+	id="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-8f026abb-5f00-4813-a2bd-ed83f19871de"
+	id="id-71c4a516-855b-4635-b8e6-f76e701ee97d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8f026abb-5f00-4813-a2bd-ed83f19871de" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-71c4a516-855b-4635-b8e6-f76e701ee97d" data-label-hidden="true">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html b/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
index 675b735e37..c77c82832f 100644
--- a/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
+++ b/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-19d11b44-2993-4bac-9527-d985350c22a1"
+	id="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-19d11b44-2993-4bac-9527-d985350c22a1">Radio 01</label>
+<label class="elm-label" for="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06"
+	id="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06">Radio 02</label>
+<label class="elm-label" for="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2"
+	id="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2">Radio 03</label>
+<label class="elm-label" for="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html b/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
index 5b9fb8435e..6ed1a7f73f 100644
--- a/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
+++ b/review/main/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-19d11b44-2993-4bac-9527-d985350c22a1"
+	id="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-19d11b44-2993-4bac-9527-d985350c22a1">Radio 01</label>
+<label class="elm-label" for="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06"
+	id="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06">Radio 02</label>
+<label class="elm-label" for="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2"
+	id="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2">Radio 03</label>
+<label class="elm-label" for="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio-radios/elements-radio-radios.markup-only.html b/review/main/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
index 61400c3d66..7e0f075f4a 100644
--- a/review/main/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
+++ b/review/main/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d7ab71e7-a010-4458-bfd0-30d054b7e956"
+	id="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d7ab71e7-a010-4458-bfd0-30d054b7e956">Radio 01</label>
+<label class="elm-label" for="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26"
+	id="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26">Radio 02</label>
+<label class="elm-label" for="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-417521a5-c2f8-446c-96cf-46e5a4f4b592"
+	id="id-fd68df53-98ea-450f-badc-d77c7a25b2f6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-417521a5-c2f8-446c-96cf-46e5a4f4b592">Radio 03</label>
+<label class="elm-label" for="id-fd68df53-98ea-450f-badc-d77c7a25b2f6">Radio 03</label>
 <br>
diff --git a/review/main/patterns/elements-radio-radios/elements-radio-radios.rendered.html b/review/main/patterns/elements-radio-radios/elements-radio-radios.rendered.html
index 39eaeed336..0cb7a3d97d 100644
--- a/review/main/patterns/elements-radio-radios/elements-radio-radios.rendered.html
+++ b/review/main/patterns/elements-radio-radios/elements-radio-radios.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -43,38 +43,38 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d7ab71e7-a010-4458-bfd0-30d054b7e956"
+	id="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d7ab71e7-a010-4458-bfd0-30d054b7e956">Radio 01</label>
+<label class="elm-label" for="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26"
+	id="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26">Radio 02</label>
+<label class="elm-label" for="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-417521a5-c2f8-446c-96cf-46e5a4f4b592"
+	id="id-fd68df53-98ea-450f-badc-d77c7a25b2f6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-417521a5-c2f8-446c-96cf-46e5a4f4b592">Radio 03</label>
+<label class="elm-label" for="id-fd68df53-98ea-450f-badc-d77c7a25b2f6">Radio 03</label>
 <br>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-radio/index.html b/review/main/patterns/elements-radio/index.html
index ddc5223506..27630ad4dc 100644
--- a/review/main/patterns/elements-radio/index.html
+++ b/review/main/patterns/elements-radio/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -99,38 +99,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d7ab71e7-a010-4458-bfd0-30d054b7e956"
+	id="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d7ab71e7-a010-4458-bfd0-30d054b7e956">Radio 01</label>
+<label class="elm-label" for="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26"
+	id="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26">Radio 02</label>
+<label class="elm-label" for="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-417521a5-c2f8-446c-96cf-46e5a4f4b592"
+	id="id-fd68df53-98ea-450f-badc-d77c7a25b2f6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-417521a5-c2f8-446c-96cf-46e5a4f4b592">Radio 03</label>
+<label class="elm-label" for="id-fd68df53-98ea-450f-badc-d77c7a25b2f6">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -179,38 +179,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-34090fb0-1859-4e26-8939-12c473449186"
+	id="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-34090fb0-1859-4e26-8939-12c473449186">Radio 01</label>
+<label class="elm-label" for="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd"
+	id="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd">Radio 02</label>
+<label class="elm-label" for="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-14aaebe5-4376-43fe-8d96-f3291f6cb095"
+	id="id-e045e429-6bb7-4a6c-903d-4897cdf986f4"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-14aaebe5-4376-43fe-8d96-f3291f6cb095">Radio 03</label>
+<label class="elm-label" for="id-e045e429-6bb7-4a6c-903d-4897cdf986f4">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -259,38 +259,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-516c86ad-8295-4d56-9406-429626460c69"
+	id="id-a14db8f6-1657-4175-9d85-6ec2bbc91544"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-516c86ad-8295-4d56-9406-429626460c69">Radio 01</label>
+<label class="elm-label" for="id-a14db8f6-1657-4175-9d85-6ec2bbc91544">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40"
+	id="id-3ab13856-5571-4861-a500-9b71ea332d2c"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40">Radio 02</label>
+<label class="elm-label" for="id-3ab13856-5571-4861-a500-9b71ea332d2c">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d"
+	id="id-4ce90a30-9280-4d55-b4a2-b9ee138284be"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d">Radio 03</label>
+<label class="elm-label" for="id-4ce90a30-9280-4d55-b4a2-b9ee138284be">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -339,38 +339,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-95afd394-5982-49e5-ac13-a296584474bf"
+	id="id-0d46fbe4-b286-410d-ae5d-92314a499aa9"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-95afd394-5982-49e5-ac13-a296584474bf">Radio 01</label>
+<label class="elm-label" for="id-0d46fbe4-b286-410d-ae5d-92314a499aa9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a"
+	id="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a">Radio 02</label>
+<label class="elm-label" for="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-033bebf0-805c-44b0-9ceb-db68b84689db"
+	id="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-033bebf0-805c-44b0-9ceb-db68b84689db">Radio 03</label>
+<label class="elm-label" for="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -419,38 +419,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-d66353a3-c851-4e25-930a-6a204cef75f0"
+	id="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-d66353a3-c851-4e25-930a-6a204cef75f0">Radio 01</label>
+<label class="elm-label" for="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-a9cb717b-fc50-47c4-af0b-bb7202496083"
+	id="id-55dcd9e5-235f-4860-a13a-62da9d02efcd"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-a9cb717b-fc50-47c4-af0b-bb7202496083">Radio 02</label>
+<label class="elm-label" for="id-55dcd9e5-235f-4860-a13a-62da9d02efcd">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b"
+	id="id-c587e3cd-384b-468f-aa4d-05a9568e6317"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b">Radio 03</label>
+<label class="elm-label" for="id-c587e3cd-384b-468f-aa4d-05a9568e6317">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -499,38 +499,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-02646d82-6439-4e0e-8642-e2a835e4b7cd"
+	id="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-02646d82-6439-4e0e-8642-e2a835e4b7cd" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910"
+	id="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-8f026abb-5f00-4813-a2bd-ed83f19871de"
+	id="id-71c4a516-855b-4635-b8e6-f76e701ee97d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8f026abb-5f00-4813-a2bd-ed83f19871de" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-71c4a516-855b-4635-b8e6-f76e701ee97d" data-label-hidden="true">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -579,38 +579,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-19d11b44-2993-4bac-9527-d985350c22a1"
+	id="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-19d11b44-2993-4bac-9527-d985350c22a1">Radio 01</label>
+<label class="elm-label" for="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06"
+	id="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06">Radio 02</label>
+<label class="elm-label" for="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2"
+	id="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2">Radio 03</label>
+<label class="elm-label" for="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -667,10 +667,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -683,7 +683,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html b/review/main/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
index 44aadf4458..7444701515 100644
--- a/review/main/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
+++ b/review/main/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html b/review/main/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
index 6f4e14602d..8aab5ad2b3 100644
--- a/review/main/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
+++ b/review/main/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html b/review/main/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
index d9e0e73a4b..7f682f7ec1 100644
--- a/review/main/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
+++ b/review/main/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -152,10 +152,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -168,7 +168,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html b/review/main/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
index 93be4d5f44..864077ebe1 100644
--- a/review/main/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
+++ b/review/main/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -172,10 +172,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -188,7 +188,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html b/review/main/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
index a52f666080..d466e1ceeb 100644
--- a/review/main/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
+++ b/review/main/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -152,10 +152,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -168,7 +168,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select-select/elements-select-select.rendered.html b/review/main/patterns/elements-select-select/elements-select-select.rendered.html
index c0f38e52a1..e57b3877d8 100644
--- a/review/main/patterns/elements-select-select/elements-select-select.rendered.html
+++ b/review/main/patterns/elements-select-select/elements-select-select.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -113,7 +113,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-select/index.html b/review/main/patterns/elements-select/index.html
index 2dd4bc7019..22f96df037 100644
--- a/review/main/patterns/elements-select/index.html
+++ b/review/main/patterns/elements-select/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -644,10 +644,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -660,7 +660,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html b/review/main/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
index f427687331..67d87814b7 100644
--- a/review/main/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
+++ b/review/main/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -103,7 +103,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html b/review/main/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
index ae972a33a4..daa692d3ec 100644
--- a/review/main/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
+++ b/review/main/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -172,10 +172,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -188,7 +188,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html b/review/main/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
index 1704cd82a3..4f33f2904c 100644
--- a/review/main/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
+++ b/review/main/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -134,7 +134,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-tags-tags/elements-tags-tags.rendered.html b/review/main/patterns/elements-tags-tags/elements-tags-tags.rendered.html
index 80ccf82543..dd3b1ec4b8 100644
--- a/review/main/patterns/elements-tags-tags/elements-tags-tags.rendered.html
+++ b/review/main/patterns/elements-tags-tags/elements-tags-tags.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -172,10 +172,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -188,7 +188,7 @@ <h3 class="elm-headline ">POIs</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-tags/index.html b/review/main/patterns/elements-tags/index.html
index 07cf9c4e32..c207692ddf 100644
--- a/review/main/patterns/elements-tags/index.html
+++ b/review/main/patterns/elements-tags/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -458,10 +458,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -474,7 +474,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html b/review/main/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
index 4f09b6da39..9babfa0a45 100644
--- a/review/main/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html b/review/main/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
index 9645e72d4d..b5be90b4ea 100644
--- a/review/main/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html b/review/main/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
index 4ae56c3da1..00e503d0e9 100644
--- a/review/main/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html b/review/main/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
index a37f70cf4f..e89e578915 100644
--- a/review/main/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html b/review/main/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
index b98e7e5910..608907c8da 100644
--- a/review/main/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html b/review/main/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
index 4979cad19c..273288fa6d 100644
--- a/review/main/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html b/review/main/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
index 3ebda53092..33da5ada84 100644
--- a/review/main/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html b/review/main/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
index 543764c8d9..b7f233e43b 100644
--- a/review/main/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -140,10 +140,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -156,7 +156,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html b/review/main/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
index a6ecd0bfb9..2021825fdb 100644
--- a/review/main/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
+++ b/review/main/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -111,7 +111,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-textarea/index.html b/review/main/patterns/elements-textarea/index.html
index 2e579cc0b7..97989b106f 100644
--- a/review/main/patterns/elements-textarea/index.html
+++ b/review/main/patterns/elements-textarea/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -658,10 +658,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -674,7 +674,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html b/review/main/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
index e8342382b4..6338c34ad7 100644
--- a/review/main/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
+++ b/review/main/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html b/review/main/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
index 0a96d85d26..404e5bdfb7 100644
--- a/review/main/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
+++ b/review/main/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html b/review/main/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
index ccd4f156a5..75cad8628b 100644
--- a/review/main/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
+++ b/review/main/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html b/review/main/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
index 9959eb447c..071993a504 100644
--- a/review/main/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
+++ b/review/main/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -108,7 +108,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-toggle/index.html b/review/main/patterns/elements-toggle/index.html
index 3a251119f3..37af74f89e 100644
--- a/review/main/patterns/elements-toggle/index.html
+++ b/review/main/patterns/elements-toggle/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -320,10 +320,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -336,7 +336,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-video-_video/elements-video-_video.rendered.html b/review/main/patterns/elements-video-_video/elements-video-_video.rendered.html
index 74e421c567..701dbdc4a7 100644
--- a/review/main/patterns/elements-video-_video/elements-video-_video.rendered.html
+++ b/review/main/patterns/elements-video-_video/elements-video-_video.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -85,10 +85,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -101,7 +101,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html b/review/main/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
index d933c8e57f..02d42cb22b 100644
--- a/review/main/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
+++ b/review/main/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -102,7 +102,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/elements/index.html b/review/main/patterns/elements/index.html
index 91c7850e00..69d19a5298 100644
--- a/review/main/patterns/elements/index.html
+++ b/review/main/patterns/elements/index.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -5668,38 +5668,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d7ab71e7-a010-4458-bfd0-30d054b7e956"
+	id="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d7ab71e7-a010-4458-bfd0-30d054b7e956">Radio 01</label>
+<label class="elm-label" for="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26"
+	id="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26">Radio 02</label>
+<label class="elm-label" for="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-417521a5-c2f8-446c-96cf-46e5a4f4b592"
+	id="id-fd68df53-98ea-450f-badc-d77c7a25b2f6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-417521a5-c2f8-446c-96cf-46e5a4f4b592">Radio 03</label>
+<label class="elm-label" for="id-fd68df53-98ea-450f-badc-d77c7a25b2f6">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -5748,38 +5748,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-34090fb0-1859-4e26-8939-12c473449186"
+	id="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-34090fb0-1859-4e26-8939-12c473449186">Radio 01</label>
+<label class="elm-label" for="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd"
+	id="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd">Radio 02</label>
+<label class="elm-label" for="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-14aaebe5-4376-43fe-8d96-f3291f6cb095"
+	id="id-e045e429-6bb7-4a6c-903d-4897cdf986f4"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-14aaebe5-4376-43fe-8d96-f3291f6cb095">Radio 03</label>
+<label class="elm-label" for="id-e045e429-6bb7-4a6c-903d-4897cdf986f4">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -5828,38 +5828,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-516c86ad-8295-4d56-9406-429626460c69"
+	id="id-a14db8f6-1657-4175-9d85-6ec2bbc91544"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-516c86ad-8295-4d56-9406-429626460c69">Radio 01</label>
+<label class="elm-label" for="id-a14db8f6-1657-4175-9d85-6ec2bbc91544">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40"
+	id="id-3ab13856-5571-4861-a500-9b71ea332d2c"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40">Radio 02</label>
+<label class="elm-label" for="id-3ab13856-5571-4861-a500-9b71ea332d2c">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d"
+	id="id-4ce90a30-9280-4d55-b4a2-b9ee138284be"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d">Radio 03</label>
+<label class="elm-label" for="id-4ce90a30-9280-4d55-b4a2-b9ee138284be">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -5908,38 +5908,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-95afd394-5982-49e5-ac13-a296584474bf"
+	id="id-0d46fbe4-b286-410d-ae5d-92314a499aa9"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-95afd394-5982-49e5-ac13-a296584474bf">Radio 01</label>
+<label class="elm-label" for="id-0d46fbe4-b286-410d-ae5d-92314a499aa9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a"
+	id="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a">Radio 02</label>
+<label class="elm-label" for="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-033bebf0-805c-44b0-9ceb-db68b84689db"
+	id="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-033bebf0-805c-44b0-9ceb-db68b84689db">Radio 03</label>
+<label class="elm-label" for="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -5988,38 +5988,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-d66353a3-c851-4e25-930a-6a204cef75f0"
+	id="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-d66353a3-c851-4e25-930a-6a204cef75f0">Radio 01</label>
+<label class="elm-label" for="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-a9cb717b-fc50-47c4-af0b-bb7202496083"
+	id="id-55dcd9e5-235f-4860-a13a-62da9d02efcd"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-a9cb717b-fc50-47c4-af0b-bb7202496083">Radio 02</label>
+<label class="elm-label" for="id-55dcd9e5-235f-4860-a13a-62da9d02efcd">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b"
+	id="id-c587e3cd-384b-468f-aa4d-05a9568e6317"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b">Radio 03</label>
+<label class="elm-label" for="id-c587e3cd-384b-468f-aa4d-05a9568e6317">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -6068,38 +6068,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-02646d82-6439-4e0e-8642-e2a835e4b7cd"
+	id="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-02646d82-6439-4e0e-8642-e2a835e4b7cd" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910"
+	id="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-8f026abb-5f00-4813-a2bd-ed83f19871de"
+	id="id-71c4a516-855b-4635-b8e6-f76e701ee97d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8f026abb-5f00-4813-a2bd-ed83f19871de" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-71c4a516-855b-4635-b8e6-f76e701ee97d" data-label-hidden="true">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -6148,38 +6148,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-19d11b44-2993-4bac-9527-d985350c22a1"
+	id="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-19d11b44-2993-4bac-9527-d985350c22a1">Radio 01</label>
+<label class="elm-label" for="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06"
+	id="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06">Radio 02</label>
+<label class="elm-label" for="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2"
+	id="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2">Radio 03</label>
+<label class="elm-label" for="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -7944,10 +7944,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -7960,7 +7960,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/pages-intro/pages-intro.markup-only.html b/review/main/patterns/pages-intro/pages-intro.markup-only.html
index 275d4b4250..a51392a341 100644
--- a/review/main/patterns/pages-intro/pages-intro.markup-only.html
+++ b/review/main/patterns/pages-intro/pages-intro.markup-only.html
@@ -10,7 +10,7 @@
 		<h1 class="elm-headline ">DB UI Core</h1>
 
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
-		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4zLjAiPjx0aXRsZT5ucG06IHYzLjMuMDwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMy4wPC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4zLjA8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
 
 		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
diff --git a/review/main/patterns/pages-intro/pages-intro.rendered.html b/review/main/patterns/pages-intro/pages-intro.rendered.html
index 13709067eb..ef5aa38b54 100644
--- a/review/main/patterns/pages-intro/pages-intro.rendered.html
+++ b/review/main/patterns/pages-intro/pages-intro.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -52,7 +52,7 @@
 		<h1 class="elm-headline ">DB UI Core</h1>
 
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
-		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4zLjAiPjx0aXRsZT5ucG06IHYzLjMuMDwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMy4wPC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4zLjA8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
 
 		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
@@ -519,10 +519,10 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -535,7 +535,7 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/patterns/pages-sample-page/pages-sample-page.markup-only.html b/review/main/patterns/pages-sample-page/pages-sample-page.markup-only.html
index 3e313cbca1..b3d86fc8f6 100644
--- a/review/main/patterns/pages-sample-page/pages-sample-page.markup-only.html
+++ b/review/main/patterns/pages-sample-page/pages-sample-page.markup-only.html
@@ -383,21 +383,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
-				id="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
+				name="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
+				id="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-ca810064-6c9b-482a-932a-f3a760e4ed10-label"
+				aria-labelledby="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677-label"
 				
 				>
 			<label class="elm-label"
-				for="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
+				for="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
 				aria-hidden="true"
-				id="id-ca810064-6c9b-482a-932a-f3a760e4ed10-label"
+				id="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677-label"
 				>Suche</label>
 			
 			
diff --git a/review/main/patterns/pages-sample-page/pages-sample-page.rendered.html b/review/main/patterns/pages-sample-page/pages-sample-page.rendered.html
index adaf126a89..5298a2a735 100644
--- a/review/main/patterns/pages-sample-page/pages-sample-page.rendered.html
+++ b/review/main/patterns/pages-sample-page/pages-sample-page.rendered.html
@@ -12,14 +12,14 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -425,21 +425,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
-				id="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
+				name="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
+				id="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-ca810064-6c9b-482a-932a-f3a760e4ed10-label"
+				aria-labelledby="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677-label"
 				
 				>
 			<label class="elm-label"
-				for="id-ca810064-6c9b-482a-932a-f3a760e4ed10"
+				for="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677"
 				aria-hidden="true"
-				id="id-ca810064-6c9b-482a-932a-f3a760e4ed10-label"
+				id="id-d372ae0e-e51b-4b16-a45f-a0b6f2e59677-label"
 				>Suche</label>
 			
 			
@@ -976,10 +976,10 @@ <h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -992,7 +992,7 @@ <h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/main/styleguide/html/styleguide.html b/review/main/styleguide/html/styleguide.html
index 6777d3a170..c0535bd7fe 100644
--- a/review/main/styleguide/html/styleguide.html
+++ b/review/main/styleguide/html/styleguide.html
@@ -12,17 +12,17 @@
 
 
 	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1734279085118" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734115516647" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1734279085118" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1734279085118" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1734279085118" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734115516647" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1734279085118" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -21683,38 +21683,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d7ab71e7-a010-4458-bfd0-30d054b7e956"
+	id="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d7ab71e7-a010-4458-bfd0-30d054b7e956">Radio 01</label>
+<label class="elm-label" for="id-2a8469ec-9d4f-4c43-9e2d-a33a8245ce4d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26"
+	id="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ad3d18f3-3c7e-4eca-9453-1899c3bb1a26">Radio 02</label>
+<label class="elm-label" for="id-96d1d984-7f69-42f3-8c0b-3f69f5a8eb58">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-417521a5-c2f8-446c-96cf-46e5a4f4b592"
+	id="id-fd68df53-98ea-450f-badc-d77c7a25b2f6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-417521a5-c2f8-446c-96cf-46e5a4f4b592">Radio 03</label>
+<label class="elm-label" for="id-fd68df53-98ea-450f-badc-d77c7a25b2f6">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21763,38 +21763,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-34090fb0-1859-4e26-8939-12c473449186"
+	id="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-34090fb0-1859-4e26-8939-12c473449186">Radio 01</label>
+<label class="elm-label" for="id-f2f3801c-48f5-4a09-9ff7-ee480af98adc">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd"
+	id="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8583554d-0cf9-4bda-afb7-ce4fcab2b4bd">Radio 02</label>
+<label class="elm-label" for="id-a9d485fb-d34f-44d6-b01c-27b5e10c5968">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-14aaebe5-4376-43fe-8d96-f3291f6cb095"
+	id="id-e045e429-6bb7-4a6c-903d-4897cdf986f4"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-14aaebe5-4376-43fe-8d96-f3291f6cb095">Radio 03</label>
+<label class="elm-label" for="id-e045e429-6bb7-4a6c-903d-4897cdf986f4">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21843,38 +21843,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-516c86ad-8295-4d56-9406-429626460c69"
+	id="id-a14db8f6-1657-4175-9d85-6ec2bbc91544"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-516c86ad-8295-4d56-9406-429626460c69">Radio 01</label>
+<label class="elm-label" for="id-a14db8f6-1657-4175-9d85-6ec2bbc91544">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40"
+	id="id-3ab13856-5571-4861-a500-9b71ea332d2c"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-a546e3ca-3fe2-41a6-af0e-24fb1e7f2e40">Radio 02</label>
+<label class="elm-label" for="id-3ab13856-5571-4861-a500-9b71ea332d2c">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d"
+	id="id-4ce90a30-9280-4d55-b4a2-b9ee138284be"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-f94af267-9757-4c3f-aa75-9b70f7b1a58d">Radio 03</label>
+<label class="elm-label" for="id-4ce90a30-9280-4d55-b4a2-b9ee138284be">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21923,38 +21923,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-95afd394-5982-49e5-ac13-a296584474bf"
+	id="id-0d46fbe4-b286-410d-ae5d-92314a499aa9"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-95afd394-5982-49e5-ac13-a296584474bf">Radio 01</label>
+<label class="elm-label" for="id-0d46fbe4-b286-410d-ae5d-92314a499aa9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a"
+	id="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-ebe39abd-3932-467d-a117-89ef2d2a5c0a">Radio 02</label>
+<label class="elm-label" for="id-51a1fe6d-b1c9-4b15-b259-275e66c39e2e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-033bebf0-805c-44b0-9ceb-db68b84689db"
+	id="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-033bebf0-805c-44b0-9ceb-db68b84689db">Radio 03</label>
+<label class="elm-label" for="id-d28806dd-5db8-4fb0-966a-ca02cf1e9cd0">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -22003,38 +22003,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-d66353a3-c851-4e25-930a-6a204cef75f0"
+	id="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-d66353a3-c851-4e25-930a-6a204cef75f0">Radio 01</label>
+<label class="elm-label" for="id-9f82aa6f-3481-45c8-b51c-af1a6b28a739">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-a9cb717b-fc50-47c4-af0b-bb7202496083"
+	id="id-55dcd9e5-235f-4860-a13a-62da9d02efcd"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-a9cb717b-fc50-47c4-af0b-bb7202496083">Radio 02</label>
+<label class="elm-label" for="id-55dcd9e5-235f-4860-a13a-62da9d02efcd">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b"
+	id="id-c587e3cd-384b-468f-aa4d-05a9568e6317"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-fbf3fa09-0827-4e14-a1cb-be24d5e0dc5b">Radio 03</label>
+<label class="elm-label" for="id-c587e3cd-384b-468f-aa4d-05a9568e6317">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -22083,38 +22083,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-02646d82-6439-4e0e-8642-e2a835e4b7cd"
+	id="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-02646d82-6439-4e0e-8642-e2a835e4b7cd" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-67b6b7d3-e3b9-4937-9a1e-099d382b2f73" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910"
+	id="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-5c37447d-1f4c-48e5-b1cc-3d12bba94910" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-1a4cb8fa-311f-4b9c-b1f0-742e9a1148c6" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-8f026abb-5f00-4813-a2bd-ed83f19871de"
+	id="id-71c4a516-855b-4635-b8e6-f76e701ee97d"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-8f026abb-5f00-4813-a2bd-ed83f19871de" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-71c4a516-855b-4635-b8e6-f76e701ee97d" data-label-hidden="true">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -22163,38 +22163,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-19d11b44-2993-4bac-9527-d985350c22a1"
+	id="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-19d11b44-2993-4bac-9527-d985350c22a1">Radio 01</label>
+<label class="elm-label" for="id-11fe8e76-8ff0-4d47-9364-1013724fbf3d">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06"
+	id="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-66627a9a-07c4-4de3-a3dc-3280bd3f6d06">Radio 02</label>
+<label class="elm-label" for="id-7e1cd52b-71c8-4a2e-8988-e0507e29dd43">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2"
+	id="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d1f43457-d0bb-4413-af94-9f8e46b6e7e2">Radio 03</label>
+<label class="elm-label" for="id-aafd3a88-b5dc-43d6-8567-bdc325c156bb">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -29134,21 +29134,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				name="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				aria-labelledby="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				
 				>
 			<label class="elm-label"
-				for="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d"
+				for="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea"
 				aria-hidden="true"
-				id="id-d3842f15-178e-4bc1-9630-9db8a09d6f4d-label"
+				id="id-69c9415a-cbc2-4056-a0dc-0dc5e63b0eea-label"
 				>Suche</label>
 			
 			
@@ -29723,21 +29723,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				name="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				aria-labelledby="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				
 				>
 			<label class="elm-label"
-				for="id-e61b303d-ab54-4464-b6f2-e3208c176e20"
+				for="id-0139597b-4d1d-428f-bd36-2fb20f98a15a"
 				aria-hidden="true"
-				id="id-e61b303d-ab54-4464-b6f2-e3208c176e20-label"
+				id="id-0139597b-4d1d-428f-bd36-2fb20f98a15a-label"
 				>Suche</label>
 			
 			
@@ -29953,21 +29953,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			name="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			aria-labelledby="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			
 			>
 		<label class="elm-label"
-			for="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92"
+			for="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc"
 			aria-hidden="true"
-			id="id-18a3eb73-d7e0-40f2-80e4-3bbff71acc92-label"
+			id="id-c5aa91bd-0af2-44c7-930e-55a45c1148dc-label"
 			>Suche</label>
 		
 		
@@ -30168,7 +30168,7 @@ <h3 class="pl-c-pattern__title">
 		<h1 class="elm-headline ">DB UI Core</h1>
 
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
-		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4zLjAiPjx0aXRsZT5ucG06IHYzLjMuMDwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMy4wPC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4zLjA8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
 		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
 
 		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
@@ -30648,10 +30648,10 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1734115516647">
+<script id="pl-js-polyfill-insert-1734279085118">
   (function() {
     if (self != top) {
-      var cb = '1734115516647';
+      var cb = '1734279085118';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -30664,7 +30664,7 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1734115516647" nomodule>
+<script id="pl-js-insert-1734279085118" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);