From 49d233147e96a22f529ce3be5f48546fdf328e6e Mon Sep 17 00:00:00 2001
From: mfranzke <mfranzke@users.noreply.github.com>
Date: Thu, 21 Nov 2024 14:41:29 +0000
Subject: [PATCH] deploy: b2e98c20621cd91c1a8b9e76dbff7f4a4e5f4ef1

---
 ...as-footer-footer-with-border.rendered.html |  16 +-
 .../areas-footer-footer.rendered.html         |  20 +--
 .../patterns/areas-footer/index.html          |  20 +--
 .../areas-grid-grid.rendered.html             |  16 +-
 .../patterns/areas-grid/index.html            |  18 +--
 ...as-header-header-loggedin.markup-only.html |  10 +-
 ...areas-header-header-loggedin.rendered.html |  26 ++--
 .../areas-header-header.markup-only.html      |  10 +-
 .../areas-header-header.rendered.html         |  26 ++--
 .../areas-header-meta.markup-only.html        |  10 +-
 .../areas-header-meta.rendered.html           |  26 ++--
 .../patterns/areas-header/index.html          |  48 +++---
 .../patterns/areas/index.html                 |  50 +++----
 .../base-colors-feedback.rendered.html        |  16 +-
 .../base-colors-poi.rendered.html             |  16 +-
 .../base-colors-primary.rendered.html         |  16 +-
 .../base-colors-secondary.rendered.html       |  16 +-
 .../base-colors-transportation.rendered.html  |  16 +-
 .../patterns/base-colors/index.html           |  18 +--
 ...con-library-16-filled-action.rendered.html |  16 +-
 ...library-16-filled-navigation.rendered.html |  16 +-
 ...brary-16-filled-notification.rendered.html |  16 +-
 ...on-library-16-outline-action.rendered.html |  16 +-
 ...ibrary-16-outline-navigation.rendered.html |  16 +-
 ...con-library-20-filled-action.rendered.html |  16 +-
 ...ns-icon-library-20-filled-av.rendered.html |  16 +-
 ...rary-20-filled-communication.rendered.html |  16 +-
 ...on-library-20-filled-feature.rendered.html |  16 +-
 ...-icon-library-20-filled-food.rendered.html |  16 +-
 ...ns-icon-library-20-filled-it.rendered.html |  16 +-
 ...on-library-20-filled-journey.rendered.html |  16 +-
 ...-icon-library-20-filled-maps.rendered.html |  16 +-
 ...library-20-filled-navigation.rendered.html |  16 +-
 ...brary-20-filled-notification.rendered.html |  16 +-
 ...con-library-20-filled-ticket.rendered.html |  16 +-
 ...ary-20-filled-transportation.rendered.html |  16 +-
 ...on-library-20-outline-action.rendered.html |  16 +-
 ...s-icon-library-20-outline-av.rendered.html |  16 +-
 ...con-library-20-outline-brand.rendered.html |  16 +-
 ...ary-20-outline-communication.rendered.html |  16 +-
 ...-library-20-outline-covid-19.rendered.html |  16 +-
 ...ibrary-20-outline-facilities.rendered.html |  16 +-
 ...n-library-20-outline-feature.rendered.html |  16 +-
 ...icon-library-20-outline-food.rendered.html |  16 +-
 ...s-icon-library-20-outline-it.rendered.html |  16 +-
 ...n-library-20-outline-journey.rendered.html |  16 +-
 ...icon-library-20-outline-maps.rendered.html |  16 +-
 ...ibrary-20-outline-navigation.rendered.html |  16 +-
 ...rary-20-outline-notification.rendered.html |  16 +-
 ...icon-library-20-outline-seat.rendered.html |  16 +-
 ...on-library-20-outline-ticket.rendered.html |  16 +-
 ...ry-20-outline-transportation.rendered.html |  16 +-
 ...con-library-24-filled-action.rendered.html |  16 +-
 ...ns-icon-library-24-filled-av.rendered.html |  16 +-
 ...on-library-24-filled-journey.rendered.html |  16 +-
 ...-icon-library-24-filled-maps.rendered.html |  16 +-
 ...library-24-filled-navigation.rendered.html |  16 +-
 ...brary-24-filled-notification.rendered.html |  16 +-
 ...ary-24-filled-transportation.rendered.html |  16 +-
 ...on-library-24-outline-action.rendered.html |  16 +-
 ...s-icon-library-24-outline-av.rendered.html |  16 +-
 ...con-library-24-outline-brand.rendered.html |  16 +-
 ...ary-24-outline-communication.rendered.html |  16 +-
 ...-library-24-outline-covid-19.rendered.html |  16 +-
 ...ibrary-24-outline-facilities.rendered.html |  16 +-
 ...n-library-24-outline-feature.rendered.html |  16 +-
 ...icon-library-24-outline-food.rendered.html |  16 +-
 ...s-icon-library-24-outline-it.rendered.html |  16 +-
 ...n-library-24-outline-journey.rendered.html |  16 +-
 ...icon-library-24-outline-maps.rendered.html |  16 +-
 ...ibrary-24-outline-navigation.rendered.html |  16 +-
 ...rary-24-outline-notification.rendered.html |  16 +-
 ...icon-library-24-outline-seat.rendered.html |  16 +-
 ...on-library-24-outline-ticket.rendered.html |  16 +-
 ...ry-24-outline-transportation.rendered.html |  16 +-
 ...con-library-32-filled-action.rendered.html |  16 +-
 ...ns-icon-library-32-filled-av.rendered.html |  16 +-
 ...-icon-library-32-filled-maps.rendered.html |  16 +-
 ...library-32-filled-navigation.rendered.html |  16 +-
 ...brary-32-filled-notification.rendered.html |  16 +-
 ...ary-32-filled-transportation.rendered.html |  16 +-
 ...on-library-32-outline-action.rendered.html |  16 +-
 ...s-icon-library-32-outline-av.rendered.html |  16 +-
 ...con-library-32-outline-brand.rendered.html |  16 +-
 ...ary-32-outline-communication.rendered.html |  16 +-
 ...-library-32-outline-covid-19.rendered.html |  16 +-
 ...ibrary-32-outline-facilities.rendered.html |  16 +-
 ...n-library-32-outline-feature.rendered.html |  16 +-
 ...icon-library-32-outline-food.rendered.html |  16 +-
 ...s-icon-library-32-outline-it.rendered.html |  16 +-
 ...n-library-32-outline-journey.rendered.html |  16 +-
 ...icon-library-32-outline-maps.rendered.html |  16 +-
 ...ibrary-32-outline-navigation.rendered.html |  16 +-
 ...rary-32-outline-notification.rendered.html |  16 +-
 ...icon-library-32-outline-seat.rendered.html |  16 +-
 ...on-library-32-outline-ticket.rendered.html |  16 +-
 ...ry-32-outline-transportation.rendered.html |  16 +-
 ...ns-icon-library-48-filled-av.rendered.html |  16 +-
 ...s-icon-library-48-outline-av.rendered.html |  16 +-
 ...con-library-48-outline-brand.rendered.html |  16 +-
 ...ns-icon-library-64-filled-av.rendered.html |  16 +-
 ...s-icon-library-64-outline-av.rendered.html |  16 +-
 ...con-library-64-outline-brand.rendered.html |  16 +-
 .../base-icons-icon-library.rendered.html     |  16 +-
 ...ase-icons-illustration-icons.rendered.html |  16 +-
 .../patterns/base-icons/index.html            |  18 +--
 .../base-type-fonts.rendered.html             |  16 +-
 ...ighlight-colors-1st-priority.rendered.html |  16 +-
 ...ighlight-colors-2nd-priority.rendered.html |  16 +-
 ...ype-highlight-colors-neutral.rendered.html |  16 +-
 ...pe-highlight-colors-positive.rendered.html |  16 +-
 .../patterns/base-type/index.html             |  18 +--
 .../patterns/base/index.html                  |  18 +--
 ...dion-accordion-high-emphasis.rendered.html |  16 +-
 ...ts-accordion-accordion-sizes.rendered.html |  16 +-
 ...mponents-accordion-accordion.rendered.html |  16 +-
 .../patterns/components-accordion/index.html  |  18 +--
 .../components-brand-_brand.rendered.html     |  16 +-
 ...onents-breadcrumb-breadcrumb.rendered.html |  16 +-
 .../patterns/components-breadcrumb/index.html |  18 +--
 .../components-cards-_card.rendered.html      |  16 +-
 ...omponents-cards-cards-banner.rendered.html |  16 +-
 .../patterns/components-cards/index.html      |  18 +--
 ...-dialog-button-alignment-end.rendered.html |  16 +-
 .../components-dialog-dialog.rendered.html    |  16 +-
 .../patterns/components-dialog/index.html     |  18 +--
 ...n-dropdown-opposite-position.rendered.html |  16 +-
 ...components-dropdown-dropdown.rendered.html |  16 +-
 .../patterns/components-dropdown/index.html   |  18 +--
 ...components-form-example-form.rendered.html |  16 +-
 .../patterns/components-form/index.html       |  18 +--
 ...itcher-language-switcher-spa.rendered.html |  16 +-
 ...e-switcher-language-switcher.rendered.html |  16 +-
 .../components-language-switcher/index.html   |  18 +--
 ...-notifications-_notification.rendered.html |  16 +-
 ...ations-hovering-leading-icon.rendered.html |  16 +-
 ...tions-hovering-trailing-icon.rendered.html |  16 +-
 ...tions-notifications-hovering.rendered.html |  16 +-
 ...tions-notifications-variants.rendered.html |  16 +-
 ...-notifications-notifications.rendered.html |  16 +-
 .../components-notifications/index.html       |  18 +--
 ...navigation-opposite-position.rendered.html |  16 +-
 ...enu-overflow-menu-navigation.rendered.html |  16 +-
 ...rflow-menu-opposite-position.rendered.html |  16 +-
 ...-overflow-menu-overflow-menu.rendered.html |  16 +-
 .../components-overflow-menu/index.html       |  18 +--
 ...onents-pagination-pagination.rendered.html |  16 +-
 .../patterns/components-pagination/index.html |  18 +--
 ...components-sidenavi-sidenavi.rendered.html |  16 +-
 .../patterns/components-sidenavi/index.html   |  18 +--
 ...ts-sitesearch-_sitesearch.markup-only.html |  10 +-
 ...nents-sitesearch-_sitesearch.rendered.html |  26 ++--
 ...ts-tab-bar-tab-bar-item-icon.rendered.html |  16 +-
 ...-bar-tab-bar-small-item-icon.rendered.html |  16 +-
 ...onents-tab-bar-tab-bar-small.rendered.html |  16 +-
 .../components-tab-bar-tab-bar.rendered.html  |  16 +-
 .../patterns/components-tab-bar/index.html    |  18 +--
 ...nents-table-table-alignments.rendered.html |  16 +-
 ...ts-table-table-border-around.rendered.html |  16 +-
 ...able-table-border-horizontal.rendered.html |  16 +-
 ...mponents-table-table-density.rendered.html |  16 +-
 ...onents-table-table-font-size.rendered.html |  16 +-
 ...components-table-table-icons.rendered.html |  16 +-
 ...ts-table-table-overflow-menu.rendered.html |  16 +-
 ...onents-table-table-row-title.rendered.html |  16 +-
 ...nents-table-table-rows-zebra.rendered.html |  16 +-
 ...ts-table-table-sticky-header.rendered.html |  16 +-
 .../components-table-table.rendered.html      |  16 +-
 .../patterns/components-table/index.html      |  18 +--
 .../patterns/components/index.html            |  18 +--
 ...tons-01-button-brand-primary.rendered.html |  16 +-
 ...ts-buttons-03-button-primary.rendered.html |  16 +-
 ...-04-button-secondary-outline.rendered.html |  16 +-
 ...ns-05-button-secondary-solid.rendered.html |  16 +-
 ...ons-06-button-tertiary-plain.rendered.html |  16 +-
 ...ents-buttons-09-button-sizes.rendered.html |  16 +-
 ...ents-buttons-10-button-width.rendered.html |  16 +-
 .../elements-buttons-button.rendered.html     |  20 +--
 .../patterns/elements-buttons/index.html      |  20 +--
 ...ts-checkbox-checkbox-checked.rendered.html |  16 +-
 ...ox-checkbox-disabled-checked.rendered.html |  16 +-
 ...s-checkbox-checkbox-disabled.rendered.html |  16 +-
 ...ckbox-checkbox-indeterminate.rendered.html |  16 +-
 ...eckbox-checkbox-label-hidden.rendered.html |  16 +-
 ...x-on-dark-background-checked.rendered.html |  16 +-
 ...-background-disabled-checked.rendered.html |  16 +-
 ...-on-dark-background-disabled.rendered.html |  16 +-
 ...ark-background-indeterminate.rendered.html |  16 +-
 ...-checkbox-on-dark-background.rendered.html |  16 +-
 .../elements-checkbox-checkbox.rendered.html  |  16 +-
 .../patterns/elements-checkbox/index.html     |  18 +--
 .../elements-chips-_chip.rendered.html        |  16 +-
 ...lements-chips-chips-disabled.rendered.html |  16 +-
 .../elements-chips-chips-linked.rendered.html |  16 +-
 ...s-chips-chips-type-selection.rendered.html |  16 +-
 ...ements-chips-chips-with-icon.rendered.html |  16 +-
 .../elements-chips-chips.rendered.html        |  16 +-
 .../patterns/elements-chips/index.html        |  18 +--
 ...ents-headline-headline-pulse.rendered.html |  16 +-
 .../elements-headline-headline.rendered.html  |  20 +--
 .../patterns/elements-headline/index.html     |  20 +--
 .../elements-image-image-avif.rendered.html   |  16 +-
 ...nts-image-image-lazy-loading.rendered.html |  16 +-
 ...age-image-responsive-density.rendered.html |  16 +-
 ...-image-responsive-mediaquery.rendered.html |  16 +-
 .../elements-image-image-webp.rendered.html   |  16 +-
 ...nts-image-image-with-caption.rendered.html |  16 +-
 .../elements-image-image.rendered.html        |  16 +-
 .../patterns/elements-image/index.html        |  18 +--
 ...nts-input-input-auto-suggest.rendered.html |  16 +-
 ...ents-input-input-description.rendered.html |  16 +-
 ...lements-input-input-disabled.rendered.html |  16 +-
 .../elements-input-input-filled.rendered.html |  16 +-
 ...nts-input-input-hidden-label.rendered.html |  16 +-
 ...nput-input-invalid-attribute.rendered.html |  16 +-
 ...elements-input-input-invalid.rendered.html |  16 +-
 ...ements-input-input-maxlength.rendered.html |  16 +-
 ...ts-input-input-search-filled.rendered.html |  16 +-
 .../elements-input-input-search.rendered.html |  16 +-
 .../elements-input-input-valid.rendered.html  |  16 +-
 ...ments-input-input-variations.rendered.html |  16 +-
 .../elements-input-input.rendered.html        |  16 +-
 .../patterns/elements-input/index.html        |  18 +--
 .../elements-link-_link.rendered.html         |  20 +--
 .../elements-link-links-small.rendered.html   |  16 +-
 .../elements-link-links.rendered.html         |  16 +-
 .../patterns/elements-link/index.html         |  18 +--
 ...or-loading-indicator-size-XS.rendered.html |  16 +-
 ...tor-loading-indicator-size-l.rendered.html |  16 +-
 ...tor-loading-indicator-size-m.rendered.html |  16 +-
 ...tor-loading-indicator-size-s.rendered.html |  16 +-
 ...or-loading-indicator-size-xl.rendered.html |  16 +-
 ...-indicator-loading-indicator.rendered.html |  16 +-
 .../elements-loading-indicator/index.html     |  18 +--
 ...nts-logo-logo-on-backgrounds.rendered.html |  16 +-
 .../elements-logo-logo-sizes.rendered.html    |  16 +-
 ...logo-with-following-headline.rendered.html |  16 +-
 .../elements-logo-logo.rendered.html          |  16 +-
 .../patterns/elements-logo/index.html         |  18 +--
 ...linear-spinner-indeterminate.rendered.html |  16 +-
 ...ress-progress-linear-spinner.rendered.html |  16 +-
 .../elements-progress-progress.rendered.html  |  16 +-
 .../patterns/elements-progress/index.html     |  18 +--
 .../elements-radio-_radio.rendered.html       |  16 +-
 ...ents-radio-radios-checked.markup-only.html |  12 +-
 ...lements-radio-radios-checked.rendered.html |  28 ++--
 ...o-radios-disabled-checked.markup-only.html |  12 +-
 ...adio-radios-disabled-checked.rendered.html |  28 ++--
 ...nts-radio-radios-disabled.markup-only.html |  12 +-
 ...ements-radio-radios-disabled.rendered.html |  28 ++--
 ...-radios-invalid-attribute.markup-only.html |  12 +-
 ...dio-radios-invalid-attribute.rendered.html |  28 ++--
 ...radio-radios-label-hidden.markup-only.html |  12 +-
 ...ts-radio-radios-label-hidden.rendered.html |  28 ++--
 ...nts-radio-radios-required.markup-only.html |  12 +-
 ...ements-radio-radios-required.rendered.html |  28 ++--
 .../elements-radio-radios.markup-only.html    |  12 +-
 .../elements-radio-radios.rendered.html       |  28 ++--
 .../patterns/elements-radio/index.html        | 102 ++++++-------
 ...s-select-select-hidden-label.rendered.html |  16 +-
 ...ect-select-invalid-attribute.rendered.html |  16 +-
 ...t-select-variations-disabled.rendered.html |  16 +-
 ...-select-variations-optgroups.rendered.html |  16 +-
 ...nts-select-select-variations.rendered.html |  16 +-
 .../elements-select-select.rendered.html      |  16 +-
 .../patterns/elements-select/index.html       |  18 +--
 .../elements-tags-_tag.rendered.html          |  16 +-
 .../elements-tags-tags-small.rendered.html    |  16 +-
 ...elements-tags-tags-with-icon.rendered.html |  16 +-
 .../elements-tags-tags.rendered.html          |  16 +-
 .../patterns/elements-tags/index.html         |  18 +--
 ...extarea-textarea-description.rendered.html |  16 +-
 ...s-textarea-textarea-disabled.rendered.html |  16 +-
 ...nts-textarea-textarea-filled.rendered.html |  16 +-
 ...xtarea-textarea-hidden-label.rendered.html |  16 +-
 ...a-textarea-invalid-attribute.rendered.html |  16 +-
 ...ts-textarea-textarea-invalid.rendered.html |  16 +-
 ...ents-textarea-textarea-valid.rendered.html |  16 +-
 ...textarea-textarea-variations.rendered.html |  16 +-
 .../elements-textarea-textarea.rendered.html  |  16 +-
 .../patterns/elements-textarea/index.html     |  18 +--
 ...ments-toggle-toggle-disabled.rendered.html |  16 +-
 ...ts-toggle-toggle-on-disabled.rendered.html |  16 +-
 .../elements-toggle-toggle-on.rendered.html   |  16 +-
 .../elements-toggle-toggle.rendered.html      |  16 +-
 .../patterns/elements-toggle/index.html       |  18 +--
 .../elements-video-_video.rendered.html       |  16 +-
 .../elements-video-_youtube.rendered.html     |  16 +-
 .../patterns/elements/index.html              | 106 +++++++-------
 .../pages-intro/pages-intro.rendered.html     |  16 +-
 .../pages-sample-page.markup-only.html        |  10 +-
 .../pages-sample-page.rendered.html           |  26 ++--
 .../styleguide/html/styleguide.html           | 138 +++++++++---------
 293 files changed, 2609 insertions(+), 2609 deletions(-)

diff --git a/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
index 5ee66a5288..71c7a6ae79 100644
--- a/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -167,10 +167,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html
index 13b4b0f79f..976d893bfc 100644
--- a/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,11 +127,11 @@
 </footer>
 		<!--DO NOT REMOVE-->
 		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
-  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"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"}],"lineageR":[{"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"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
 </script>
 
 <script>
-  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"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"}],"lineageR":[{"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"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
 </script>
 
 <script>
@@ -167,10 +167,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-footer/index.html b/review/refactor-icon-update/patterns/areas-footer/index.html
index 79ba1e5de9..372a50d593 100644
--- a/review/refactor-icon-update/patterns/areas-footer/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -182,7 +182,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"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"}],"lineageR":[{"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"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -362,10 +362,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html
index 1dcd1a8eaa..ca00ec6318 100644
--- a/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -278,10 +278,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-grid/index.html b/review/refactor-icon-update/patterns/areas-grid/index.html
index 2ee677afc2..c14f9e7f74 100644
--- a/review/refactor-icon-update/patterns/areas-grid/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -344,10 +344,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
index a7a7a87a77..221f14465a 100644
--- a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
+++ b/review/refactor-icon-update/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-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				name="id-bc555c70-7086-460e-9e49-72432658e6ba"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				aria-labelledby="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				
 				>
 			<label class="elm-label"
-				for="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				for="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				aria-hidden="true"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				>Suche</label>
 			
 			
diff --git a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
index cd0daf8c65..d939a39c5e 100644
--- a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				name="id-bc555c70-7086-460e-9e49-72432658e6ba"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				aria-labelledby="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				
 				>
 			<label class="elm-label"
-				for="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				for="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				aria-hidden="true"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				>Suche</label>
 			
 			
@@ -647,10 +647,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html
index aa41cd0cef..00e179e53e 100644
--- a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html
+++ b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html
@@ -383,21 +383,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				name="id-350c8b98-d426-437c-85b6-7780ebb3341f"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				aria-labelledby="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				
 				>
 			<label class="elm-label"
-				for="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				for="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				aria-hidden="true"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				>Suche</label>
 			
 			
diff --git a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html
index 8654deffac..5d0836e888 100644
--- a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-25f85c11-9b3c-445b-913c-c84ecbab7e22"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				name="id-350c8b98-d426-437c-85b6-7780ebb3341f"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				aria-labelledby="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				
 				>
 			<label class="elm-label"
-				for="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				for="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				aria-hidden="true"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				>Suche</label>
 			
 			
@@ -627,10 +627,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html
index 4e1f5d71f5..9b8f2d8b90 100644
--- a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html
+++ b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html
@@ -4,21 +4,21 @@
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-6abd152d-36d9-435a-85a9-423c7db3d494"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			name="id-85807d8f-f156-4905-be45-782d58439fa6"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			aria-labelledby="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			
 			>
 		<label class="elm-label"
-			for="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			for="id-85807d8f-f156-4905-be45-782d58439fa6"
 			aria-hidden="true"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			>Suche</label>
 		
 		
diff --git a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html
index 6e110d9ba5..90f4706b65 100644
--- a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-6abd152d-36d9-435a-85a9-423c7db3d494"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			name="id-85807d8f-f156-4905-be45-782d58439fa6"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			aria-labelledby="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			
 			>
 		<label class="elm-label"
-			for="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			for="id-85807d8f-f156-4905-be45-782d58439fa6"
 			aria-hidden="true"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			>Suche</label>
 		
 		
@@ -247,10 +247,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas-header/index.html b/review/refactor-icon-update/patterns/areas-header/index.html
index fc4272b39d..73a22cd92e 100644
--- a/review/refactor-icon-update/patterns/areas-header/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" 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-25f85c11-9b3c-445b-913c-c84ecbab7e22"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				name="id-350c8b98-d426-437c-85b6-7780ebb3341f"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				aria-labelledby="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				
 				>
 			<label class="elm-label"
-				for="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				for="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				aria-hidden="true"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				>Suche</label>
 			
 			
@@ -1067,21 +1067,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				name="id-bc555c70-7086-460e-9e49-72432658e6ba"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				aria-labelledby="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				
 				>
 			<label class="elm-label"
-				for="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				for="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				aria-hidden="true"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				>Suche</label>
 			
 			
@@ -1297,21 +1297,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-6abd152d-36d9-435a-85a9-423c7db3d494"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			name="id-85807d8f-f156-4905-be45-782d58439fa6"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			aria-labelledby="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			
 			>
 		<label class="elm-label"
-			for="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			for="id-85807d8f-f156-4905-be45-782d58439fa6"
 			aria-hidden="true"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			>Suche</label>
 		
 		
@@ -1511,10 +1511,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/areas/index.html b/review/refactor-icon-update/patterns/areas/index.html
index dc510857d6..96342c0bb5 100644
--- a/review/refactor-icon-update/patterns/areas/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -182,7 +182,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"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"}],"lineageR":[{"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"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -998,21 +998,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				name="id-350c8b98-d426-437c-85b6-7780ebb3341f"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				aria-labelledby="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				
 				>
 			<label class="elm-label"
-				for="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				for="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				aria-hidden="true"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				>Suche</label>
 			
 			
@@ -1587,21 +1587,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				name="id-bc555c70-7086-460e-9e49-72432658e6ba"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				aria-labelledby="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				
 				>
 			<label class="elm-label"
-				for="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				for="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				aria-hidden="true"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				>Suche</label>
 			
 			
@@ -1817,21 +1817,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-6abd152d-36d9-435a-85a9-423c7db3d494"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			name="id-85807d8f-f156-4905-be45-782d58439fa6"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			aria-labelledby="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			
 			>
 		<label class="elm-label"
-			for="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			for="id-85807d8f-f156-4905-be45-782d58439fa6"
 			aria-hidden="true"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			>Suche</label>
 		
 		
@@ -2031,10 +2031,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html
index fa3901fe7e..2e5dc24ae6 100644
--- a/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html
index 028c709b93..22c4f34ad2 100644
--- a/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -174,10 +174,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html
index 50f7e86b54..675cf0c287 100644
--- a/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html
index b626e29785..10d1852a40 100644
--- a/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -1020,10 +1020,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html
index 339c3c7b26..2e2c249c5d 100644
--- a/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -228,10 +228,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-colors/index.html b/review/refactor-icon-update/patterns/base-colors/index.html
index 25621f0e00..0e5df9054a 100644
--- a/review/refactor-icon-update/patterns/base-colors/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1582,10 +1582,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
index 1747bc11a1..4165330c6c 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
index 261b84f946..4fcb892271 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
index d168e6ae2e..3412c3e0b5 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
index 0a41b7b4d9..4b7dfc9504 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
index 258225d262..2771f97954 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -139,10 +139,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
index 7e98c3062d..184cea9086 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -295,10 +295,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
index 0e3aa2ba91..9674b00933 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -133,10 +133,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
index b017ee156d..b889e12551 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
index 44832b1229..3d1ed5784e 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
index f42c74cfd5..f1638ffa19 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
index 79c55c424e..ae214df42f 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
index 9dca4db678..2bef985a31 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -115,10 +115,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
index 4091fac893..682bc429ef 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
index 3a7bd93ab9..d664b5024d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
index d077336fea..3c8be3fa88 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
index c8c3e252b7..fd472f2530 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -103,10 +103,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
index 291898fbb9..d3c999eeb3 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
index 5796ad67d6..1715c4fa3d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
index 49ed39c8b1..d88bb145fc 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -199,10 +199,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -215,7 +215,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
index 755f7fefee..4651f3e197 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
index 344572100b..7d3fcf0bb0 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
index 2b8ef81d9e..002013c3b9 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
index e958034a67..771967bc62 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
index d60b2dbf68..ca599a1b09 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -217,10 +217,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -233,7 +233,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
index a95391f2d4..80ad37b4ee 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
index 60e487326a..9857b57d3f 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
index 24143f71c4..4a777a8aa2 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
index f5825e457f..8cb82d764c 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
index d7089dde08..282b4b929b 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
index 29aabf7778..9cecb88248 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
index 8e7d33e1d7..bab87c0adf 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -151,10 +151,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -167,7 +167,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
index a0f6729420..87438e4fd4 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
index 32bea06552..4db31b1462 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -283,10 +283,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
index 7cb0e20adf..c9aa8ccd94 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -157,10 +157,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
index 91bce552e0..305a9b6257 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
index 099f41e72c..516264a9b2 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -115,10 +115,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
index 2b9be6e249..7e06438cef 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
index 2b7c2b1d47..2acd2c9458 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
index a20257e3de..eced8275b5 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
index bcea385e96..0e8a82f76b 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
index e5af972523..66af9a216d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
index a828c111cb..84e4f6bc95 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -199,10 +199,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -215,7 +215,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
index dd6c0e67e6..967aff4933 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
index cd5e49a6e9..7488505ed4 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
index 21e866e790..3158f19060 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
index 6321bd1290..6bbc3f7b7c 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
index 9338e8acc3..6680daf877 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -217,10 +217,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -233,7 +233,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
index f40ca39ea5..36e838fe94 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
index 1a28dc614d..cde14c9f8b 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
index 589313dbf3..196abd1da7 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
index 44f7ac1644..9bb4265d3b 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
index 7948e68d0a..687cb011fd 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
index cf77f91418..22f079b0f5 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
index 373cb0140f..25b4ee8d55 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -151,10 +151,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -167,7 +167,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
index f29ac47e6d..e5c41e380d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
index a6396d7d44..ee4bbf273d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -271,10 +271,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
index c0af82bd85..e2ee89313d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -157,10 +157,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
index b3cca05b8d..fa0c3ccff2 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
index bb20c9bbac..b3614d50d6 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
index 615d4fdbad..932726ecb9 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
index a25179e248..b3635a01fd 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
index d9d165ca30..96016462ba 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -235,10 +235,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
index c8781a7032..6e00917913 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -673,10 +673,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
index 26ce13bf64..5ed3f1fece 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -199,10 +199,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -215,7 +215,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
index b8a7e7fd69..904e814cdf 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
index e3c5cb4f64..3eac7bbbbd 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
index 286327d98e..d0d45bb68f 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
index 4731b0d15d..af4a844b35 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
index 7e1427aa7f..251d8f7686 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -217,10 +217,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -233,7 +233,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
index 64149e69dd..b05e120470 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
index 867c70076c..3d1543e16d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
index b9091d2ae6..f1b8ee5958 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
index 67f617471a..78568ae8f0 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -169,10 +169,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
index 9e7ecdbfa2..a3dc14a02a 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
index 48f94eb649..9e0153bced 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
index c7672dabcb..5788d1ae77 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -151,10 +151,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -167,7 +167,7 @@
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
index cefb3d9c33..ab5d660cda 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -223,10 +223,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
index a0b226e6bf..ead5ef432d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -271,10 +271,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
index bf7fd3dda5..285806b7ee 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
index 9a815b8d40..45cc82e78a 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
index a93a9ed11c..d380c55e3a 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
index b9725fd309..16ae05311d 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
index 4cce1d19c0..655840b9a0 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -127,10 +127,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
index f38fc4c61f..3fa175e861 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -91,10 +91,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
index ae10533172..f1cf60d905 100644
--- a/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -85,10 +85,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
index f8a168f09d..4f7624b423 100644
--- a/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-icons/index.html b/review/refactor-icon-update/patterns/base-icons/index.html
index a4236852c0..562972cfb8 100644
--- a/review/refactor-icon-update/patterns/base-icons/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -14246,10 +14246,10 @@ <h5>Weather</h5>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -14262,7 +14262,7 @@ <h5>Weather</h5>
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html
index 13e92a3798..e06bcd6793 100644
--- a/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
index 0584b39816..a32b97f8f3 100644
--- a/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
index 13c8ddd2f7..16bff1e861 100644
--- a/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
index f9456b1bfc..579a6f6e6a 100644
--- a/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
index 55bb99858e..d7d6fd30a1 100644
--- a/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base-type/index.html b/review/refactor-icon-update/patterns/base-type/index.html
index 8240ee0802..946a36a9c4 100644
--- a/review/refactor-icon-update/patterns/base-type/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -354,10 +354,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/base/index.html b/review/refactor-icon-update/patterns/base/index.html
index 6f3ea7fe84..716ddc67cb 100644
--- a/review/refactor-icon-update/patterns/base/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -15996,10 +15996,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -16012,7 +16012,7 @@ <h3 class="pl-c-pattern__title">
   import('../../styleguide/js/patternlab-pattern.modern.js');
 </script>
 
-<script id="pl-js-insert-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
index 456a3aed36..b1849faf58 100644
--- a/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
index 23c50d3c5d..da307ce4a9 100644
--- a/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
index 6a5b264869..b3d99183a0 100644
--- a/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-accordion/index.html b/review/refactor-icon-update/patterns/components-accordion/index.html
index 162fd6057e..741d890882 100644
--- a/review/refactor-icon-update/patterns/components-accordion/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -283,10 +283,10 @@ <h2>Large</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html
index ddc185dfa8..654d826e24 100644
--- a/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
index 4f2a227fee..009ad192bd 100644
--- a/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -200,10 +200,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb/index.html b/review/refactor-icon-update/patterns/components-breadcrumb/index.html
index b3c0c6d497..bbdcd80053 100644
--- a/review/refactor-icon-update/patterns/components-breadcrumb/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -266,10 +266,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html
index 16813c84d5..637dca7a64 100644
--- a/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
index 107cbb472e..9958902907 100644
--- a/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-cards/index.html b/review/refactor-icon-update/patterns/components-cards/index.html
index d318dfaeaf..a7d1b3db3d 100644
--- a/review/refactor-icon-update/patterns/components-cards/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -206,10 +206,10 @@ <h3 class="elm-headline">Angebote 04</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
index 7cac27f186..70ca2d9938 100644
--- a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
index 995dd5ecc1..ee6a44536a 100644
--- a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dialog/index.html b/review/refactor-icon-update/patterns/components-dialog/index.html
index 29403f20d4..6a8ed93afe 100644
--- a/review/refactor-icon-update/patterns/components-dialog/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -308,10 +308,10 @@ <h2 class="elm-headline ">Modal</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
index 0c7273e021..bf0c45b5de 100644
--- a/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
index a82fa0dbd7..ce4baf6aff 100644
--- a/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-dropdown/index.html b/review/refactor-icon-update/patterns/components-dropdown/index.html
index 8ac7072a06..da38012658 100644
--- a/review/refactor-icon-update/patterns/components-dropdown/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -275,10 +275,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html
index 3f2ed40978..c1250b01a7 100644
--- a/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -137,10 +137,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-form/index.html b/review/refactor-icon-update/patterns/components-form/index.html
index be4fa6b207..3aef90cf06 100644
--- a/review/refactor-icon-update/patterns/components-form/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -226,10 +226,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
index 7a398f4249..a9e9b55b03 100644
--- a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -136,10 +136,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
index f3e557207b..87c3e46869 100644
--- a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -145,10 +145,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-language-switcher/index.html b/review/refactor-icon-update/patterns/components-language-switcher/index.html
index 03dccf755e..1ca4815ef9 100644
--- a/review/refactor-icon-update/patterns/components-language-switcher/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -313,10 +313,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
index 5c528c4058..daeb89d53c 100644
--- a/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
index f171a92844..699c4e61b3 100644
--- a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
index dd7bdce07f..63d76e1a33 100644
--- a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
index 17313f878a..337ed2a62d 100644
--- a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -112,10 +112,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
index 91da39a5cc..fa21a357de 100644
--- a/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -112,10 +112,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
index 1b9ba2964c..c3b7dc5009 100644
--- a/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-notifications/index.html b/review/refactor-icon-update/patterns/components-notifications/index.html
index 13e7e16a34..b1e9ee7733 100644
--- a/review/refactor-icon-update/patterns/components-notifications/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -423,10 +423,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
index 0bd139fb5b..1931f8a406 100644
--- a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -126,10 +126,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
index 34cd07047f..91150ae6cb 100644
--- a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -126,10 +126,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
index b72b62b37c..db38c91f14 100644
--- a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
index 20bca42ae7..70e5288910 100644
--- a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -120,10 +120,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu/index.html b/review/refactor-icon-update/patterns/components-overflow-menu/index.html
index 5308481536..b602ecf60f 100644
--- a/review/refactor-icon-update/patterns/components-overflow-menu/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -450,10 +450,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
index 1032b1b5d1..80c3136e3c 100644
--- a/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-pagination/index.html b/review/refactor-icon-update/patterns/components-pagination/index.html
index fb3649a0c9..6c30a699cc 100644
--- a/review/refactor-icon-update/patterns/components-pagination/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -251,10 +251,10 @@ <h2 class="elm-headline " id="headline01">Pagination</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
index cc69cd96f7..65d94a8b4c 100644
--- a/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -200,10 +200,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-sidenavi/index.html b/review/refactor-icon-update/patterns/components-sidenavi/index.html
index 36d7352b8b..0cb6035875 100644
--- a/review/refactor-icon-update/patterns/components-sidenavi/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -268,10 +268,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
index 1d00e840b3..51c9c46092 100644
--- a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
+++ b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
@@ -3,21 +3,21 @@
 	<input type="search"
 		class="elm-input "
 		placeholder="Suchen …"
-		name="id-ca01fcff-b148-40c7-b4c3-6306be63f277"
-		id="id-ca01fcff-b148-40c7-b4c3-6306be63f277"
+		name="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
+		id="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
 		
 		value=""
 		
 		
 		
 		
-		aria-labelledby="id-ca01fcff-b148-40c7-b4c3-6306be63f277-label"
+		aria-labelledby="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4-label"
 		
 		>
 	<label class="elm-label"
-		for="id-ca01fcff-b148-40c7-b4c3-6306be63f277"
+		for="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
 		aria-hidden="true"
-		id="id-ca01fcff-b148-40c7-b4c3-6306be63f277-label"
+		id="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4-label"
 		>Suche</label>
 	
 	
diff --git a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
index 9ccef1df3c..4843713ec3 100644
--- a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-ca01fcff-b148-40c7-b4c3-6306be63f277"
-		id="id-ca01fcff-b148-40c7-b4c3-6306be63f277"
+		name="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
+		id="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
 		
 		value=""
 		
 		
 		
 		
-		aria-labelledby="id-ca01fcff-b148-40c7-b4c3-6306be63f277-label"
+		aria-labelledby="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4-label"
 		
 		>
 	<label class="elm-label"
-		for="id-ca01fcff-b148-40c7-b4c3-6306be63f277"
+		for="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4"
 		aria-hidden="true"
-		id="id-ca01fcff-b148-40c7-b4c3-6306be63f277-label"
+		id="id-b4c2c983-245e-402a-8f1d-829ca3ebfdf4-label"
 		>Suche</label>
 	
 	
@@ -122,10 +122,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
index a8920f719b..4920824397 100644
--- a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
index 8c887390f3..9c1fdf214d 100644
--- a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
index 37fabe8c00..cc48f9701a 100644
--- a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
index d867b46525..dc81f52f0c 100644
--- a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -111,10 +111,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-tab-bar/index.html b/review/refactor-icon-update/patterns/components-tab-bar/index.html
index 834ac9f6d4..2e65f98500 100644
--- a/review/refactor-icon-update/patterns/components-tab-bar/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -396,10 +396,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
index 1556785c03..b32f4366d4 100644
--- a/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -188,10 +188,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
index 5989ae29d5..7495361be6 100644
--- a/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
index 9df7d12607..2d9f2598bf 100644
--- a/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html
index 2b0d28a952..f5ed01ea7d 100644
--- a/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -240,10 +240,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
index 771762d010..776889838a 100644
--- a/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html
index 866a6bfeba..de462848e1 100644
--- a/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
index f939d811c3..26fe8beaf1 100644
--- a/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -322,10 +322,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
index 2fc3aeaf01..47e9f1df91 100644
--- a/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
index a0c8cb2f3b..c5b1f10518 100644
--- a/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
index f75b06155c..516f7cabb3 100644
--- a/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -432,10 +432,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html b/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html
index f670d1e71e..d2774cdddd 100644
--- a/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -132,10 +132,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components-table/index.html b/review/refactor-icon-update/patterns/components-table/index.html
index 02896638ff..2d11efe987 100644
--- a/review/refactor-icon-update/patterns/components-table/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1792,10 +1792,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/components/index.html b/review/refactor-icon-update/patterns/components/index.html
index dd409cf3cf..b33c65b9e4 100644
--- a/review/refactor-icon-update/patterns/components/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -4341,10 +4341,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
index 6c75a50ed6..dac3c54e60 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
index f76adb3ff5..7e4486aae5 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
index 9c9792ba39..d56040b6aa 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
index f17db1d09f..0371761b19 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
index b33440a901..a0ddb149e6 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -210,10 +210,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
index 9df9097365..9f05e8c8a7 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
index 858577affb..724bc4540d 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -116,10 +116,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html
index 6d87370a94..405aa637c8 100644
--- a/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -57,11 +57,11 @@
 </button>
 		<!--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":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 </script>
 
 <script>
-  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
 </script>
 
 <script>
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-buttons/index.html b/review/refactor-icon-update/patterns/elements-buttons/index.html
index 9c10d1a109..03ac638c02 100644
--- a/review/refactor-icon-update/patterns/elements-buttons/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -170,7 +170,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -1586,10 +1586,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
index 9e59b4ebb6..a1d716a53b 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
index 64002d4fef..db11c066e1 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
index aab66a0d2e..642e4f29ce 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
index 2bd33ee8af..ce9ff0a6c9 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
index bdd0f27685..6bd9fdbe80 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
index fb88623dfc..6dae40155c 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
index edc6d5244b..0474545ecd 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
index 40f746596b..42de0eaadc 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
index f86a171a43..50b0b73c06 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
index 48096609f2..c2ea71ec31 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
index 9789c722d6..76a425d221 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-checkbox/index.html b/review/refactor-icon-update/patterns/elements-checkbox/index.html
index dea0c240c1..eeb77fb1d9 100644
--- a/review/refactor-icon-update/patterns/elements-checkbox/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -682,10 +682,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
index fd26d99672..de0ec5fd2c 100644
--- a/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -94,10 +94,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
index bdc9b53360..0bf0ec48b6 100644
--- a/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
index 32c35c03a0..6b6c8f4757 100644
--- a/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
index 4df5ab6080..cc2f7a9302 100644
--- a/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
index 77c0dd3633..16b4a09461 100644
--- a/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -121,10 +121,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html
index 635bf57c77..af6626fde0 100644
--- a/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-chips/index.html b/review/refactor-icon-update/patterns/elements-chips/index.html
index 9e5b3d7d10..45b46a0366 100644
--- a/review/refactor-icon-update/patterns/elements-chips/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -926,10 +926,10 @@ <h3 class="elm-headline ">POIs</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
index c70a166096..8f7ec81f76 100644
--- a/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html
index ddf3b9c4a9..fa92122373 100644
--- a/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -44,11 +44,11 @@
 <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
 		<!--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":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 </script>
 
 <script>
-  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
 </script>
 
 <script>
@@ -84,10 +84,10 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-headline/index.html b/review/refactor-icon-update/patterns/elements-headline/index.html
index f9b37e6ae2..c47e8ef54d 100644
--- a/review/refactor-icon-update/patterns/elements-headline/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -100,7 +100,7 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -202,10 +202,10 @@ <h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
index a65539507d..2db920c8ec 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
index 8ded67d82f..da6db0171d 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
index caab2d56cb..5fb18ef66d 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
index d7817c0e23..1cd70dd018 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -90,10 +90,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
index 4d43b95b6b..e85ab04f1e 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
index a4da927799..69ef865535 100644
--- a/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html
index de87727a81..037950eb77 100644
--- a/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-image/index.html b/review/refactor-icon-update/patterns/elements-image/index.html
index ad6f56b9d1..ac0384fa1a 100644
--- a/review/refactor-icon-update/patterns/elements-image/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -504,10 +504,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
index fdfb534126..d3ea71b167 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -109,10 +109,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html
index f8528caa03..7b17121264 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
index 3b12192912..4474ee87eb 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
index 1ed61ca55a..a1ca8c3518 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
index 050965bcd4..3f914b7ba0 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
index 9f98114052..d3a84b3d2e 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
index 9fe4ab29b8..848f518314 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
index c81958504e..ab666e8b1c 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -106,10 +106,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
index 89d084cb0c..e77041fdcf 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html
index 8723a88570..15540f2943 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
index ef6aba8a20..46c6075598 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
index 304e816a04..da61db33b4 100644
--- a/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -184,10 +184,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html
index 2f6c411f23..8a10adf9b4 100644
--- a/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -105,10 +105,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-input/index.html b/review/refactor-icon-update/patterns/elements-input/index.html
index 82cd82ef05..f09e713096 100644
--- a/review/refactor-icon-update/patterns/elements-input/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -1010,10 +1010,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html
index 3857e92a39..364ec75f8f 100644
--- a/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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":"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":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.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-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"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":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.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-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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":"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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":"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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":"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":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.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-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"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":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.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-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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":"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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":"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"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html
index 10d66ca8a3..d8f6bd71c3 100644
--- a/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -163,10 +163,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html
index 1a1d96ae3d..dd9ece2850 100644
--- a/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -205,10 +205,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-link/index.html b/review/refactor-icon-update/patterns/elements-link/index.html
index 5d285c10df..01ffda4616 100644
--- a/review/refactor-icon-update/patterns/elements-link/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -470,10 +470,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
index a680b2bd0a..66426645d0 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
index f7a81c6254..22183b451b 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
index d0bf5f56bf..881dbd8764 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
index 74159645a3..a962833136 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
index 85b1357eeb..175d44d646 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
index 93f2a7fcc9..ebeeb2d013 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -98,10 +98,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator/index.html b/review/refactor-icon-update/patterns/elements-loading-indicator/index.html
index 178ee05f5d..d0dd312697 100644
--- a/review/refactor-icon-update/patterns/elements-loading-indicator/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -473,10 +473,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
index 89daa81e52..8eafecefd2 100644
--- a/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -116,10 +116,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
index 66a643e1c1..03b5942762 100644
--- a/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -124,10 +124,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
index a1f03d2335..7ffaf82e8b 100644
--- a/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html
index 99796b92e2..980d5ac726 100644
--- a/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -88,10 +88,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-logo/index.html b/review/refactor-icon-update/patterns/elements-logo/index.html
index 8005495031..ed53237faa 100644
--- a/review/refactor-icon-update/patterns/elements-logo/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
index e6c1259b6f..749110ab1a 100644
--- a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -89,10 +89,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
index b31e574198..b1642e2a65 100644
--- a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html
index 969a96c514..78a5e72dff 100644
--- a/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -96,10 +96,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-progress/index.html b/review/refactor-icon-update/patterns/elements-progress/index.html
index 0967343dfa..f3e11818d9 100644
--- a/review/refactor-icon-update/patterns/elements-progress/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -267,10 +267,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
index 37af7efe76..1d38d7578c 100644
--- a/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -93,10 +93,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
index a3fe53c02e..31cdae609f 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
+++ b/review/refactor-icon-update/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-d08a104f-cc93-459c-b5ba-5ddb942abac7"
+	id="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d08a104f-cc93-459c-b5ba-5ddb942abac7">Radio 01</label>
+<label class="elm-label" for="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187"
+	id="id-f45be984-9c82-4171-9837-b91259fb4220"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187">Radio 02</label>
+<label class="elm-label" for="id-f45be984-9c82-4171-9837-b91259fb4220">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223"
+	id="id-93f5353f-d669-4684-93b8-0e128ca2d779"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223">Radio 03</label>
+<label class="elm-label" for="id-93f5353f-d669-4684-93b8-0e128ca2d779">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
index 4ecef78de3..45504be7cf 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-d08a104f-cc93-459c-b5ba-5ddb942abac7"
+	id="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d08a104f-cc93-459c-b5ba-5ddb942abac7">Radio 01</label>
+<label class="elm-label" for="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187"
+	id="id-f45be984-9c82-4171-9837-b91259fb4220"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187">Radio 02</label>
+<label class="elm-label" for="id-f45be984-9c82-4171-9837-b91259fb4220">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223"
+	id="id-93f5353f-d669-4684-93b8-0e128ca2d779"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223">Radio 03</label>
+<label class="elm-label" for="id-93f5353f-d669-4684-93b8-0e128ca2d779">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
index ef02f9f503..8c80c859f6 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
+++ b/review/refactor-icon-update/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-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0"
+	id="id-67a537bc-f502-4b54-862c-8f2324524cc7"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0">Radio 01</label>
+<label class="elm-label" for="id-67a537bc-f502-4b54-862c-8f2324524cc7">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e"
+	id="id-e585a815-bf69-4390-b853-9977e94ae941"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e">Radio 02</label>
+<label class="elm-label" for="id-e585a815-bf69-4390-b853-9977e94ae941">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-806efd38-6142-4071-b9af-9288b55e6436"
+	id="id-9e90b86f-3764-44cc-a9a6-f689b3674406"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-806efd38-6142-4071-b9af-9288b55e6436">Radio 03</label>
+<label class="elm-label" for="id-9e90b86f-3764-44cc-a9a6-f689b3674406">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
index 2a26fe1054..a4f9dac9fc 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0"
+	id="id-67a537bc-f502-4b54-862c-8f2324524cc7"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0">Radio 01</label>
+<label class="elm-label" for="id-67a537bc-f502-4b54-862c-8f2324524cc7">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e"
+	id="id-e585a815-bf69-4390-b853-9977e94ae941"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e">Radio 02</label>
+<label class="elm-label" for="id-e585a815-bf69-4390-b853-9977e94ae941">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-806efd38-6142-4071-b9af-9288b55e6436"
+	id="id-9e90b86f-3764-44cc-a9a6-f689b3674406"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-806efd38-6142-4071-b9af-9288b55e6436">Radio 03</label>
+<label class="elm-label" for="id-9e90b86f-3764-44cc-a9a6-f689b3674406">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
index f1e3096ad1..ca7322185a 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
+++ b/review/refactor-icon-update/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-25133923-bd31-4dca-8ef9-78f1d4246a88"
+	id="id-a4952325-4b5e-4019-86c0-c78b52da91e3"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-25133923-bd31-4dca-8ef9-78f1d4246a88">Radio 01</label>
+<label class="elm-label" for="id-a4952325-4b5e-4019-86c0-c78b52da91e3">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-482d4a07-6a9b-4889-8611-71a232661b3b"
+	id="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-482d4a07-6a9b-4889-8611-71a232661b3b">Radio 02</label>
+<label class="elm-label" for="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730"
+	id="id-4c4f692e-561c-4c4e-8864-faa7426ba82d"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730">Radio 03</label>
+<label class="elm-label" for="id-4c4f692e-561c-4c4e-8864-faa7426ba82d">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
index 317fc4e1be..4bd2ed4fbd 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-25133923-bd31-4dca-8ef9-78f1d4246a88"
+	id="id-a4952325-4b5e-4019-86c0-c78b52da91e3"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-25133923-bd31-4dca-8ef9-78f1d4246a88">Radio 01</label>
+<label class="elm-label" for="id-a4952325-4b5e-4019-86c0-c78b52da91e3">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-482d4a07-6a9b-4889-8611-71a232661b3b"
+	id="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-482d4a07-6a9b-4889-8611-71a232661b3b">Radio 02</label>
+<label class="elm-label" for="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730"
+	id="id-4c4f692e-561c-4c4e-8864-faa7426ba82d"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730">Radio 03</label>
+<label class="elm-label" for="id-4c4f692e-561c-4c4e-8864-faa7426ba82d">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
index c326179cd7..664130f11e 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
+++ b/review/refactor-icon-update/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-85a875cc-7b8a-4c70-9852-3fc77eff766f"
+	id="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-85a875cc-7b8a-4c70-9852-3fc77eff766f">Radio 01</label>
+<label class="elm-label" for="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7"
+	id="id-91ad99e8-4f9e-43fb-890c-12019bb5b974"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7">Radio 02</label>
+<label class="elm-label" for="id-91ad99e8-4f9e-43fb-890c-12019bb5b974">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-65e98b8f-3991-4803-9b48-6c82e4453c78"
+	id="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-65e98b8f-3991-4803-9b48-6c82e4453c78">Radio 03</label>
+<label class="elm-label" for="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
index 159f2393ea..1dbef0050d 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-85a875cc-7b8a-4c70-9852-3fc77eff766f"
+	id="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-85a875cc-7b8a-4c70-9852-3fc77eff766f">Radio 01</label>
+<label class="elm-label" for="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7"
+	id="id-91ad99e8-4f9e-43fb-890c-12019bb5b974"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7">Radio 02</label>
+<label class="elm-label" for="id-91ad99e8-4f9e-43fb-890c-12019bb5b974">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-65e98b8f-3991-4803-9b48-6c82e4453c78"
+	id="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-65e98b8f-3991-4803-9b48-6c82e4453c78">Radio 03</label>
+<label class="elm-label" for="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
index 9fb15baed0..87aa3d0333 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
+++ b/review/refactor-icon-update/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-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0"
+	id="id-87457690-db85-465b-9842-5628755f8139"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-87457690-db85-465b-9842-5628755f8139" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-aea155e2-71a5-4199-a33a-ed0abdfd787a"
+	id="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-aea155e2-71a5-4199-a33a-ed0abdfd787a" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-db2539cc-0d0d-4358-badc-d7230b8629b1"
+	id="id-e775eb6b-b012-4629-a407-5d64225bb3ec"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-db2539cc-0d0d-4358-badc-d7230b8629b1" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-e775eb6b-b012-4629-a407-5d64225bb3ec" data-label-hidden="true">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
index f88f65722b..a9316e025b 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0"
+	id="id-87457690-db85-465b-9842-5628755f8139"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-87457690-db85-465b-9842-5628755f8139" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-aea155e2-71a5-4199-a33a-ed0abdfd787a"
+	id="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-aea155e2-71a5-4199-a33a-ed0abdfd787a" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-db2539cc-0d0d-4358-badc-d7230b8629b1"
+	id="id-e775eb6b-b012-4629-a407-5d64225bb3ec"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-db2539cc-0d0d-4358-badc-d7230b8629b1" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-e775eb6b-b012-4629-a407-5d64225bb3ec" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
index 58b33c9b72..90f2820bd0 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
+++ b/review/refactor-icon-update/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-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87"
+	id="id-cab88b21-2874-4d82-9741-437483804cac"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87">Radio 01</label>
+<label class="elm-label" for="id-cab88b21-2874-4d82-9741-437483804cac">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-c5c02768-3626-4951-98bf-db694b2546ed"
+	id="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-c5c02768-3626-4951-98bf-db694b2546ed">Radio 02</label>
+<label class="elm-label" for="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a"
+	id="id-9c83d0f7-867a-490d-9a41-d22a127a04ec"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a">Radio 03</label>
+<label class="elm-label" for="id-9c83d0f7-867a-490d-9a41-d22a127a04ec">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
index 8d39e1cc67..9a24924ab3 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87"
+	id="id-cab88b21-2874-4d82-9741-437483804cac"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87">Radio 01</label>
+<label class="elm-label" for="id-cab88b21-2874-4d82-9741-437483804cac">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-c5c02768-3626-4951-98bf-db694b2546ed"
+	id="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-c5c02768-3626-4951-98bf-db694b2546ed">Radio 02</label>
+<label class="elm-label" for="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a"
+	id="id-9c83d0f7-867a-490d-9a41-d22a127a04ec"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a">Radio 03</label>
+<label class="elm-label" for="id-9c83d0f7-867a-490d-9a41-d22a127a04ec">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
index b9574b6c55..6b3ad9f424 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
+++ b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
@@ -1,36 +1,36 @@
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d1f7807d-128f-4918-894b-89859b4f2d17"
+	id="id-74cf131d-9d4c-4a4a-9525-f08864d22fae"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1f7807d-128f-4918-894b-89859b4f2d17">Radio 01</label>
+<label class="elm-label" for="id-74cf131d-9d4c-4a4a-9525-f08864d22fae">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b"
+	id="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b">Radio 02</label>
+<label class="elm-label" for="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3"
+	id="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3">Radio 03</label>
+<label class="elm-label" for="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c">Radio 03</label>
 <br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html
index 1b32361499..8f84abaf2d 100644
--- a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-d1f7807d-128f-4918-894b-89859b4f2d17"
+	id="id-74cf131d-9d4c-4a4a-9525-f08864d22fae"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1f7807d-128f-4918-894b-89859b4f2d17">Radio 01</label>
+<label class="elm-label" for="id-74cf131d-9d4c-4a4a-9525-f08864d22fae">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b"
+	id="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b">Radio 02</label>
+<label class="elm-label" for="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3"
+	id="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3">Radio 03</label>
+<label class="elm-label" for="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-radio/index.html b/review/refactor-icon-update/patterns/elements-radio/index.html
index 9eed6bdb77..ee4ba4fe47 100644
--- a/review/refactor-icon-update/patterns/elements-radio/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" 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-d1f7807d-128f-4918-894b-89859b4f2d17"
+	id="id-74cf131d-9d4c-4a4a-9525-f08864d22fae"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1f7807d-128f-4918-894b-89859b4f2d17">Radio 01</label>
+<label class="elm-label" for="id-74cf131d-9d4c-4a4a-9525-f08864d22fae">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b"
+	id="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b">Radio 02</label>
+<label class="elm-label" for="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3"
+	id="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3">Radio 03</label>
+<label class="elm-label" for="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c">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-d08a104f-cc93-459c-b5ba-5ddb942abac7"
+	id="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d08a104f-cc93-459c-b5ba-5ddb942abac7">Radio 01</label>
+<label class="elm-label" for="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187"
+	id="id-f45be984-9c82-4171-9837-b91259fb4220"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187">Radio 02</label>
+<label class="elm-label" for="id-f45be984-9c82-4171-9837-b91259fb4220">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223"
+	id="id-93f5353f-d669-4684-93b8-0e128ca2d779"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223">Radio 03</label>
+<label class="elm-label" for="id-93f5353f-d669-4684-93b8-0e128ca2d779">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-25133923-bd31-4dca-8ef9-78f1d4246a88"
+	id="id-a4952325-4b5e-4019-86c0-c78b52da91e3"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-25133923-bd31-4dca-8ef9-78f1d4246a88">Radio 01</label>
+<label class="elm-label" for="id-a4952325-4b5e-4019-86c0-c78b52da91e3">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-482d4a07-6a9b-4889-8611-71a232661b3b"
+	id="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-482d4a07-6a9b-4889-8611-71a232661b3b">Radio 02</label>
+<label class="elm-label" for="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730"
+	id="id-4c4f692e-561c-4c4e-8864-faa7426ba82d"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730">Radio 03</label>
+<label class="elm-label" for="id-4c4f692e-561c-4c4e-8864-faa7426ba82d">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-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0"
+	id="id-67a537bc-f502-4b54-862c-8f2324524cc7"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0">Radio 01</label>
+<label class="elm-label" for="id-67a537bc-f502-4b54-862c-8f2324524cc7">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e"
+	id="id-e585a815-bf69-4390-b853-9977e94ae941"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e">Radio 02</label>
+<label class="elm-label" for="id-e585a815-bf69-4390-b853-9977e94ae941">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-806efd38-6142-4071-b9af-9288b55e6436"
+	id="id-9e90b86f-3764-44cc-a9a6-f689b3674406"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-806efd38-6142-4071-b9af-9288b55e6436">Radio 03</label>
+<label class="elm-label" for="id-9e90b86f-3764-44cc-a9a6-f689b3674406">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-85a875cc-7b8a-4c70-9852-3fc77eff766f"
+	id="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-85a875cc-7b8a-4c70-9852-3fc77eff766f">Radio 01</label>
+<label class="elm-label" for="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7"
+	id="id-91ad99e8-4f9e-43fb-890c-12019bb5b974"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7">Radio 02</label>
+<label class="elm-label" for="id-91ad99e8-4f9e-43fb-890c-12019bb5b974">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-65e98b8f-3991-4803-9b48-6c82e4453c78"
+	id="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-65e98b8f-3991-4803-9b48-6c82e4453c78">Radio 03</label>
+<label class="elm-label" for="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8">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-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0"
+	id="id-87457690-db85-465b-9842-5628755f8139"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-87457690-db85-465b-9842-5628755f8139" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-aea155e2-71a5-4199-a33a-ed0abdfd787a"
+	id="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-aea155e2-71a5-4199-a33a-ed0abdfd787a" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-db2539cc-0d0d-4358-badc-d7230b8629b1"
+	id="id-e775eb6b-b012-4629-a407-5d64225bb3ec"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-db2539cc-0d0d-4358-badc-d7230b8629b1" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-e775eb6b-b012-4629-a407-5d64225bb3ec" 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-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87"
+	id="id-cab88b21-2874-4d82-9741-437483804cac"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87">Radio 01</label>
+<label class="elm-label" for="id-cab88b21-2874-4d82-9741-437483804cac">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-c5c02768-3626-4951-98bf-db694b2546ed"
+	id="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-c5c02768-3626-4951-98bf-db694b2546ed">Radio 02</label>
+<label class="elm-label" for="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a"
+	id="id-9c83d0f7-867a-490d-9a41-d22a127a04ec"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a">Radio 03</label>
+<label class="elm-label" for="id-9c83d0f7-867a-490d-9a41-d22a127a04ec">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
index 52ebd35539..7ea28d78e1 100644
--- a/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
index f688caa7dc..db350bebfb 100644
--- a/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
index 6525e6270e..1ab4c1b487 100644
--- a/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -152,10 +152,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
index f3a13b236e..e71908cc12 100644
--- a/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -172,10 +172,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
index dbf24d67ae..2557608b96 100644
--- a/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -152,10 +152,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html
index d73aa177e0..3f8971957c 100644
--- a/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -97,10 +97,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-select/index.html b/review/refactor-icon-update/patterns/elements-select/index.html
index 7582930504..e38ffaa19d 100644
--- a/review/refactor-icon-update/patterns/elements-select/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -644,10 +644,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
index 173b266598..b26a9afe13 100644
--- a/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -87,10 +87,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
index a531f5b1d2..09afc88c3c 100644
--- a/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
index 7b876f885b..de755f97c0 100644
--- a/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -118,10 +118,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html
index 0c3efee92c..0bdbcda0c8 100644
--- a/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-tags/index.html b/review/refactor-icon-update/patterns/elements-tags/index.html
index d7be9af6bd..4de992ece8 100644
--- a/review/refactor-icon-update/patterns/elements-tags/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -458,10 +458,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
index dee262f097..6ebf6437ed 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
index 3df1ac69bf..80428cb431 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
index 006c8a074c..3a13fc1a7b 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
index d1ee6b4cae..c3e6564039 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
index 7e17c966d9..1bedb1e3da 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
index 740c9272fb..e2deacd475 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
index 5c34de31fe..18446bc828 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
index 90dd35a219..a2ed0b6142 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -140,10 +140,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
index 860e166268..c07934b48e 100644
--- a/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -95,10 +95,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-textarea/index.html b/review/refactor-icon-update/patterns/elements-textarea/index.html
index 1487753bcc..c5b7c59bd1 100644
--- a/review/refactor-icon-update/patterns/elements-textarea/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -658,10 +658,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
index b3ba4688c2..f7eb256286 100644
--- a/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
index 7661114ba9..cc79242a78 100644
--- a/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
index b8df12ccde..74960a3bf1 100644
--- a/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
index 0c872172fc..0798b1a2ad 100644
--- a/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -92,10 +92,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-toggle/index.html b/review/refactor-icon-update/patterns/elements-toggle/index.html
index 77355ae616..7f1daace46 100644
--- a/review/refactor-icon-update/patterns/elements-toggle/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -320,10 +320,10 @@ <h3 class="pl-c-pattern__title">
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html
index 551a15ed05..56d1513738 100644
--- a/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -85,10 +85,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
index eb51c0aff9..3c1c33e6ee 100644
--- a/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -86,10 +86,10 @@
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/elements/index.html b/review/refactor-icon-update/patterns/elements/index.html
index f41d47da7d..fae71f8837 100644
--- a/review/refactor-icon-update/patterns/elements/index.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -170,7 +170,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -3015,7 +3015,7 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -5668,38 +5668,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d1f7807d-128f-4918-894b-89859b4f2d17"
+	id="id-74cf131d-9d4c-4a4a-9525-f08864d22fae"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1f7807d-128f-4918-894b-89859b4f2d17">Radio 01</label>
+<label class="elm-label" for="id-74cf131d-9d4c-4a4a-9525-f08864d22fae">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b"
+	id="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b">Radio 02</label>
+<label class="elm-label" for="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3"
+	id="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3">Radio 03</label>
+<label class="elm-label" for="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c">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-d08a104f-cc93-459c-b5ba-5ddb942abac7"
+	id="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d08a104f-cc93-459c-b5ba-5ddb942abac7">Radio 01</label>
+<label class="elm-label" for="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187"
+	id="id-f45be984-9c82-4171-9837-b91259fb4220"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187">Radio 02</label>
+<label class="elm-label" for="id-f45be984-9c82-4171-9837-b91259fb4220">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223"
+	id="id-93f5353f-d669-4684-93b8-0e128ca2d779"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223">Radio 03</label>
+<label class="elm-label" for="id-93f5353f-d669-4684-93b8-0e128ca2d779">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-25133923-bd31-4dca-8ef9-78f1d4246a88"
+	id="id-a4952325-4b5e-4019-86c0-c78b52da91e3"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-25133923-bd31-4dca-8ef9-78f1d4246a88">Radio 01</label>
+<label class="elm-label" for="id-a4952325-4b5e-4019-86c0-c78b52da91e3">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-482d4a07-6a9b-4889-8611-71a232661b3b"
+	id="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-482d4a07-6a9b-4889-8611-71a232661b3b">Radio 02</label>
+<label class="elm-label" for="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730"
+	id="id-4c4f692e-561c-4c4e-8864-faa7426ba82d"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730">Radio 03</label>
+<label class="elm-label" for="id-4c4f692e-561c-4c4e-8864-faa7426ba82d">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-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0"
+	id="id-67a537bc-f502-4b54-862c-8f2324524cc7"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0">Radio 01</label>
+<label class="elm-label" for="id-67a537bc-f502-4b54-862c-8f2324524cc7">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e"
+	id="id-e585a815-bf69-4390-b853-9977e94ae941"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e">Radio 02</label>
+<label class="elm-label" for="id-e585a815-bf69-4390-b853-9977e94ae941">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-806efd38-6142-4071-b9af-9288b55e6436"
+	id="id-9e90b86f-3764-44cc-a9a6-f689b3674406"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-806efd38-6142-4071-b9af-9288b55e6436">Radio 03</label>
+<label class="elm-label" for="id-9e90b86f-3764-44cc-a9a6-f689b3674406">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-85a875cc-7b8a-4c70-9852-3fc77eff766f"
+	id="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-85a875cc-7b8a-4c70-9852-3fc77eff766f">Radio 01</label>
+<label class="elm-label" for="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7"
+	id="id-91ad99e8-4f9e-43fb-890c-12019bb5b974"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7">Radio 02</label>
+<label class="elm-label" for="id-91ad99e8-4f9e-43fb-890c-12019bb5b974">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-65e98b8f-3991-4803-9b48-6c82e4453c78"
+	id="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-65e98b8f-3991-4803-9b48-6c82e4453c78">Radio 03</label>
+<label class="elm-label" for="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8">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-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0"
+	id="id-87457690-db85-465b-9842-5628755f8139"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-87457690-db85-465b-9842-5628755f8139" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-aea155e2-71a5-4199-a33a-ed0abdfd787a"
+	id="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-aea155e2-71a5-4199-a33a-ed0abdfd787a" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-db2539cc-0d0d-4358-badc-d7230b8629b1"
+	id="id-e775eb6b-b012-4629-a407-5d64225bb3ec"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-db2539cc-0d0d-4358-badc-d7230b8629b1" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-e775eb6b-b012-4629-a407-5d64225bb3ec" 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-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87"
+	id="id-cab88b21-2874-4d82-9741-437483804cac"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87">Radio 01</label>
+<label class="elm-label" for="id-cab88b21-2874-4d82-9741-437483804cac">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-c5c02768-3626-4951-98bf-db694b2546ed"
+	id="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-c5c02768-3626-4951-98bf-db694b2546ed">Radio 02</label>
+<label class="elm-label" for="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a"
+	id="id-9c83d0f7-867a-490d-9a41-d22a127a04ec"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a">Radio 03</label>
+<label class="elm-label" for="id-9c83d0f7-867a-490d-9a41-d22a127a04ec">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-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html b/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html
index d3735e3e5d..2b8207989e 100644
--- a/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
 	
@@ -519,10 +519,10 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html
index d9a4483427..17176e49da 100644
--- a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html
+++ b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html
@@ -383,21 +383,21 @@
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-8235e996-8c40-4bca-bd39-5fce8e789f07"
-				id="id-8235e996-8c40-4bca-bd39-5fce8e789f07"
+				name="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
+				id="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-8235e996-8c40-4bca-bd39-5fce8e789f07-label"
+				aria-labelledby="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb-label"
 				
 				>
 			<label class="elm-label"
-				for="id-8235e996-8c40-4bca-bd39-5fce8e789f07"
+				for="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
 				aria-hidden="true"
-				id="id-8235e996-8c40-4bca-bd39-5fce8e789f07-label"
+				id="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb-label"
 				>Suche</label>
 			
 			
diff --git a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html
index a32a5ef3b0..ffcc9319ba 100644
--- a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" 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-8235e996-8c40-4bca-bd39-5fce8e789f07"
-				id="id-8235e996-8c40-4bca-bd39-5fce8e789f07"
+				name="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
+				id="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-8235e996-8c40-4bca-bd39-5fce8e789f07-label"
+				aria-labelledby="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb-label"
 				
 				>
 			<label class="elm-label"
-				for="id-8235e996-8c40-4bca-bd39-5fce8e789f07"
+				for="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb"
 				aria-hidden="true"
-				id="id-8235e996-8c40-4bca-bd39-5fce8e789f07-label"
+				id="id-8cb15c18-a11f-43c1-ac2b-88a0d0022ffb-label"
 				>Suche</label>
 			
 			
@@ -976,10 +976,10 @@ <h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
 
diff --git a/review/refactor-icon-update/styleguide/html/styleguide.html b/review/refactor-icon-update/styleguide/html/styleguide.html
index ef12befff0..7782c72107 100644
--- a/review/refactor-icon-update/styleguide/html/styleguide.html
+++ b/review/refactor-icon-update/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?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732199979945" media="all">
 
 	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
-	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197858792" media="all">
-	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732199979945" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732199979945" media="all">
 	<!-- dialog polyfill //-->
-	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732199979945" media="all">
 
 	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
-	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197858792" media="all">
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732199979945" media="all">
 	<!-- End Pattern Lab -->
 
 
@@ -16095,7 +16095,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.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":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -18940,7 +18940,7 @@ <h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"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":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -21593,38 +21593,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-d1f7807d-128f-4918-894b-89859b4f2d17"
+	id="id-74cf131d-9d4c-4a4a-9525-f08864d22fae"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1f7807d-128f-4918-894b-89859b4f2d17">Radio 01</label>
+<label class="elm-label" for="id-74cf131d-9d4c-4a4a-9525-f08864d22fae">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b"
+	id="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-2c7ef221-1ed4-43a4-9e8c-60ba985e0b1b">Radio 02</label>
+<label class="elm-label" for="id-3ea5cdb0-5f12-495b-a0c4-c1bda5c50ffa">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radio"
-	id="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3"
+	id="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-ae5d9ce8-2cd3-401b-8167-1ea10cdc6aa3">Radio 03</label>
+<label class="elm-label" for="id-cdbdd6eb-92c0-4090-af36-722ddaa74b7c">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21673,38 +21673,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-d08a104f-cc93-459c-b5ba-5ddb942abac7"
+	id="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b"
 	 checked
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-d08a104f-cc93-459c-b5ba-5ddb942abac7">Radio 01</label>
+<label class="elm-label" for="id-9b1039f1-2abf-4eb0-b7c3-a9fc10328d9b">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187"
+	id="id-f45be984-9c82-4171-9837-b91259fb4220"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-7f45d1a3-e9de-4d32-9c98-6ac238e08187">Radio 02</label>
+<label class="elm-label" for="id-f45be984-9c82-4171-9837-b91259fb4220">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioChecked"
-	id="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223"
+	id="id-93f5353f-d669-4684-93b8-0e128ca2d779"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-950a6c8d-2cac-465d-a65e-5b11e1ef2223">Radio 03</label>
+<label class="elm-label" for="id-93f5353f-d669-4684-93b8-0e128ca2d779">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21753,38 +21753,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-25133923-bd31-4dca-8ef9-78f1d4246a88"
+	id="id-a4952325-4b5e-4019-86c0-c78b52da91e3"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-25133923-bd31-4dca-8ef9-78f1d4246a88">Radio 01</label>
+<label class="elm-label" for="id-a4952325-4b5e-4019-86c0-c78b52da91e3">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-482d4a07-6a9b-4889-8611-71a232661b3b"
+	id="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-482d4a07-6a9b-4889-8611-71a232661b3b">Radio 02</label>
+<label class="elm-label" for="id-7e354846-ce08-4acd-adbc-6edb7fd89f9e">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabled"
-	id="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730"
+	id="id-4c4f692e-561c-4c4e-8864-faa7426ba82d"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-d1d4cf8d-023d-4f6e-9eb1-b6882a90a730">Radio 03</label>
+<label class="elm-label" for="id-4c4f692e-561c-4c4e-8864-faa7426ba82d">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21833,38 +21833,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0"
+	id="id-67a537bc-f502-4b54-862c-8f2324524cc7"
 	 checked
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-58ee21c9-d2eb-44b2-bdb7-7223ddd102c0">Radio 01</label>
+<label class="elm-label" for="id-67a537bc-f502-4b54-862c-8f2324524cc7">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e"
+	id="id-e585a815-bf69-4390-b853-9977e94ae941"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-af60c624-fbbd-4bd3-9c5c-c03ddbd84a7e">Radio 02</label>
+<label class="elm-label" for="id-e585a815-bf69-4390-b853-9977e94ae941">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioDisabledChecked"
-	id="id-806efd38-6142-4071-b9af-9288b55e6436"
+	id="id-9e90b86f-3764-44cc-a9a6-f689b3674406"
 	
 	 disabled
 	
 	
 	
 	>
-<label class="elm-label" for="id-806efd38-6142-4071-b9af-9288b55e6436">Radio 03</label>
+<label class="elm-label" for="id-9e90b86f-3764-44cc-a9a6-f689b3674406">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21913,38 +21913,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-85a875cc-7b8a-4c70-9852-3fc77eff766f"
+	id="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-85a875cc-7b8a-4c70-9852-3fc77eff766f">Radio 01</label>
+<label class="elm-label" for="id-84d92312-5b57-4d4b-b14e-06a27c25f8a9">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7"
+	id="id-91ad99e8-4f9e-43fb-890c-12019bb5b974"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-b6b128f3-a1ff-46d6-9a0a-cc24881289c7">Radio 02</label>
+<label class="elm-label" for="id-91ad99e8-4f9e-43fb-890c-12019bb5b974">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioInvalid"
-	id="id-65e98b8f-3991-4803-9b48-6c82e4453c78"
+	id="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8"
 	
 	
 	
 	
 	 aria-invalid="true"
 	>
-<label class="elm-label" for="id-65e98b8f-3991-4803-9b48-6c82e4453c78">Radio 03</label>
+<label class="elm-label" for="id-772a29f7-5d7c-48c0-ba15-b611f1350aa8">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -21993,38 +21993,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0"
+	id="id-87457690-db85-465b-9842-5628755f8139"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-1d10ad82-4fc7-47a6-a8c9-1bb89778a5a0" data-label-hidden="true">Radio 01</label>
+<label class="elm-label" for="id-87457690-db85-465b-9842-5628755f8139" data-label-hidden="true">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-aea155e2-71a5-4199-a33a-ed0abdfd787a"
+	id="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-aea155e2-71a5-4199-a33a-ed0abdfd787a" data-label-hidden="true">Radio 02</label>
+<label class="elm-label" for="id-be93e2cd-d7a4-407d-8ac3-fc67d0c4e676" data-label-hidden="true">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioLabelHidden"
-	id="id-db2539cc-0d0d-4358-badc-d7230b8629b1"
+	id="id-e775eb6b-b012-4629-a407-5d64225bb3ec"
 	
 	
 	
 	
 	
 	>
-<label class="elm-label" for="id-db2539cc-0d0d-4358-badc-d7230b8629b1" data-label-hidden="true">Radio 03</label>
+<label class="elm-label" for="id-e775eb6b-b012-4629-a407-5d64225bb3ec" data-label-hidden="true">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -22073,38 +22073,38 @@ <h3 class="pl-c-pattern__title">
 				<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87"
+	id="id-cab88b21-2874-4d82-9741-437483804cac"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-d9d80a1c-2632-4c58-9ae7-3b5737ab0b87">Radio 01</label>
+<label class="elm-label" for="id-cab88b21-2874-4d82-9741-437483804cac">Radio 01</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-c5c02768-3626-4951-98bf-db694b2546ed"
+	id="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-c5c02768-3626-4951-98bf-db694b2546ed">Radio 02</label>
+<label class="elm-label" for="id-6f3d17b4-8314-439c-ac1b-fa48098dad2f">Radio 02</label>
 <br>
 	<input type="radio"
 	class="elm-radio "
 	name="radioRequired"
-	id="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a"
+	id="id-9c83d0f7-867a-490d-9a41-d22a127a04ec"
 	
 	
 	
 	
 	
 	 required>
-<label class="elm-label" for="id-6d5fb877-6ca0-4e4c-a56e-a509e536df8a">Radio 03</label>
+<label class="elm-label" for="id-9c83d0f7-867a-490d-9a41-d22a127a04ec">Radio 03</label>
 <br>
 
 			</div><!--end pl-js-pattern-example-->
@@ -28228,7 +28228,7 @@ <h3 class="pl-c-pattern__title">
 			</div><!--end pl-js-pattern-example-->
 		
 			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
-			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"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"}],"lineageR":[{"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"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
 			</script>
 		
 		</div><!--end pl-c-pattern-->
@@ -29044,21 +29044,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				name="id-350c8b98-d426-437c-85b6-7780ebb3341f"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				aria-labelledby="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				
 				>
 			<label class="elm-label"
-				for="id-25f85c11-9b3c-445b-913c-c84ecbab7e22"
+				for="id-350c8b98-d426-437c-85b6-7780ebb3341f"
 				aria-hidden="true"
-				id="id-25f85c11-9b3c-445b-913c-c84ecbab7e22-label"
+				id="id-350c8b98-d426-437c-85b6-7780ebb3341f-label"
 				>Suche</label>
 			
 			
@@ -29633,21 +29633,21 @@ <h3 class="pl-c-pattern__title">
 			<input type="search"
 				class="elm-input "
 				placeholder="Suchen …"
-				name="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				name="id-bc555c70-7086-460e-9e49-72432658e6ba"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				
 				value=""
 				
 				
 				
 				
-				aria-labelledby="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				aria-labelledby="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				
 				>
 			<label class="elm-label"
-				for="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6"
+				for="id-bc555c70-7086-460e-9e49-72432658e6ba"
 				aria-hidden="true"
-				id="id-330ac485-7a1d-4f32-aa2b-7d88de6fe9d6-label"
+				id="id-bc555c70-7086-460e-9e49-72432658e6ba-label"
 				>Suche</label>
 			
 			
@@ -29863,21 +29863,21 @@ <h3 class="pl-c-pattern__title">
 		<input type="search"
 			class="elm-input "
 			placeholder="Suchen …"
-			name="id-6abd152d-36d9-435a-85a9-423c7db3d494"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			name="id-85807d8f-f156-4905-be45-782d58439fa6"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6"
 			
 			value=""
 			
 			
 			
 			
-			aria-labelledby="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			aria-labelledby="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			
 			>
 		<label class="elm-label"
-			for="id-6abd152d-36d9-435a-85a9-423c7db3d494"
+			for="id-85807d8f-f156-4905-be45-782d58439fa6"
 			aria-hidden="true"
-			id="id-6abd152d-36d9-435a-85a9-423c7db3d494-label"
+			id="id-85807d8f-f156-4905-be45-782d58439fa6-label"
 			>Suche</label>
 		
 		
@@ -30558,10 +30558,10 @@ <h3 class="elm-headline ">Developed for and driven by the community</h3>
   }
 </script>
 
-<script id="pl-js-polyfill-insert-1732197858792">
+<script id="pl-js-polyfill-insert-1732199979945">
   (function() {
     if (self != top) {
-      var cb = '1732197858792';
+      var cb = '1732199979945';
       var js = [];
       scriptLoader.run(js,cb,'pl-js-polyfill-insert');
     }
@@ -30574,7 +30574,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-1732197858792" nomodule>
+<script id="pl-js-insert-1732199979945" nomodule>
   /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
   !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);