@genexus/mercury 0.4.16 → 0.4.18

package/dist/mercury.scss

@@ -2625,7 +2625,7 @@ Body Spacing
 @mixin heading-tokens() {
   // heading base
   --heading-base__font-family: var(--mer-font-family--title);
-  --heading__color: transparent;
+  --heading__color: inherit;
 
   //h1
   --heading-h1__font-size: var(--mer-font__size--xl);
@@ -3964,7 +3964,6 @@ Body Spacing
 /// @param {String} $combo-box--disabled-selector [".combo-box[disabled]"] -
 /// @param {String} $combo-box__placeholder-selector [".combo-box::part(placeholder)"] -
 /// @param {String} $window-selector [".combo-box::part(window)"] -
-/// @param {String} $window__content-selector [".combo-box::part(window__content)"] -
 /// @param {String} $group-selector [".combo-box::part(group)"] -
 /// @param {String} $group__content-selector [".combo-box::part(group__content)"] -
 /// @param {String} $group__header-selector [".combo-box::part(group__header)"] -
@@ -3983,7 +3982,6 @@ Body Spacing
   $combo-box--disabled-selector: ".combo-box[disabled]",
   $combo-box__placeholder-selector: ".combo-box::part(placeholder)",
   $window-selector: ".combo-box::part(window)",
-  $window__content-selector: ".combo-box::part(window__content)",
   $group-selector: ".combo-box::part(group)",
   $group__content-selector: ".combo-box::part(group__content)",
   $group__header-selector: ".combo-box::part(group__header)",
@@ -3999,8 +3997,6 @@ Body Spacing
   $add--placeholder-var: true,
   $add--error: true
 ) {
-  // TODO: IMPROVE STYLE. Unanimo's implementation does not work well in Sidebar Menus
-
   #{$combo-box-selector} {
     @extend %combo-box;
 
@@ -4035,11 +4031,7 @@ Body Spacing
   // - - - - - - - - - - - - - - - - - - - -
   //                 Window
   // - - - - - - - - - - - - - - - - - - - -
-
   #{$window-selector} {
-  }
-
-  #{$window__content-selector} {
     @include items-container-colors();
     @include items-container-padding();
     @include items-container-dropdown();
@@ -4050,7 +4042,6 @@ Body Spacing
   // - - - - - - - - - - - - - - - - - - - -
   //                  Group
   // - - - - - - - - - - - - - - - - - - - -
-
   #{$group__header-selector} {
     @include item-colors-enabled();
     @include item-font-header();
@@ -9926,361 +9917,649 @@ Body Spacing
   --icon__system_warning_on-surface--active: url('#{$icons-path}system/light/warning.svg#on-surface--active'); 
   --icon__system_warning_on-surface--disabled: url('#{$icons-path}system/light/warning.svg#on-surface--disabled'); 
   --icon__system_warning_on-elevation--enabled: url('#{$icons-path}system/light/warning.svg#on-elevation--enabled'); 
+  --icon__system_warning_primary--enabled: url('#{$icons-path}system/light/warning.svg#primary--enabled'); 
+  --icon__system_warning_primary--hover: url('#{$icons-path}system/light/warning.svg#primary--hover'); 
+  --icon__system_warning_primary--active: url('#{$icons-path}system/light/warning.svg#primary--active'); 
+  --icon__system_warning_primary--disabled: url('#{$icons-path}system/light/warning.svg#primary--disabled'); 
   --icon__system_warning-circle_on-surface--enabled: url('#{$icons-path}system/light/warning-circle.svg#on-surface--enabled'); 
   --icon__system_warning-circle_on-surface--hover: url('#{$icons-path}system/light/warning-circle.svg#on-surface--hover'); 
   --icon__system_warning-circle_on-surface--active: url('#{$icons-path}system/light/warning-circle.svg#on-surface--active'); 
   --icon__system_warning-circle_on-surface--disabled: url('#{$icons-path}system/light/warning-circle.svg#on-surface--disabled'); 
   --icon__system_warning-circle_on-elevation--enabled: url('#{$icons-path}system/light/warning-circle.svg#on-elevation--enabled'); 
+  --icon__system_warning-circle_primary--enabled: url('#{$icons-path}system/light/warning-circle.svg#primary--enabled'); 
+  --icon__system_warning-circle_primary--hover: url('#{$icons-path}system/light/warning-circle.svg#primary--hover'); 
+  --icon__system_warning-circle_primary--active: url('#{$icons-path}system/light/warning-circle.svg#primary--active'); 
+  --icon__system_warning-circle_primary--disabled: url('#{$icons-path}system/light/warning-circle.svg#primary--disabled'); 
   --icon__system_version_on-surface--enabled: url('#{$icons-path}system/light/version.svg#on-surface--enabled'); 
   --icon__system_version_on-surface--hover: url('#{$icons-path}system/light/version.svg#on-surface--hover'); 
   --icon__system_version_on-surface--active: url('#{$icons-path}system/light/version.svg#on-surface--active'); 
   --icon__system_version_on-surface--disabled: url('#{$icons-path}system/light/version.svg#on-surface--disabled'); 
   --icon__system_version_on-elevation--enabled: url('#{$icons-path}system/light/version.svg#on-elevation--enabled'); 
+  --icon__system_version_primary--enabled: url('#{$icons-path}system/light/version.svg#primary--enabled'); 
+  --icon__system_version_primary--hover: url('#{$icons-path}system/light/version.svg#primary--hover'); 
+  --icon__system_version_primary--active: url('#{$icons-path}system/light/version.svg#primary--active'); 
+  --icon__system_version_primary--disabled: url('#{$icons-path}system/light/version.svg#primary--disabled'); 
   --icon__system_user_on-surface--enabled: url('#{$icons-path}system/light/user.svg#on-surface--enabled'); 
   --icon__system_user_on-surface--hover: url('#{$icons-path}system/light/user.svg#on-surface--hover'); 
   --icon__system_user_on-surface--active: url('#{$icons-path}system/light/user.svg#on-surface--active'); 
   --icon__system_user_on-surface--disabled: url('#{$icons-path}system/light/user.svg#on-surface--disabled'); 
   --icon__system_user_on-elevation--enabled: url('#{$icons-path}system/light/user.svg#on-elevation--enabled'); 
+  --icon__system_user_primary--enabled: url('#{$icons-path}system/light/user.svg#primary--enabled'); 
+  --icon__system_user_primary--hover: url('#{$icons-path}system/light/user.svg#primary--hover'); 
+  --icon__system_user_primary--active: url('#{$icons-path}system/light/user.svg#primary--active'); 
+  --icon__system_user_primary--disabled: url('#{$icons-path}system/light/user.svg#primary--disabled'); 
   --icon__system_undo_on-surface--enabled: url('#{$icons-path}system/light/undo.svg#on-surface--enabled'); 
   --icon__system_undo_on-surface--hover: url('#{$icons-path}system/light/undo.svg#on-surface--hover'); 
   --icon__system_undo_on-surface--active: url('#{$icons-path}system/light/undo.svg#on-surface--active'); 
   --icon__system_undo_on-surface--disabled: url('#{$icons-path}system/light/undo.svg#on-surface--disabled'); 
   --icon__system_undo_on-elevation--enabled: url('#{$icons-path}system/light/undo.svg#on-elevation--enabled'); 
+  --icon__system_undo_primary--enabled: url('#{$icons-path}system/light/undo.svg#primary--enabled'); 
+  --icon__system_undo_primary--hover: url('#{$icons-path}system/light/undo.svg#primary--hover'); 
+  --icon__system_undo_primary--active: url('#{$icons-path}system/light/undo.svg#primary--active'); 
+  --icon__system_undo_primary--disabled: url('#{$icons-path}system/light/undo.svg#primary--disabled'); 
   --icon__system_tools_on-surface--enabled: url('#{$icons-path}system/light/tools.svg#on-surface--enabled'); 
   --icon__system_tools_on-surface--hover: url('#{$icons-path}system/light/tools.svg#on-surface--hover'); 
   --icon__system_tools_on-surface--active: url('#{$icons-path}system/light/tools.svg#on-surface--active'); 
   --icon__system_tools_on-surface--disabled: url('#{$icons-path}system/light/tools.svg#on-surface--disabled'); 
   --icon__system_tools_on-elevation--enabled: url('#{$icons-path}system/light/tools.svg#on-elevation--enabled'); 
+  --icon__system_tools_primary--enabled: url('#{$icons-path}system/light/tools.svg#primary--enabled'); 
+  --icon__system_tools_primary--hover: url('#{$icons-path}system/light/tools.svg#primary--hover'); 
+  --icon__system_tools_primary--active: url('#{$icons-path}system/light/tools.svg#primary--active'); 
+  --icon__system_tools_primary--disabled: url('#{$icons-path}system/light/tools.svg#primary--disabled'); 
   --icon__system_time_on-surface--enabled: url('#{$icons-path}system/light/time.svg#on-surface--enabled'); 
   --icon__system_time_on-surface--hover: url('#{$icons-path}system/light/time.svg#on-surface--hover'); 
   --icon__system_time_on-surface--active: url('#{$icons-path}system/light/time.svg#on-surface--active'); 
   --icon__system_time_on-surface--disabled: url('#{$icons-path}system/light/time.svg#on-surface--disabled'); 
   --icon__system_time_on-elevation--enabled: url('#{$icons-path}system/light/time.svg#on-elevation--enabled'); 
+  --icon__system_time_primary--enabled: url('#{$icons-path}system/light/time.svg#primary--enabled'); 
+  --icon__system_time_primary--hover: url('#{$icons-path}system/light/time.svg#primary--hover'); 
+  --icon__system_time_primary--active: url('#{$icons-path}system/light/time.svg#primary--active'); 
+  --icon__system_time_primary--disabled: url('#{$icons-path}system/light/time.svg#primary--disabled'); 
   --icon__system_thunder_on-surface--enabled: url('#{$icons-path}system/light/thunder.svg#on-surface--enabled'); 
   --icon__system_thunder_on-surface--hover: url('#{$icons-path}system/light/thunder.svg#on-surface--hover'); 
   --icon__system_thunder_on-surface--active: url('#{$icons-path}system/light/thunder.svg#on-surface--active'); 
   --icon__system_thunder_on-surface--disabled: url('#{$icons-path}system/light/thunder.svg#on-surface--disabled'); 
   --icon__system_thunder_on-elevation--enabled: url('#{$icons-path}system/light/thunder.svg#on-elevation--enabled'); 
+  --icon__system_thunder_primary--enabled: url('#{$icons-path}system/light/thunder.svg#primary--enabled'); 
+  --icon__system_thunder_primary--hover: url('#{$icons-path}system/light/thunder.svg#primary--hover'); 
+  --icon__system_thunder_primary--active: url('#{$icons-path}system/light/thunder.svg#primary--active'); 
+  --icon__system_thunder_primary--disabled: url('#{$icons-path}system/light/thunder.svg#primary--disabled'); 
   --icon__system_success_on-surface--enabled: url('#{$icons-path}system/light/success.svg#on-surface--enabled'); 
   --icon__system_success_on-surface--hover: url('#{$icons-path}system/light/success.svg#on-surface--hover'); 
   --icon__system_success_on-surface--active: url('#{$icons-path}system/light/success.svg#on-surface--active'); 
   --icon__system_success_on-surface--disabled: url('#{$icons-path}system/light/success.svg#on-surface--disabled'); 
   --icon__system_success_on-elevation--enabled: url('#{$icons-path}system/light/success.svg#on-elevation--enabled'); 
+  --icon__system_success_primary--enabled: url('#{$icons-path}system/light/success.svg#primary--enabled'); 
+  --icon__system_success_primary--hover: url('#{$icons-path}system/light/success.svg#primary--hover'); 
+  --icon__system_success_primary--active: url('#{$icons-path}system/light/success.svg#primary--active'); 
+  --icon__system_success_primary--disabled: url('#{$icons-path}system/light/success.svg#primary--disabled'); 
   --icon__system_show_on-surface--enabled: url('#{$icons-path}system/light/show.svg#on-surface--enabled'); 
   --icon__system_show_on-surface--hover: url('#{$icons-path}system/light/show.svg#on-surface--hover'); 
   --icon__system_show_on-surface--active: url('#{$icons-path}system/light/show.svg#on-surface--active'); 
   --icon__system_show_on-surface--disabled: url('#{$icons-path}system/light/show.svg#on-surface--disabled'); 
   --icon__system_show_on-elevation--enabled: url('#{$icons-path}system/light/show.svg#on-elevation--enabled'); 
+  --icon__system_show_primary--enabled: url('#{$icons-path}system/light/show.svg#primary--enabled'); 
+  --icon__system_show_primary--hover: url('#{$icons-path}system/light/show.svg#primary--hover'); 
+  --icon__system_show_primary--active: url('#{$icons-path}system/light/show.svg#primary--active'); 
+  --icon__system_show_primary--disabled: url('#{$icons-path}system/light/show.svg#primary--disabled'); 
   --icon__system_share_on-surface--enabled: url('#{$icons-path}system/light/share.svg#on-surface--enabled'); 
   --icon__system_share_on-surface--hover: url('#{$icons-path}system/light/share.svg#on-surface--hover'); 
   --icon__system_share_on-surface--active: url('#{$icons-path}system/light/share.svg#on-surface--active'); 
   --icon__system_share_on-surface--disabled: url('#{$icons-path}system/light/share.svg#on-surface--disabled'); 
   --icon__system_share_on-elevation--enabled: url('#{$icons-path}system/light/share.svg#on-elevation--enabled'); 
+  --icon__system_share_primary--enabled: url('#{$icons-path}system/light/share.svg#primary--enabled'); 
+  --icon__system_share_primary--hover: url('#{$icons-path}system/light/share.svg#primary--hover'); 
+  --icon__system_share_primary--active: url('#{$icons-path}system/light/share.svg#primary--active'); 
+  --icon__system_share_primary--disabled: url('#{$icons-path}system/light/share.svg#primary--disabled'); 
   --icon__system_settings_on-surface--enabled: url('#{$icons-path}system/light/settings.svg#on-surface--enabled'); 
   --icon__system_settings_on-surface--hover: url('#{$icons-path}system/light/settings.svg#on-surface--hover'); 
   --icon__system_settings_on-surface--active: url('#{$icons-path}system/light/settings.svg#on-surface--active'); 
   --icon__system_settings_on-surface--disabled: url('#{$icons-path}system/light/settings.svg#on-surface--disabled'); 
   --icon__system_settings_on-elevation--enabled: url('#{$icons-path}system/light/settings.svg#on-elevation--enabled'); 
+  --icon__system_settings_primary--enabled: url('#{$icons-path}system/light/settings.svg#primary--enabled'); 
+  --icon__system_settings_primary--hover: url('#{$icons-path}system/light/settings.svg#primary--hover'); 
+  --icon__system_settings_primary--active: url('#{$icons-path}system/light/settings.svg#primary--active'); 
+  --icon__system_settings_primary--disabled: url('#{$icons-path}system/light/settings.svg#primary--disabled'); 
   --icon__system_send_on-surface--enabled: url('#{$icons-path}system/light/send.svg#on-surface--enabled'); 
   --icon__system_send_on-surface--hover: url('#{$icons-path}system/light/send.svg#on-surface--hover'); 
   --icon__system_send_on-surface--active: url('#{$icons-path}system/light/send.svg#on-surface--active'); 
   --icon__system_send_on-surface--disabled: url('#{$icons-path}system/light/send.svg#on-surface--disabled'); 
   --icon__system_send_on-elevation--enabled: url('#{$icons-path}system/light/send.svg#on-elevation--enabled'); 
+  --icon__system_send_primary--enabled: url('#{$icons-path}system/light/send.svg#primary--enabled'); 
+  --icon__system_send_primary--hover: url('#{$icons-path}system/light/send.svg#primary--hover'); 
+  --icon__system_send_primary--active: url('#{$icons-path}system/light/send.svg#primary--active'); 
+  --icon__system_send_primary--disabled: url('#{$icons-path}system/light/send.svg#primary--disabled'); 
   --icon__system_search_on-surface--enabled: url('#{$icons-path}system/light/search.svg#on-surface--enabled'); 
   --icon__system_search_on-surface--hover: url('#{$icons-path}system/light/search.svg#on-surface--hover'); 
   --icon__system_search_on-surface--active: url('#{$icons-path}system/light/search.svg#on-surface--active'); 
   --icon__system_search_on-surface--disabled: url('#{$icons-path}system/light/search.svg#on-surface--disabled'); 
   --icon__system_search_on-elevation--enabled: url('#{$icons-path}system/light/search.svg#on-elevation--enabled'); 
+  --icon__system_search_primary--enabled: url('#{$icons-path}system/light/search.svg#primary--enabled'); 
+  --icon__system_search_primary--hover: url('#{$icons-path}system/light/search.svg#primary--hover'); 
+  --icon__system_search_primary--active: url('#{$icons-path}system/light/search.svg#primary--active'); 
+  --icon__system_search_primary--disabled: url('#{$icons-path}system/light/search.svg#primary--disabled'); 
   --icon__system_save_on-surface--enabled: url('#{$icons-path}system/light/save.svg#on-surface--enabled'); 
   --icon__system_save_on-surface--hover: url('#{$icons-path}system/light/save.svg#on-surface--hover'); 
   --icon__system_save_on-surface--active: url('#{$icons-path}system/light/save.svg#on-surface--active'); 
   --icon__system_save_on-surface--disabled: url('#{$icons-path}system/light/save.svg#on-surface--disabled'); 
   --icon__system_save_on-elevation--enabled: url('#{$icons-path}system/light/save.svg#on-elevation--enabled'); 
+  --icon__system_save_primary--enabled: url('#{$icons-path}system/light/save.svg#primary--enabled'); 
+  --icon__system_save_primary--hover: url('#{$icons-path}system/light/save.svg#primary--hover'); 
+  --icon__system_save_primary--active: url('#{$icons-path}system/light/save.svg#primary--active'); 
+  --icon__system_save_primary--disabled: url('#{$icons-path}system/light/save.svg#primary--disabled'); 
   --icon__system_run_on-surface--enabled: url('#{$icons-path}system/light/run.svg#on-surface--enabled'); 
   --icon__system_run_on-surface--hover: url('#{$icons-path}system/light/run.svg#on-surface--hover'); 
   --icon__system_run_on-surface--active: url('#{$icons-path}system/light/run.svg#on-surface--active'); 
   --icon__system_run_on-surface--disabled: url('#{$icons-path}system/light/run.svg#on-surface--disabled'); 
   --icon__system_run_on-elevation--enabled: url('#{$icons-path}system/light/run.svg#on-elevation--enabled'); 
+  --icon__system_run_primary--enabled: url('#{$icons-path}system/light/run.svg#primary--enabled'); 
+  --icon__system_run_primary--hover: url('#{$icons-path}system/light/run.svg#primary--hover'); 
+  --icon__system_run_primary--active: url('#{$icons-path}system/light/run.svg#primary--active'); 
+  --icon__system_run_primary--disabled: url('#{$icons-path}system/light/run.svg#primary--disabled'); 
   --icon__system_retry_on-surface--enabled: url('#{$icons-path}system/light/retry.svg#on-surface--enabled'); 
   --icon__system_retry_on-surface--hover: url('#{$icons-path}system/light/retry.svg#on-surface--hover'); 
   --icon__system_retry_on-surface--active: url('#{$icons-path}system/light/retry.svg#on-surface--active'); 
   --icon__system_retry_on-surface--disabled: url('#{$icons-path}system/light/retry.svg#on-surface--disabled'); 
   --icon__system_retry_on-elevation--enabled: url('#{$icons-path}system/light/retry.svg#on-elevation--enabled'); 
+  --icon__system_retry_primary--enabled: url('#{$icons-path}system/light/retry.svg#primary--enabled'); 
+  --icon__system_retry_primary--hover: url('#{$icons-path}system/light/retry.svg#primary--hover'); 
+  --icon__system_retry_primary--active: url('#{$icons-path}system/light/retry.svg#primary--active'); 
+  --icon__system_retry_primary--disabled: url('#{$icons-path}system/light/retry.svg#primary--disabled'); 
   --icon__system_refresh_on-surface--enabled: url('#{$icons-path}system/light/refresh.svg#on-surface--enabled'); 
   --icon__system_refresh_on-surface--hover: url('#{$icons-path}system/light/refresh.svg#on-surface--hover'); 
   --icon__system_refresh_on-surface--active: url('#{$icons-path}system/light/refresh.svg#on-surface--active'); 
   --icon__system_refresh_on-surface--disabled: url('#{$icons-path}system/light/refresh.svg#on-surface--disabled'); 
   --icon__system_refresh_on-elevation--enabled: url('#{$icons-path}system/light/refresh.svg#on-elevation--enabled'); 
+  --icon__system_refresh_primary--enabled: url('#{$icons-path}system/light/refresh.svg#primary--enabled'); 
+  --icon__system_refresh_primary--hover: url('#{$icons-path}system/light/refresh.svg#primary--hover'); 
+  --icon__system_refresh_primary--active: url('#{$icons-path}system/light/refresh.svg#primary--active'); 
+  --icon__system_refresh_primary--disabled: url('#{$icons-path}system/light/refresh.svg#primary--disabled'); 
   --icon__system_query_on-surface--enabled: url('#{$icons-path}system/light/query.svg#on-surface--enabled'); 
   --icon__system_query_on-surface--hover: url('#{$icons-path}system/light/query.svg#on-surface--hover'); 
   --icon__system_query_on-surface--active: url('#{$icons-path}system/light/query.svg#on-surface--active'); 
   --icon__system_query_on-surface--disabled: url('#{$icons-path}system/light/query.svg#on-surface--disabled'); 
   --icon__system_query_on-elevation--enabled: url('#{$icons-path}system/light/query.svg#on-elevation--enabled'); 
+  --icon__system_query_primary--enabled: url('#{$icons-path}system/light/query.svg#primary--enabled'); 
+  --icon__system_query_primary--hover: url('#{$icons-path}system/light/query.svg#primary--hover'); 
+  --icon__system_query_primary--active: url('#{$icons-path}system/light/query.svg#primary--active'); 
+  --icon__system_query_primary--disabled: url('#{$icons-path}system/light/query.svg#primary--disabled'); 
   --icon__system_qr-code_on-surface--enabled: url('#{$icons-path}system/light/qr-code.svg#on-surface--enabled'); 
   --icon__system_qr-code_on-surface--hover: url('#{$icons-path}system/light/qr-code.svg#on-surface--hover'); 
   --icon__system_qr-code_on-surface--active: url('#{$icons-path}system/light/qr-code.svg#on-surface--active'); 
   --icon__system_qr-code_on-surface--disabled: url('#{$icons-path}system/light/qr-code.svg#on-surface--disabled'); 
   --icon__system_qr-code_on-elevation--enabled: url('#{$icons-path}system/light/qr-code.svg#on-elevation--enabled'); 
+  --icon__system_qr-code_primary--enabled: url('#{$icons-path}system/light/qr-code.svg#primary--enabled'); 
+  --icon__system_qr-code_primary--hover: url('#{$icons-path}system/light/qr-code.svg#primary--hover'); 
+  --icon__system_qr-code_primary--active: url('#{$icons-path}system/light/qr-code.svg#primary--active'); 
+  --icon__system_qr-code_primary--disabled: url('#{$icons-path}system/light/qr-code.svg#primary--disabled'); 
   --icon__system_publish_on-surface--enabled: url('#{$icons-path}system/light/publish.svg#on-surface--enabled'); 
   --icon__system_publish_on-surface--hover: url('#{$icons-path}system/light/publish.svg#on-surface--hover'); 
   --icon__system_publish_on-surface--active: url('#{$icons-path}system/light/publish.svg#on-surface--active'); 
   --icon__system_publish_on-surface--disabled: url('#{$icons-path}system/light/publish.svg#on-surface--disabled'); 
   --icon__system_publish_on-elevation--enabled: url('#{$icons-path}system/light/publish.svg#on-elevation--enabled'); 
+  --icon__system_publish_primary--enabled: url('#{$icons-path}system/light/publish.svg#primary--enabled'); 
+  --icon__system_publish_primary--hover: url('#{$icons-path}system/light/publish.svg#primary--hover'); 
+  --icon__system_publish_primary--active: url('#{$icons-path}system/light/publish.svg#primary--active'); 
+  --icon__system_publish_primary--disabled: url('#{$icons-path}system/light/publish.svg#primary--disabled'); 
   --icon__system_property_on-surface--enabled: url('#{$icons-path}system/light/property.svg#on-surface--enabled'); 
   --icon__system_property_on-surface--hover: url('#{$icons-path}system/light/property.svg#on-surface--hover'); 
   --icon__system_property_on-surface--active: url('#{$icons-path}system/light/property.svg#on-surface--active'); 
   --icon__system_property_on-surface--disabled: url('#{$icons-path}system/light/property.svg#on-surface--disabled'); 
   --icon__system_property_on-elevation--enabled: url('#{$icons-path}system/light/property.svg#on-elevation--enabled'); 
+  --icon__system_property_primary--enabled: url('#{$icons-path}system/light/property.svg#primary--enabled'); 
+  --icon__system_property_primary--hover: url('#{$icons-path}system/light/property.svg#primary--hover'); 
+  --icon__system_property_primary--active: url('#{$icons-path}system/light/property.svg#primary--active'); 
+  --icon__system_property_primary--disabled: url('#{$icons-path}system/light/property.svg#primary--disabled'); 
   --icon__system_notification_on-surface--enabled: url('#{$icons-path}system/light/notification.svg#on-surface--enabled'); 
   --icon__system_notification_on-surface--hover: url('#{$icons-path}system/light/notification.svg#on-surface--hover'); 
   --icon__system_notification_on-surface--active: url('#{$icons-path}system/light/notification.svg#on-surface--active'); 
   --icon__system_notification_on-surface--disabled: url('#{$icons-path}system/light/notification.svg#on-surface--disabled'); 
   --icon__system_notification_on-elevation--enabled: url('#{$icons-path}system/light/notification.svg#on-elevation--enabled'); 
+  --icon__system_notification_primary--enabled: url('#{$icons-path}system/light/notification.svg#primary--enabled'); 
+  --icon__system_notification_primary--hover: url('#{$icons-path}system/light/notification.svg#primary--hover'); 
+  --icon__system_notification_primary--active: url('#{$icons-path}system/light/notification.svg#primary--active'); 
+  --icon__system_notification_primary--disabled: url('#{$icons-path}system/light/notification.svg#primary--disabled'); 
   --icon__system_news_on-surface--enabled: url('#{$icons-path}system/light/news.svg#on-surface--enabled'); 
   --icon__system_news_on-surface--hover: url('#{$icons-path}system/light/news.svg#on-surface--hover'); 
   --icon__system_news_on-surface--active: url('#{$icons-path}system/light/news.svg#on-surface--active'); 
   --icon__system_news_on-surface--disabled: url('#{$icons-path}system/light/news.svg#on-surface--disabled'); 
   --icon__system_news_on-elevation--enabled: url('#{$icons-path}system/light/news.svg#on-elevation--enabled'); 
+  --icon__system_news_primary--enabled: url('#{$icons-path}system/light/news.svg#primary--enabled'); 
+  --icon__system_news_primary--hover: url('#{$icons-path}system/light/news.svg#primary--hover'); 
+  --icon__system_news_primary--active: url('#{$icons-path}system/light/news.svg#primary--active'); 
+  --icon__system_news_primary--disabled: url('#{$icons-path}system/light/news.svg#primary--disabled'); 
   --icon__system_more-options_on-surface--enabled: url('#{$icons-path}system/light/more-options.svg#on-surface--enabled'); 
   --icon__system_more-options_on-surface--hover: url('#{$icons-path}system/light/more-options.svg#on-surface--hover'); 
   --icon__system_more-options_on-surface--active: url('#{$icons-path}system/light/more-options.svg#on-surface--active'); 
   --icon__system_more-options_on-surface--disabled: url('#{$icons-path}system/light/more-options.svg#on-surface--disabled'); 
   --icon__system_more-options_on-elevation--enabled: url('#{$icons-path}system/light/more-options.svg#on-elevation--enabled'); 
+  --icon__system_more-options_primary--enabled: url('#{$icons-path}system/light/more-options.svg#primary--enabled'); 
+  --icon__system_more-options_primary--hover: url('#{$icons-path}system/light/more-options.svg#primary--hover'); 
+  --icon__system_more-options_primary--active: url('#{$icons-path}system/light/more-options.svg#primary--active'); 
+  --icon__system_more-options_primary--disabled: url('#{$icons-path}system/light/more-options.svg#primary--disabled'); 
   --icon__system_mobile_on-surface--enabled: url('#{$icons-path}system/light/mobile.svg#on-surface--enabled'); 
   --icon__system_mobile_on-surface--hover: url('#{$icons-path}system/light/mobile.svg#on-surface--hover'); 
   --icon__system_mobile_on-surface--active: url('#{$icons-path}system/light/mobile.svg#on-surface--active'); 
   --icon__system_mobile_on-surface--disabled: url('#{$icons-path}system/light/mobile.svg#on-surface--disabled'); 
   --icon__system_mobile_on-elevation--enabled: url('#{$icons-path}system/light/mobile.svg#on-elevation--enabled'); 
+  --icon__system_mobile_primary--enabled: url('#{$icons-path}system/light/mobile.svg#primary--enabled'); 
+  --icon__system_mobile_primary--hover: url('#{$icons-path}system/light/mobile.svg#primary--hover'); 
+  --icon__system_mobile_primary--active: url('#{$icons-path}system/light/mobile.svg#primary--active'); 
+  --icon__system_mobile_primary--disabled: url('#{$icons-path}system/light/mobile.svg#primary--disabled'); 
   --icon__system_mobile-v2_on-surface--enabled: url('#{$icons-path}system/light/mobile-v2.svg#on-surface--enabled'); 
   --icon__system_mobile-v2_on-surface--hover: url('#{$icons-path}system/light/mobile-v2.svg#on-surface--hover'); 
   --icon__system_mobile-v2_on-surface--active: url('#{$icons-path}system/light/mobile-v2.svg#on-surface--active'); 
   --icon__system_mobile-v2_on-surface--disabled: url('#{$icons-path}system/light/mobile-v2.svg#on-surface--disabled'); 
   --icon__system_mobile-v2_on-elevation--enabled: url('#{$icons-path}system/light/mobile-v2.svg#on-elevation--enabled'); 
+  --icon__system_mobile-v2_primary--enabled: url('#{$icons-path}system/light/mobile-v2.svg#primary--enabled'); 
+  --icon__system_mobile-v2_primary--hover: url('#{$icons-path}system/light/mobile-v2.svg#primary--hover'); 
+  --icon__system_mobile-v2_primary--active: url('#{$icons-path}system/light/mobile-v2.svg#primary--active'); 
+  --icon__system_mobile-v2_primary--disabled: url('#{$icons-path}system/light/mobile-v2.svg#primary--disabled'); 
   --icon__system_message_on-surface--enabled: url('#{$icons-path}system/light/message.svg#on-surface--enabled'); 
   --icon__system_message_on-surface--hover: url('#{$icons-path}system/light/message.svg#on-surface--hover'); 
   --icon__system_message_on-surface--active: url('#{$icons-path}system/light/message.svg#on-surface--active'); 
   --icon__system_message_on-surface--disabled: url('#{$icons-path}system/light/message.svg#on-surface--disabled'); 
   --icon__system_message_on-elevation--enabled: url('#{$icons-path}system/light/message.svg#on-elevation--enabled'); 
+  --icon__system_message_primary--enabled: url('#{$icons-path}system/light/message.svg#primary--enabled'); 
+  --icon__system_message_primary--hover: url('#{$icons-path}system/light/message.svg#primary--hover'); 
+  --icon__system_message_primary--active: url('#{$icons-path}system/light/message.svg#primary--active'); 
+  --icon__system_message_primary--disabled: url('#{$icons-path}system/light/message.svg#primary--disabled'); 
   --icon__system_menu_on-surface--enabled: url('#{$icons-path}system/light/menu.svg#on-surface--enabled'); 
   --icon__system_menu_on-surface--hover: url('#{$icons-path}system/light/menu.svg#on-surface--hover'); 
   --icon__system_menu_on-surface--active: url('#{$icons-path}system/light/menu.svg#on-surface--active'); 
   --icon__system_menu_on-surface--disabled: url('#{$icons-path}system/light/menu.svg#on-surface--disabled'); 
   --icon__system_menu_on-elevation--enabled: url('#{$icons-path}system/light/menu.svg#on-elevation--enabled'); 
+  --icon__system_menu_primary--enabled: url('#{$icons-path}system/light/menu.svg#primary--enabled'); 
+  --icon__system_menu_primary--hover: url('#{$icons-path}system/light/menu.svg#primary--hover'); 
+  --icon__system_menu_primary--active: url('#{$icons-path}system/light/menu.svg#primary--active'); 
+  --icon__system_menu_primary--disabled: url('#{$icons-path}system/light/menu.svg#primary--disabled'); 
   --icon__system_mail_on-surface--enabled: url('#{$icons-path}system/light/mail.svg#on-surface--enabled'); 
   --icon__system_mail_on-surface--hover: url('#{$icons-path}system/light/mail.svg#on-surface--hover'); 
   --icon__system_mail_on-surface--active: url('#{$icons-path}system/light/mail.svg#on-surface--active'); 
   --icon__system_mail_on-surface--disabled: url('#{$icons-path}system/light/mail.svg#on-surface--disabled'); 
   --icon__system_mail_on-elevation--enabled: url('#{$icons-path}system/light/mail.svg#on-elevation--enabled'); 
+  --icon__system_mail_primary--enabled: url('#{$icons-path}system/light/mail.svg#primary--enabled'); 
+  --icon__system_mail_primary--hover: url('#{$icons-path}system/light/mail.svg#primary--hover'); 
+  --icon__system_mail_primary--active: url('#{$icons-path}system/light/mail.svg#primary--active'); 
+  --icon__system_mail_primary--disabled: url('#{$icons-path}system/light/mail.svg#primary--disabled'); 
   --icon__system_logout_on-surface--enabled: url('#{$icons-path}system/light/logout.svg#on-surface--enabled'); 
   --icon__system_logout_on-surface--hover: url('#{$icons-path}system/light/logout.svg#on-surface--hover'); 
   --icon__system_logout_on-surface--active: url('#{$icons-path}system/light/logout.svg#on-surface--active'); 
   --icon__system_logout_on-surface--disabled: url('#{$icons-path}system/light/logout.svg#on-surface--disabled'); 
   --icon__system_logout_on-elevation--enabled: url('#{$icons-path}system/light/logout.svg#on-elevation--enabled'); 
+  --icon__system_logout_primary--enabled: url('#{$icons-path}system/light/logout.svg#primary--enabled'); 
+  --icon__system_logout_primary--hover: url('#{$icons-path}system/light/logout.svg#primary--hover'); 
+  --icon__system_logout_primary--active: url('#{$icons-path}system/light/logout.svg#primary--active'); 
+  --icon__system_logout_primary--disabled: url('#{$icons-path}system/light/logout.svg#primary--disabled'); 
   --icon__system_log-out_on-surface--enabled: url('#{$icons-path}system/light/log-out.svg#on-surface--enabled'); 
   --icon__system_log-out_on-surface--hover: url('#{$icons-path}system/light/log-out.svg#on-surface--hover'); 
   --icon__system_log-out_on-surface--active: url('#{$icons-path}system/light/log-out.svg#on-surface--active'); 
   --icon__system_log-out_on-surface--disabled: url('#{$icons-path}system/light/log-out.svg#on-surface--disabled'); 
   --icon__system_log-out_on-elevation--enabled: url('#{$icons-path}system/light/log-out.svg#on-elevation--enabled'); 
+  --icon__system_log-out_primary--enabled: url('#{$icons-path}system/light/log-out.svg#primary--enabled'); 
+  --icon__system_log-out_primary--hover: url('#{$icons-path}system/light/log-out.svg#primary--hover'); 
+  --icon__system_log-out_primary--active: url('#{$icons-path}system/light/log-out.svg#primary--active'); 
+  --icon__system_log-out_primary--disabled: url('#{$icons-path}system/light/log-out.svg#primary--disabled'); 
   --icon__system_lock_on-surface--enabled: url('#{$icons-path}system/light/lock.svg#on-surface--enabled'); 
   --icon__system_lock_on-surface--hover: url('#{$icons-path}system/light/lock.svg#on-surface--hover'); 
   --icon__system_lock_on-surface--active: url('#{$icons-path}system/light/lock.svg#on-surface--active'); 
   --icon__system_lock_on-surface--disabled: url('#{$icons-path}system/light/lock.svg#on-surface--disabled'); 
   --icon__system_lock_on-elevation--enabled: url('#{$icons-path}system/light/lock.svg#on-elevation--enabled'); 
+  --icon__system_lock_primary--enabled: url('#{$icons-path}system/light/lock.svg#primary--enabled'); 
+  --icon__system_lock_primary--hover: url('#{$icons-path}system/light/lock.svg#primary--hover'); 
+  --icon__system_lock_primary--active: url('#{$icons-path}system/light/lock.svg#primary--active'); 
+  --icon__system_lock_primary--disabled: url('#{$icons-path}system/light/lock.svg#primary--disabled'); 
   --icon__system_loading_on-surface--enabled: url('#{$icons-path}system/light/loading.svg#on-surface--enabled'); 
   --icon__system_loading_on-surface--hover: url('#{$icons-path}system/light/loading.svg#on-surface--hover'); 
   --icon__system_loading_on-surface--active: url('#{$icons-path}system/light/loading.svg#on-surface--active'); 
   --icon__system_loading_on-surface--disabled: url('#{$icons-path}system/light/loading.svg#on-surface--disabled'); 
   --icon__system_loading_on-elevation--enabled: url('#{$icons-path}system/light/loading.svg#on-elevation--enabled'); 
+  --icon__system_loading_primary--enabled: url('#{$icons-path}system/light/loading.svg#primary--enabled'); 
+  --icon__system_loading_primary--hover: url('#{$icons-path}system/light/loading.svg#primary--hover'); 
+  --icon__system_loading_primary--active: url('#{$icons-path}system/light/loading.svg#primary--active'); 
+  --icon__system_loading_primary--disabled: url('#{$icons-path}system/light/loading.svg#primary--disabled'); 
   --icon__system_link_on-surface--enabled: url('#{$icons-path}system/light/link.svg#on-surface--enabled'); 
   --icon__system_link_on-surface--hover: url('#{$icons-path}system/light/link.svg#on-surface--hover'); 
   --icon__system_link_on-surface--active: url('#{$icons-path}system/light/link.svg#on-surface--active'); 
   --icon__system_link_on-surface--disabled: url('#{$icons-path}system/light/link.svg#on-surface--disabled'); 
   --icon__system_link_on-elevation--enabled: url('#{$icons-path}system/light/link.svg#on-elevation--enabled'); 
+  --icon__system_link_primary--enabled: url('#{$icons-path}system/light/link.svg#primary--enabled'); 
+  --icon__system_link_primary--hover: url('#{$icons-path}system/light/link.svg#primary--hover'); 
+  --icon__system_link_primary--active: url('#{$icons-path}system/light/link.svg#primary--active'); 
+  --icon__system_link_primary--disabled: url('#{$icons-path}system/light/link.svg#primary--disabled'); 
   --icon__system_link-variant_on-surface--enabled: url('#{$icons-path}system/light/link-variant.svg#on-surface--enabled'); 
   --icon__system_link-variant_on-surface--hover: url('#{$icons-path}system/light/link-variant.svg#on-surface--hover'); 
   --icon__system_link-variant_on-surface--active: url('#{$icons-path}system/light/link-variant.svg#on-surface--active'); 
   --icon__system_link-variant_on-surface--disabled: url('#{$icons-path}system/light/link-variant.svg#on-surface--disabled'); 
   --icon__system_link-variant_on-elevation--enabled: url('#{$icons-path}system/light/link-variant.svg#on-elevation--enabled'); 
+  --icon__system_link-variant_primary--enabled: url('#{$icons-path}system/light/link-variant.svg#primary--enabled'); 
+  --icon__system_link-variant_primary--hover: url('#{$icons-path}system/light/link-variant.svg#primary--hover'); 
+  --icon__system_link-variant_primary--active: url('#{$icons-path}system/light/link-variant.svg#primary--active'); 
+  --icon__system_link-variant_primary--disabled: url('#{$icons-path}system/light/link-variant.svg#primary--disabled'); 
   --icon__system_launch_on-surface--enabled: url('#{$icons-path}system/light/launch.svg#on-surface--enabled'); 
   --icon__system_launch_on-surface--hover: url('#{$icons-path}system/light/launch.svg#on-surface--hover'); 
   --icon__system_launch_on-surface--active: url('#{$icons-path}system/light/launch.svg#on-surface--active'); 
   --icon__system_launch_on-surface--disabled: url('#{$icons-path}system/light/launch.svg#on-surface--disabled'); 
   --icon__system_launch_on-elevation--enabled: url('#{$icons-path}system/light/launch.svg#on-elevation--enabled'); 
+  --icon__system_launch_primary--enabled: url('#{$icons-path}system/light/launch.svg#primary--enabled'); 
+  --icon__system_launch_primary--hover: url('#{$icons-path}system/light/launch.svg#primary--hover'); 
+  --icon__system_launch_primary--active: url('#{$icons-path}system/light/launch.svg#primary--active'); 
+  --icon__system_launch_primary--disabled: url('#{$icons-path}system/light/launch.svg#primary--disabled'); 
   --icon__system_language_on-surface--enabled: url('#{$icons-path}system/light/language.svg#on-surface--enabled'); 
   --icon__system_language_on-surface--hover: url('#{$icons-path}system/light/language.svg#on-surface--hover'); 
   --icon__system_language_on-surface--active: url('#{$icons-path}system/light/language.svg#on-surface--active'); 
   --icon__system_language_on-surface--disabled: url('#{$icons-path}system/light/language.svg#on-surface--disabled'); 
   --icon__system_language_on-elevation--enabled: url('#{$icons-path}system/light/language.svg#on-elevation--enabled'); 
+  --icon__system_language_primary--enabled: url('#{$icons-path}system/light/language.svg#primary--enabled'); 
+  --icon__system_language_primary--hover: url('#{$icons-path}system/light/language.svg#primary--hover'); 
+  --icon__system_language_primary--active: url('#{$icons-path}system/light/language.svg#primary--active'); 
+  --icon__system_language_primary--disabled: url('#{$icons-path}system/light/language.svg#primary--disabled'); 
   --icon__system_home_on-surface--enabled: url('#{$icons-path}system/light/home.svg#on-surface--enabled'); 
   --icon__system_home_on-surface--hover: url('#{$icons-path}system/light/home.svg#on-surface--hover'); 
   --icon__system_home_on-surface--active: url('#{$icons-path}system/light/home.svg#on-surface--active'); 
   --icon__system_home_on-surface--disabled: url('#{$icons-path}system/light/home.svg#on-surface--disabled'); 
   --icon__system_home_on-elevation--enabled: url('#{$icons-path}system/light/home.svg#on-elevation--enabled'); 
+  --icon__system_home_primary--enabled: url('#{$icons-path}system/light/home.svg#primary--enabled'); 
+  --icon__system_home_primary--hover: url('#{$icons-path}system/light/home.svg#primary--hover'); 
+  --icon__system_home_primary--active: url('#{$icons-path}system/light/home.svg#primary--active'); 
+  --icon__system_home_primary--disabled: url('#{$icons-path}system/light/home.svg#primary--disabled'); 
   --icon__system_hide_on-surface--enabled: url('#{$icons-path}system/light/hide.svg#on-surface--enabled'); 
   --icon__system_hide_on-surface--hover: url('#{$icons-path}system/light/hide.svg#on-surface--hover'); 
   --icon__system_hide_on-surface--active: url('#{$icons-path}system/light/hide.svg#on-surface--active'); 
   --icon__system_hide_on-surface--disabled: url('#{$icons-path}system/light/hide.svg#on-surface--disabled'); 
   --icon__system_hide_on-elevation--enabled: url('#{$icons-path}system/light/hide.svg#on-elevation--enabled'); 
+  --icon__system_hide_primary--enabled: url('#{$icons-path}system/light/hide.svg#primary--enabled'); 
+  --icon__system_hide_primary--hover: url('#{$icons-path}system/light/hide.svg#primary--hover'); 
+  --icon__system_hide_primary--active: url('#{$icons-path}system/light/hide.svg#primary--active'); 
+  --icon__system_hide_primary--disabled: url('#{$icons-path}system/light/hide.svg#primary--disabled'); 
   --icon__system_help_on-surface--enabled: url('#{$icons-path}system/light/help.svg#on-surface--enabled'); 
   --icon__system_help_on-surface--hover: url('#{$icons-path}system/light/help.svg#on-surface--hover'); 
   --icon__system_help_on-surface--active: url('#{$icons-path}system/light/help.svg#on-surface--active'); 
   --icon__system_help_on-surface--disabled: url('#{$icons-path}system/light/help.svg#on-surface--disabled'); 
   --icon__system_help_on-elevation--enabled: url('#{$icons-path}system/light/help.svg#on-elevation--enabled'); 
+  --icon__system_help_primary--enabled: url('#{$icons-path}system/light/help.svg#primary--enabled'); 
+  --icon__system_help_primary--hover: url('#{$icons-path}system/light/help.svg#primary--hover'); 
+  --icon__system_help_primary--active: url('#{$icons-path}system/light/help.svg#primary--active'); 
+  --icon__system_help_primary--disabled: url('#{$icons-path}system/light/help.svg#primary--disabled'); 
   --icon__system_help-variant_on-surface--enabled: url('#{$icons-path}system/light/help-variant.svg#on-surface--enabled'); 
   --icon__system_help-variant_on-surface--hover: url('#{$icons-path}system/light/help-variant.svg#on-surface--hover'); 
   --icon__system_help-variant_on-surface--active: url('#{$icons-path}system/light/help-variant.svg#on-surface--active'); 
   --icon__system_help-variant_on-surface--disabled: url('#{$icons-path}system/light/help-variant.svg#on-surface--disabled'); 
   --icon__system_help-variant_on-elevation--enabled: url('#{$icons-path}system/light/help-variant.svg#on-elevation--enabled'); 
+  --icon__system_help-variant_primary--enabled: url('#{$icons-path}system/light/help-variant.svg#primary--enabled'); 
+  --icon__system_help-variant_primary--hover: url('#{$icons-path}system/light/help-variant.svg#primary--hover'); 
+  --icon__system_help-variant_primary--active: url('#{$icons-path}system/light/help-variant.svg#primary--active'); 
+  --icon__system_help-variant_primary--disabled: url('#{$icons-path}system/light/help-variant.svg#primary--disabled'); 
   --icon__system_folder_on-surface--enabled: url('#{$icons-path}system/light/folder.svg#on-surface--enabled'); 
   --icon__system_folder_on-surface--hover: url('#{$icons-path}system/light/folder.svg#on-surface--hover'); 
   --icon__system_folder_on-surface--active: url('#{$icons-path}system/light/folder.svg#on-surface--active'); 
   --icon__system_folder_on-surface--disabled: url('#{$icons-path}system/light/folder.svg#on-surface--disabled'); 
   --icon__system_folder_on-elevation--enabled: url('#{$icons-path}system/light/folder.svg#on-elevation--enabled'); 
+  --icon__system_folder_primary--enabled: url('#{$icons-path}system/light/folder.svg#primary--enabled'); 
+  --icon__system_folder_primary--hover: url('#{$icons-path}system/light/folder.svg#primary--hover'); 
+  --icon__system_folder_primary--active: url('#{$icons-path}system/light/folder.svg#primary--active'); 
+  --icon__system_folder_primary--disabled: url('#{$icons-path}system/light/folder.svg#primary--disabled'); 
   --icon__system_filters_on-surface--enabled: url('#{$icons-path}system/light/filters.svg#on-surface--enabled'); 
   --icon__system_filters_on-surface--hover: url('#{$icons-path}system/light/filters.svg#on-surface--hover'); 
   --icon__system_filters_on-surface--active: url('#{$icons-path}system/light/filters.svg#on-surface--active'); 
   --icon__system_filters_on-surface--disabled: url('#{$icons-path}system/light/filters.svg#on-surface--disabled'); 
   --icon__system_filters_on-elevation--enabled: url('#{$icons-path}system/light/filters.svg#on-elevation--enabled'); 
+  --icon__system_filters_primary--enabled: url('#{$icons-path}system/light/filters.svg#primary--enabled'); 
+  --icon__system_filters_primary--hover: url('#{$icons-path}system/light/filters.svg#primary--hover'); 
+  --icon__system_filters_primary--active: url('#{$icons-path}system/light/filters.svg#primary--active'); 
+  --icon__system_filters_primary--disabled: url('#{$icons-path}system/light/filters.svg#primary--disabled'); 
   --icon__system_expand_on-surface--enabled: url('#{$icons-path}system/light/expand.svg#on-surface--enabled'); 
   --icon__system_expand_on-surface--hover: url('#{$icons-path}system/light/expand.svg#on-surface--hover'); 
   --icon__system_expand_on-surface--active: url('#{$icons-path}system/light/expand.svg#on-surface--active'); 
   --icon__system_expand_on-surface--disabled: url('#{$icons-path}system/light/expand.svg#on-surface--disabled'); 
   --icon__system_expand_on-elevation--enabled: url('#{$icons-path}system/light/expand.svg#on-elevation--enabled'); 
+  --icon__system_expand_primary--enabled: url('#{$icons-path}system/light/expand.svg#primary--enabled'); 
+  --icon__system_expand_primary--hover: url('#{$icons-path}system/light/expand.svg#primary--hover'); 
+  --icon__system_expand_primary--active: url('#{$icons-path}system/light/expand.svg#primary--active'); 
+  --icon__system_expand_primary--disabled: url('#{$icons-path}system/light/expand.svg#primary--disabled'); 
   --icon__system_edit_on-surface--enabled: url('#{$icons-path}system/light/edit.svg#on-surface--enabled'); 
   --icon__system_edit_on-surface--hover: url('#{$icons-path}system/light/edit.svg#on-surface--hover'); 
   --icon__system_edit_on-surface--active: url('#{$icons-path}system/light/edit.svg#on-surface--active'); 
   --icon__system_edit_on-surface--disabled: url('#{$icons-path}system/light/edit.svg#on-surface--disabled'); 
   --icon__system_edit_on-elevation--enabled: url('#{$icons-path}system/light/edit.svg#on-elevation--enabled'); 
+  --icon__system_edit_primary--enabled: url('#{$icons-path}system/light/edit.svg#primary--enabled'); 
+  --icon__system_edit_primary--hover: url('#{$icons-path}system/light/edit.svg#primary--hover'); 
+  --icon__system_edit_primary--active: url('#{$icons-path}system/light/edit.svg#primary--active'); 
+  --icon__system_edit_primary--disabled: url('#{$icons-path}system/light/edit.svg#primary--disabled'); 
   --icon__system_edit-filled_on-surface--enabled: url('#{$icons-path}system/light/edit-filled.svg#on-surface--enabled'); 
   --icon__system_edit-filled_on-surface--hover: url('#{$icons-path}system/light/edit-filled.svg#on-surface--hover'); 
   --icon__system_edit-filled_on-surface--active: url('#{$icons-path}system/light/edit-filled.svg#on-surface--active'); 
   --icon__system_edit-filled_on-surface--disabled: url('#{$icons-path}system/light/edit-filled.svg#on-surface--disabled'); 
   --icon__system_edit-filled_on-elevation--enabled: url('#{$icons-path}system/light/edit-filled.svg#on-elevation--enabled'); 
+  --icon__system_edit-filled_primary--enabled: url('#{$icons-path}system/light/edit-filled.svg#primary--enabled'); 
+  --icon__system_edit-filled_primary--hover: url('#{$icons-path}system/light/edit-filled.svg#primary--hover'); 
+  --icon__system_edit-filled_primary--active: url('#{$icons-path}system/light/edit-filled.svg#primary--active'); 
+  --icon__system_edit-filled_primary--disabled: url('#{$icons-path}system/light/edit-filled.svg#primary--disabled'); 
   --icon__system_draft_on-surface--enabled: url('#{$icons-path}system/light/draft.svg#on-surface--enabled'); 
   --icon__system_draft_on-surface--hover: url('#{$icons-path}system/light/draft.svg#on-surface--hover'); 
   --icon__system_draft_on-surface--active: url('#{$icons-path}system/light/draft.svg#on-surface--active'); 
   --icon__system_draft_on-surface--disabled: url('#{$icons-path}system/light/draft.svg#on-surface--disabled'); 
   --icon__system_draft_on-elevation--enabled: url('#{$icons-path}system/light/draft.svg#on-elevation--enabled'); 
+  --icon__system_draft_primary--enabled: url('#{$icons-path}system/light/draft.svg#primary--enabled'); 
+  --icon__system_draft_primary--hover: url('#{$icons-path}system/light/draft.svg#primary--hover'); 
+  --icon__system_draft_primary--active: url('#{$icons-path}system/light/draft.svg#primary--active'); 
+  --icon__system_draft_primary--disabled: url('#{$icons-path}system/light/draft.svg#primary--disabled'); 
   --icon__system_download_on-surface--enabled: url('#{$icons-path}system/light/download.svg#on-surface--enabled'); 
   --icon__system_download_on-surface--hover: url('#{$icons-path}system/light/download.svg#on-surface--hover'); 
   --icon__system_download_on-surface--active: url('#{$icons-path}system/light/download.svg#on-surface--active'); 
   --icon__system_download_on-surface--disabled: url('#{$icons-path}system/light/download.svg#on-surface--disabled'); 
   --icon__system_download_on-elevation--enabled: url('#{$icons-path}system/light/download.svg#on-elevation--enabled'); 
+  --icon__system_download_primary--enabled: url('#{$icons-path}system/light/download.svg#primary--enabled'); 
+  --icon__system_download_primary--hover: url('#{$icons-path}system/light/download.svg#primary--hover'); 
+  --icon__system_download_primary--active: url('#{$icons-path}system/light/download.svg#primary--active'); 
+  --icon__system_download_primary--disabled: url('#{$icons-path}system/light/download.svg#primary--disabled'); 
   --icon__system_detail_on-surface--enabled: url('#{$icons-path}system/light/detail.svg#on-surface--enabled'); 
   --icon__system_detail_on-surface--hover: url('#{$icons-path}system/light/detail.svg#on-surface--hover'); 
   --icon__system_detail_on-surface--active: url('#{$icons-path}system/light/detail.svg#on-surface--active'); 
   --icon__system_detail_on-surface--disabled: url('#{$icons-path}system/light/detail.svg#on-surface--disabled'); 
   --icon__system_detail_on-elevation--enabled: url('#{$icons-path}system/light/detail.svg#on-elevation--enabled'); 
+  --icon__system_detail_primary--enabled: url('#{$icons-path}system/light/detail.svg#primary--enabled'); 
+  --icon__system_detail_primary--hover: url('#{$icons-path}system/light/detail.svg#primary--hover'); 
+  --icon__system_detail_primary--active: url('#{$icons-path}system/light/detail.svg#primary--active'); 
+  --icon__system_detail_primary--disabled: url('#{$icons-path}system/light/detail.svg#primary--disabled'); 
   --icon__system_delete-outlined_on-surface--enabled: url('#{$icons-path}system/light/delete-outlined.svg#on-surface--enabled'); 
   --icon__system_delete-outlined_on-surface--hover: url('#{$icons-path}system/light/delete-outlined.svg#on-surface--hover'); 
   --icon__system_delete-outlined_on-surface--active: url('#{$icons-path}system/light/delete-outlined.svg#on-surface--active'); 
   --icon__system_delete-outlined_on-surface--disabled: url('#{$icons-path}system/light/delete-outlined.svg#on-surface--disabled'); 
   --icon__system_delete-outlined_on-elevation--enabled: url('#{$icons-path}system/light/delete-outlined.svg#on-elevation--enabled'); 
+  --icon__system_delete-outlined_primary--enabled: url('#{$icons-path}system/light/delete-outlined.svg#primary--enabled'); 
+  --icon__system_delete-outlined_primary--hover: url('#{$icons-path}system/light/delete-outlined.svg#primary--hover'); 
+  --icon__system_delete-outlined_primary--active: url('#{$icons-path}system/light/delete-outlined.svg#primary--active'); 
+  --icon__system_delete-outlined_primary--disabled: url('#{$icons-path}system/light/delete-outlined.svg#primary--disabled'); 
   --icon__system_delete-filled_on-surface--enabled: url('#{$icons-path}system/light/delete-filled.svg#on-surface--enabled'); 
   --icon__system_delete-filled_on-surface--hover: url('#{$icons-path}system/light/delete-filled.svg#on-surface--hover'); 
   --icon__system_delete-filled_on-surface--active: url('#{$icons-path}system/light/delete-filled.svg#on-surface--active'); 
   --icon__system_delete-filled_on-surface--disabled: url('#{$icons-path}system/light/delete-filled.svg#on-surface--disabled'); 
   --icon__system_delete-filled_on-elevation--enabled: url('#{$icons-path}system/light/delete-filled.svg#on-elevation--enabled'); 
+  --icon__system_delete-filled_primary--enabled: url('#{$icons-path}system/light/delete-filled.svg#primary--enabled'); 
+  --icon__system_delete-filled_primary--hover: url('#{$icons-path}system/light/delete-filled.svg#primary--hover'); 
+  --icon__system_delete-filled_primary--active: url('#{$icons-path}system/light/delete-filled.svg#primary--active'); 
+  --icon__system_delete-filled_primary--disabled: url('#{$icons-path}system/light/delete-filled.svg#primary--disabled'); 
   --icon__system_database_on-surface--enabled: url('#{$icons-path}system/light/database.svg#on-surface--enabled'); 
   --icon__system_database_on-surface--hover: url('#{$icons-path}system/light/database.svg#on-surface--hover'); 
   --icon__system_database_on-surface--active: url('#{$icons-path}system/light/database.svg#on-surface--active'); 
   --icon__system_database_on-surface--disabled: url('#{$icons-path}system/light/database.svg#on-surface--disabled'); 
   --icon__system_database_on-elevation--enabled: url('#{$icons-path}system/light/database.svg#on-elevation--enabled'); 
+  --icon__system_database_primary--enabled: url('#{$icons-path}system/light/database.svg#primary--enabled'); 
+  --icon__system_database_primary--hover: url('#{$icons-path}system/light/database.svg#primary--hover'); 
+  --icon__system_database_primary--active: url('#{$icons-path}system/light/database.svg#primary--active'); 
+  --icon__system_database_primary--disabled: url('#{$icons-path}system/light/database.svg#primary--disabled'); 
   --icon__system_data-modeling_on-surface--enabled: url('#{$icons-path}system/light/data-modeling.svg#on-surface--enabled'); 
   --icon__system_data-modeling_on-surface--hover: url('#{$icons-path}system/light/data-modeling.svg#on-surface--hover'); 
   --icon__system_data-modeling_on-surface--active: url('#{$icons-path}system/light/data-modeling.svg#on-surface--active'); 
   --icon__system_data-modeling_on-surface--disabled: url('#{$icons-path}system/light/data-modeling.svg#on-surface--disabled'); 
   --icon__system_data-modeling_on-elevation--enabled: url('#{$icons-path}system/light/data-modeling.svg#on-elevation--enabled'); 
+  --icon__system_data-modeling_primary--enabled: url('#{$icons-path}system/light/data-modeling.svg#primary--enabled'); 
+  --icon__system_data-modeling_primary--hover: url('#{$icons-path}system/light/data-modeling.svg#primary--hover'); 
+  --icon__system_data-modeling_primary--active: url('#{$icons-path}system/light/data-modeling.svg#primary--active'); 
+  --icon__system_data-modeling_primary--disabled: url('#{$icons-path}system/light/data-modeling.svg#primary--disabled'); 
   --icon__system_dashboard_on-surface--enabled: url('#{$icons-path}system/light/dashboard.svg#on-surface--enabled'); 
   --icon__system_dashboard_on-surface--hover: url('#{$icons-path}system/light/dashboard.svg#on-surface--hover'); 
   --icon__system_dashboard_on-surface--active: url('#{$icons-path}system/light/dashboard.svg#on-surface--active'); 
   --icon__system_dashboard_on-surface--disabled: url('#{$icons-path}system/light/dashboard.svg#on-surface--disabled'); 
   --icon__system_dashboard_on-elevation--enabled: url('#{$icons-path}system/light/dashboard.svg#on-elevation--enabled'); 
+  --icon__system_dashboard_primary--enabled: url('#{$icons-path}system/light/dashboard.svg#primary--enabled'); 
+  --icon__system_dashboard_primary--hover: url('#{$icons-path}system/light/dashboard.svg#primary--hover'); 
+  --icon__system_dashboard_primary--active: url('#{$icons-path}system/light/dashboard.svg#primary--active'); 
+  --icon__system_dashboard_primary--disabled: url('#{$icons-path}system/light/dashboard.svg#primary--disabled'); 
   --icon__system_dark-mode_on-surface--enabled: url('#{$icons-path}system/light/dark-mode.svg#on-surface--enabled'); 
   --icon__system_dark-mode_on-surface--hover: url('#{$icons-path}system/light/dark-mode.svg#on-surface--hover'); 
   --icon__system_dark-mode_on-surface--active: url('#{$icons-path}system/light/dark-mode.svg#on-surface--active'); 
   --icon__system_dark-mode_on-surface--disabled: url('#{$icons-path}system/light/dark-mode.svg#on-surface--disabled'); 
   --icon__system_dark-mode_on-elevation--enabled: url('#{$icons-path}system/light/dark-mode.svg#on-elevation--enabled'); 
+  --icon__system_dark-mode_primary--enabled: url('#{$icons-path}system/light/dark-mode.svg#primary--enabled'); 
+  --icon__system_dark-mode_primary--hover: url('#{$icons-path}system/light/dark-mode.svg#primary--hover'); 
+  --icon__system_dark-mode_primary--active: url('#{$icons-path}system/light/dark-mode.svg#primary--active'); 
+  --icon__system_dark-mode_primary--disabled: url('#{$icons-path}system/light/dark-mode.svg#primary--disabled'); 
   --icon__system_copy_on-surface--enabled: url('#{$icons-path}system/light/copy.svg#on-surface--enabled'); 
   --icon__system_copy_on-surface--hover: url('#{$icons-path}system/light/copy.svg#on-surface--hover'); 
   --icon__system_copy_on-surface--active: url('#{$icons-path}system/light/copy.svg#on-surface--active'); 
   --icon__system_copy_on-surface--disabled: url('#{$icons-path}system/light/copy.svg#on-surface--disabled'); 
   --icon__system_copy_on-elevation--enabled: url('#{$icons-path}system/light/copy.svg#on-elevation--enabled'); 
+  --icon__system_copy_primary--enabled: url('#{$icons-path}system/light/copy.svg#primary--enabled'); 
+  --icon__system_copy_primary--hover: url('#{$icons-path}system/light/copy.svg#primary--hover'); 
+  --icon__system_copy_primary--active: url('#{$icons-path}system/light/copy.svg#primary--active'); 
+  --icon__system_copy_primary--disabled: url('#{$icons-path}system/light/copy.svg#primary--disabled'); 
   --icon__system_contact_on-surface--enabled: url('#{$icons-path}system/light/contact.svg#on-surface--enabled'); 
   --icon__system_contact_on-surface--hover: url('#{$icons-path}system/light/contact.svg#on-surface--hover'); 
   --icon__system_contact_on-surface--active: url('#{$icons-path}system/light/contact.svg#on-surface--active'); 
   --icon__system_contact_on-surface--disabled: url('#{$icons-path}system/light/contact.svg#on-surface--disabled'); 
   --icon__system_contact_on-elevation--enabled: url('#{$icons-path}system/light/contact.svg#on-elevation--enabled'); 
+  --icon__system_contact_primary--enabled: url('#{$icons-path}system/light/contact.svg#primary--enabled'); 
+  --icon__system_contact_primary--hover: url('#{$icons-path}system/light/contact.svg#primary--hover'); 
+  --icon__system_contact_primary--active: url('#{$icons-path}system/light/contact.svg#primary--active'); 
+  --icon__system_contact_primary--disabled: url('#{$icons-path}system/light/contact.svg#primary--disabled'); 
   --icon__system_close_on-surface--enabled: url('#{$icons-path}system/light/close.svg#on-surface--enabled'); 
   --icon__system_close_on-surface--hover: url('#{$icons-path}system/light/close.svg#on-surface--hover'); 
   --icon__system_close_on-surface--active: url('#{$icons-path}system/light/close.svg#on-surface--active'); 
   --icon__system_close_on-surface--disabled: url('#{$icons-path}system/light/close.svg#on-surface--disabled'); 
   --icon__system_close_on-elevation--enabled: url('#{$icons-path}system/light/close.svg#on-elevation--enabled'); 
+  --icon__system_close_primary--enabled: url('#{$icons-path}system/light/close.svg#primary--enabled'); 
+  --icon__system_close_primary--hover: url('#{$icons-path}system/light/close.svg#primary--hover'); 
+  --icon__system_close_primary--active: url('#{$icons-path}system/light/close.svg#primary--active'); 
+  --icon__system_close_primary--disabled: url('#{$icons-path}system/light/close.svg#primary--disabled'); 
   --icon__system_check_on-surface--enabled: url('#{$icons-path}system/light/check.svg#on-surface--enabled'); 
   --icon__system_check_on-surface--hover: url('#{$icons-path}system/light/check.svg#on-surface--hover'); 
   --icon__system_check_on-surface--active: url('#{$icons-path}system/light/check.svg#on-surface--active'); 
   --icon__system_check_on-surface--disabled: url('#{$icons-path}system/light/check.svg#on-surface--disabled'); 
   --icon__system_check_on-elevation--enabled: url('#{$icons-path}system/light/check.svg#on-elevation--enabled'); 
+  --icon__system_check_primary--enabled: url('#{$icons-path}system/light/check.svg#primary--enabled'); 
+  --icon__system_check_primary--hover: url('#{$icons-path}system/light/check.svg#primary--hover'); 
+  --icon__system_check_primary--active: url('#{$icons-path}system/light/check.svg#primary--active'); 
+  --icon__system_check_primary--disabled: url('#{$icons-path}system/light/check.svg#primary--disabled'); 
   --icon__system_card-variant_on-surface--enabled: url('#{$icons-path}system/light/card-variant.svg#on-surface--enabled'); 
   --icon__system_card-variant_on-surface--hover: url('#{$icons-path}system/light/card-variant.svg#on-surface--hover'); 
   --icon__system_card-variant_on-surface--active: url('#{$icons-path}system/light/card-variant.svg#on-surface--active'); 
   --icon__system_card-variant_on-surface--disabled: url('#{$icons-path}system/light/card-variant.svg#on-surface--disabled'); 
   --icon__system_card-variant_on-elevation--enabled: url('#{$icons-path}system/light/card-variant.svg#on-elevation--enabled'); 
+  --icon__system_card-variant_primary--enabled: url('#{$icons-path}system/light/card-variant.svg#primary--enabled'); 
+  --icon__system_card-variant_primary--hover: url('#{$icons-path}system/light/card-variant.svg#primary--hover'); 
+  --icon__system_card-variant_primary--active: url('#{$icons-path}system/light/card-variant.svg#primary--active'); 
+  --icon__system_card-variant_primary--disabled: url('#{$icons-path}system/light/card-variant.svg#primary--disabled'); 
   --icon__system_arrow-up_on-surface--enabled: url('#{$icons-path}system/light/arrow-up.svg#on-surface--enabled'); 
   --icon__system_arrow-up_on-surface--hover: url('#{$icons-path}system/light/arrow-up.svg#on-surface--hover'); 
   --icon__system_arrow-up_on-surface--active: url('#{$icons-path}system/light/arrow-up.svg#on-surface--active'); 
   --icon__system_arrow-up_on-surface--disabled: url('#{$icons-path}system/light/arrow-up.svg#on-surface--disabled'); 
   --icon__system_arrow-up_on-elevation--enabled: url('#{$icons-path}system/light/arrow-up.svg#on-elevation--enabled'); 
+  --icon__system_arrow-up_primary--enabled: url('#{$icons-path}system/light/arrow-up.svg#primary--enabled'); 
+  --icon__system_arrow-up_primary--hover: url('#{$icons-path}system/light/arrow-up.svg#primary--hover'); 
+  --icon__system_arrow-up_primary--active: url('#{$icons-path}system/light/arrow-up.svg#primary--active'); 
+  --icon__system_arrow-up_primary--disabled: url('#{$icons-path}system/light/arrow-up.svg#primary--disabled'); 
   --icon__system_arrow-right_on-surface--enabled: url('#{$icons-path}system/light/arrow-right.svg#on-surface--enabled'); 
   --icon__system_arrow-right_on-surface--hover: url('#{$icons-path}system/light/arrow-right.svg#on-surface--hover'); 
   --icon__system_arrow-right_on-surface--active: url('#{$icons-path}system/light/arrow-right.svg#on-surface--active'); 
   --icon__system_arrow-right_on-surface--disabled: url('#{$icons-path}system/light/arrow-right.svg#on-surface--disabled'); 
   --icon__system_arrow-right_on-elevation--enabled: url('#{$icons-path}system/light/arrow-right.svg#on-elevation--enabled'); 
+  --icon__system_arrow-right_primary--enabled: url('#{$icons-path}system/light/arrow-right.svg#primary--enabled'); 
+  --icon__system_arrow-right_primary--hover: url('#{$icons-path}system/light/arrow-right.svg#primary--hover'); 
+  --icon__system_arrow-right_primary--active: url('#{$icons-path}system/light/arrow-right.svg#primary--active'); 
+  --icon__system_arrow-right_primary--disabled: url('#{$icons-path}system/light/arrow-right.svg#primary--disabled'); 
   --icon__system_arrow-left_on-surface--enabled: url('#{$icons-path}system/light/arrow-left.svg#on-surface--enabled'); 
   --icon__system_arrow-left_on-surface--hover: url('#{$icons-path}system/light/arrow-left.svg#on-surface--hover'); 
   --icon__system_arrow-left_on-surface--active: url('#{$icons-path}system/light/arrow-left.svg#on-surface--active'); 
   --icon__system_arrow-left_on-surface--disabled: url('#{$icons-path}system/light/arrow-left.svg#on-surface--disabled'); 
   --icon__system_arrow-left_on-elevation--enabled: url('#{$icons-path}system/light/arrow-left.svg#on-elevation--enabled'); 
+  --icon__system_arrow-left_primary--enabled: url('#{$icons-path}system/light/arrow-left.svg#primary--enabled'); 
+  --icon__system_arrow-left_primary--hover: url('#{$icons-path}system/light/arrow-left.svg#primary--hover'); 
+  --icon__system_arrow-left_primary--active: url('#{$icons-path}system/light/arrow-left.svg#primary--active'); 
+  --icon__system_arrow-left_primary--disabled: url('#{$icons-path}system/light/arrow-left.svg#primary--disabled'); 
   --icon__system_arrow-down_on-surface--enabled: url('#{$icons-path}system/light/arrow-down.svg#on-surface--enabled'); 
   --icon__system_arrow-down_on-surface--hover: url('#{$icons-path}system/light/arrow-down.svg#on-surface--hover'); 
   --icon__system_arrow-down_on-surface--active: url('#{$icons-path}system/light/arrow-down.svg#on-surface--active'); 
   --icon__system_arrow-down_on-surface--disabled: url('#{$icons-path}system/light/arrow-down.svg#on-surface--disabled'); 
   --icon__system_arrow-down_on-elevation--enabled: url('#{$icons-path}system/light/arrow-down.svg#on-elevation--enabled'); 
+  --icon__system_arrow-down_primary--enabled: url('#{$icons-path}system/light/arrow-down.svg#primary--enabled'); 
+  --icon__system_arrow-down_primary--hover: url('#{$icons-path}system/light/arrow-down.svg#primary--hover'); 
+  --icon__system_arrow-down_primary--active: url('#{$icons-path}system/light/arrow-down.svg#primary--active'); 
+  --icon__system_arrow-down_primary--disabled: url('#{$icons-path}system/light/arrow-down.svg#primary--disabled'); 
   --icon__system_applications_on-surface--enabled: url('#{$icons-path}system/light/applications.svg#on-surface--enabled'); 
   --icon__system_applications_on-surface--hover: url('#{$icons-path}system/light/applications.svg#on-surface--hover'); 
   --icon__system_applications_on-surface--active: url('#{$icons-path}system/light/applications.svg#on-surface--active'); 
   --icon__system_applications_on-surface--disabled: url('#{$icons-path}system/light/applications.svg#on-surface--disabled'); 
   --icon__system_applications_on-elevation--enabled: url('#{$icons-path}system/light/applications.svg#on-elevation--enabled'); 
+  --icon__system_applications_primary--enabled: url('#{$icons-path}system/light/applications.svg#primary--enabled'); 
+  --icon__system_applications_primary--hover: url('#{$icons-path}system/light/applications.svg#primary--hover'); 
+  --icon__system_applications_primary--active: url('#{$icons-path}system/light/applications.svg#primary--active'); 
+  --icon__system_applications_primary--disabled: url('#{$icons-path}system/light/applications.svg#primary--disabled'); 
   --icon__system_ai_on-surface--enabled: url('#{$icons-path}system/light/ai.svg#on-surface--enabled'); 
   --icon__system_ai_on-surface--hover: url('#{$icons-path}system/light/ai.svg#on-surface--hover'); 
   --icon__system_ai_on-surface--active: url('#{$icons-path}system/light/ai.svg#on-surface--active'); 
   --icon__system_ai_on-surface--disabled: url('#{$icons-path}system/light/ai.svg#on-surface--disabled'); 
   --icon__system_ai_on-elevation--enabled: url('#{$icons-path}system/light/ai.svg#on-elevation--enabled'); 
+  --icon__system_ai_primary--enabled: url('#{$icons-path}system/light/ai.svg#primary--enabled'); 
+  --icon__system_ai_primary--hover: url('#{$icons-path}system/light/ai.svg#primary--hover'); 
+  --icon__system_ai_primary--active: url('#{$icons-path}system/light/ai.svg#primary--active'); 
+  --icon__system_ai_primary--disabled: url('#{$icons-path}system/light/ai.svg#primary--disabled'); 
   --icon__system_add_on-surface--enabled: url('#{$icons-path}system/light/add.svg#on-surface--enabled'); 
   --icon__system_add_on-surface--hover: url('#{$icons-path}system/light/add.svg#on-surface--hover'); 
   --icon__system_add_on-surface--active: url('#{$icons-path}system/light/add.svg#on-surface--active'); 
   --icon__system_add_on-surface--disabled: url('#{$icons-path}system/light/add.svg#on-surface--disabled'); 
   --icon__system_add_on-elevation--enabled: url('#{$icons-path}system/light/add.svg#on-elevation--enabled'); 
+  --icon__system_add_primary--enabled: url('#{$icons-path}system/light/add.svg#primary--enabled'); 
+  --icon__system_add_primary--hover: url('#{$icons-path}system/light/add.svg#primary--hover'); 
+  --icon__system_add_primary--active: url('#{$icons-path}system/light/add.svg#primary--active'); 
+  --icon__system_add_primary--disabled: url('#{$icons-path}system/light/add.svg#primary--disabled'); 
   --icon__system_add-circle_on-surface--enabled: url('#{$icons-path}system/light/add-circle.svg#on-surface--enabled'); 
   --icon__system_add-circle_on-surface--hover: url('#{$icons-path}system/light/add-circle.svg#on-surface--hover'); 
   --icon__system_add-circle_on-surface--active: url('#{$icons-path}system/light/add-circle.svg#on-surface--active'); 
   --icon__system_add-circle_on-surface--disabled: url('#{$icons-path}system/light/add-circle.svg#on-surface--disabled'); 
   --icon__system_add-circle_on-elevation--enabled: url('#{$icons-path}system/light/add-circle.svg#on-elevation--enabled'); 
+  --icon__system_add-circle_primary--enabled: url('#{$icons-path}system/light/add-circle.svg#primary--enabled'); 
+  --icon__system_add-circle_primary--hover: url('#{$icons-path}system/light/add-circle.svg#primary--hover'); 
+  --icon__system_add-circle_primary--active: url('#{$icons-path}system/light/add-circle.svg#primary--active'); 
+  --icon__system_add-circle_primary--disabled: url('#{$icons-path}system/light/add-circle.svg#primary--disabled'); 
   --icon__system_Cut_on-surface--enabled: url('#{$icons-path}system/light/Cut.svg#on-surface--enabled'); 
   --icon__system_Cut_on-surface--hover: url('#{$icons-path}system/light/Cut.svg#on-surface--hover'); 
   --icon__system_Cut_on-surface--active: url('#{$icons-path}system/light/Cut.svg#on-surface--active'); 
   --icon__system_Cut_on-surface--disabled: url('#{$icons-path}system/light/Cut.svg#on-surface--disabled'); 
   --icon__system_Cut_on-elevation--enabled: url('#{$icons-path}system/light/Cut.svg#on-elevation--enabled'); 
+  --icon__system_Cut_primary--enabled: url('#{$icons-path}system/light/Cut.svg#primary--enabled'); 
+  --icon__system_Cut_primary--hover: url('#{$icons-path}system/light/Cut.svg#primary--hover'); 
+  --icon__system_Cut_primary--active: url('#{$icons-path}system/light/Cut.svg#primary--active'); 
+  --icon__system_Cut_primary--disabled: url('#{$icons-path}system/light/Cut.svg#primary--disabled'); 
   --icon__system_Card_on-surface--enabled: url('#{$icons-path}system/light/Card.svg#on-surface--enabled'); 
   --icon__system_Card_on-surface--hover: url('#{$icons-path}system/light/Card.svg#on-surface--hover'); 
   --icon__system_Card_on-surface--active: url('#{$icons-path}system/light/Card.svg#on-surface--active'); 
   --icon__system_Card_on-surface--disabled: url('#{$icons-path}system/light/Card.svg#on-surface--disabled'); 
   --icon__system_Card_on-elevation--enabled: url('#{$icons-path}system/light/Card.svg#on-elevation--enabled'); 
+  --icon__system_Card_primary--enabled: url('#{$icons-path}system/light/Card.svg#primary--enabled'); 
+  --icon__system_Card_primary--hover: url('#{$icons-path}system/light/Card.svg#primary--hover'); 
+  --icon__system_Card_primary--active: url('#{$icons-path}system/light/Card.svg#primary--active'); 
+  --icon__system_Card_primary--disabled: url('#{$icons-path}system/light/Card.svg#primary--disabled'); 
   --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--enabled'); 
   --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/light/Assistant.svg#on-surface--hover'); 
   --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/light/Assistant.svg#on-surface--active'); 
   --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/light/Assistant.svg#on-surface--disabled'); 
   --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/light/Assistant.svg#on-elevation--enabled'); 
+  --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/light/Assistant.svg#primary--enabled'); 
+  --icon__system_Assistant_primary--hover: url('#{$icons-path}system/light/Assistant.svg#primary--hover'); 
+  --icon__system_Assistant_primary--active: url('#{$icons-path}system/light/Assistant.svg#primary--active'); 
+  --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/light/Assistant.svg#primary--disabled'); 
 
   }
 
@@ -10295,361 +10574,649 @@ Body Spacing
   --icon__system_warning_on-surface--active: url('#{$icons-path}system/dark/warning.svg#on-surface--active'); 
   --icon__system_warning_on-surface--disabled: url('#{$icons-path}system/dark/warning.svg#on-surface--disabled'); 
   --icon__system_warning_on-elevation--enabled: url('#{$icons-path}system/dark/warning.svg#on-elevation--enabled'); 
+  --icon__system_warning_primary--enabled: url('#{$icons-path}system/dark/warning.svg#primary--enabled'); 
+  --icon__system_warning_primary--hover: url('#{$icons-path}system/dark/warning.svg#primary--hover'); 
+  --icon__system_warning_primary--active: url('#{$icons-path}system/dark/warning.svg#primary--active'); 
+  --icon__system_warning_primary--disabled: url('#{$icons-path}system/dark/warning.svg#primary--disabled'); 
   --icon__system_warning-circle_on-surface--enabled: url('#{$icons-path}system/dark/warning-circle.svg#on-surface--enabled'); 
   --icon__system_warning-circle_on-surface--hover: url('#{$icons-path}system/dark/warning-circle.svg#on-surface--hover'); 
   --icon__system_warning-circle_on-surface--active: url('#{$icons-path}system/dark/warning-circle.svg#on-surface--active'); 
   --icon__system_warning-circle_on-surface--disabled: url('#{$icons-path}system/dark/warning-circle.svg#on-surface--disabled'); 
   --icon__system_warning-circle_on-elevation--enabled: url('#{$icons-path}system/dark/warning-circle.svg#on-elevation--enabled'); 
+  --icon__system_warning-circle_primary--enabled: url('#{$icons-path}system/dark/warning-circle.svg#primary--enabled'); 
+  --icon__system_warning-circle_primary--hover: url('#{$icons-path}system/dark/warning-circle.svg#primary--hover'); 
+  --icon__system_warning-circle_primary--active: url('#{$icons-path}system/dark/warning-circle.svg#primary--active'); 
+  --icon__system_warning-circle_primary--disabled: url('#{$icons-path}system/dark/warning-circle.svg#primary--disabled'); 
   --icon__system_version_on-surface--enabled: url('#{$icons-path}system/dark/version.svg#on-surface--enabled'); 
   --icon__system_version_on-surface--hover: url('#{$icons-path}system/dark/version.svg#on-surface--hover'); 
   --icon__system_version_on-surface--active: url('#{$icons-path}system/dark/version.svg#on-surface--active'); 
   --icon__system_version_on-surface--disabled: url('#{$icons-path}system/dark/version.svg#on-surface--disabled'); 
   --icon__system_version_on-elevation--enabled: url('#{$icons-path}system/dark/version.svg#on-elevation--enabled'); 
+  --icon__system_version_primary--enabled: url('#{$icons-path}system/dark/version.svg#primary--enabled'); 
+  --icon__system_version_primary--hover: url('#{$icons-path}system/dark/version.svg#primary--hover'); 
+  --icon__system_version_primary--active: url('#{$icons-path}system/dark/version.svg#primary--active'); 
+  --icon__system_version_primary--disabled: url('#{$icons-path}system/dark/version.svg#primary--disabled'); 
   --icon__system_user_on-surface--enabled: url('#{$icons-path}system/dark/user.svg#on-surface--enabled'); 
   --icon__system_user_on-surface--hover: url('#{$icons-path}system/dark/user.svg#on-surface--hover'); 
   --icon__system_user_on-surface--active: url('#{$icons-path}system/dark/user.svg#on-surface--active'); 
   --icon__system_user_on-surface--disabled: url('#{$icons-path}system/dark/user.svg#on-surface--disabled'); 
   --icon__system_user_on-elevation--enabled: url('#{$icons-path}system/dark/user.svg#on-elevation--enabled'); 
+  --icon__system_user_primary--enabled: url('#{$icons-path}system/dark/user.svg#primary--enabled'); 
+  --icon__system_user_primary--hover: url('#{$icons-path}system/dark/user.svg#primary--hover'); 
+  --icon__system_user_primary--active: url('#{$icons-path}system/dark/user.svg#primary--active'); 
+  --icon__system_user_primary--disabled: url('#{$icons-path}system/dark/user.svg#primary--disabled'); 
   --icon__system_undo_on-surface--enabled: url('#{$icons-path}system/dark/undo.svg#on-surface--enabled'); 
   --icon__system_undo_on-surface--hover: url('#{$icons-path}system/dark/undo.svg#on-surface--hover'); 
   --icon__system_undo_on-surface--active: url('#{$icons-path}system/dark/undo.svg#on-surface--active'); 
   --icon__system_undo_on-surface--disabled: url('#{$icons-path}system/dark/undo.svg#on-surface--disabled'); 
   --icon__system_undo_on-elevation--enabled: url('#{$icons-path}system/dark/undo.svg#on-elevation--enabled'); 
+  --icon__system_undo_primary--enabled: url('#{$icons-path}system/dark/undo.svg#primary--enabled'); 
+  --icon__system_undo_primary--hover: url('#{$icons-path}system/dark/undo.svg#primary--hover'); 
+  --icon__system_undo_primary--active: url('#{$icons-path}system/dark/undo.svg#primary--active'); 
+  --icon__system_undo_primary--disabled: url('#{$icons-path}system/dark/undo.svg#primary--disabled'); 
   --icon__system_tools_on-surface--enabled: url('#{$icons-path}system/dark/tools.svg#on-surface--enabled'); 
   --icon__system_tools_on-surface--hover: url('#{$icons-path}system/dark/tools.svg#on-surface--hover'); 
   --icon__system_tools_on-surface--active: url('#{$icons-path}system/dark/tools.svg#on-surface--active'); 
   --icon__system_tools_on-surface--disabled: url('#{$icons-path}system/dark/tools.svg#on-surface--disabled'); 
   --icon__system_tools_on-elevation--enabled: url('#{$icons-path}system/dark/tools.svg#on-elevation--enabled'); 
+  --icon__system_tools_primary--enabled: url('#{$icons-path}system/dark/tools.svg#primary--enabled'); 
+  --icon__system_tools_primary--hover: url('#{$icons-path}system/dark/tools.svg#primary--hover'); 
+  --icon__system_tools_primary--active: url('#{$icons-path}system/dark/tools.svg#primary--active'); 
+  --icon__system_tools_primary--disabled: url('#{$icons-path}system/dark/tools.svg#primary--disabled'); 
   --icon__system_time_on-surface--enabled: url('#{$icons-path}system/dark/time.svg#on-surface--enabled'); 
   --icon__system_time_on-surface--hover: url('#{$icons-path}system/dark/time.svg#on-surface--hover'); 
   --icon__system_time_on-surface--active: url('#{$icons-path}system/dark/time.svg#on-surface--active'); 
   --icon__system_time_on-surface--disabled: url('#{$icons-path}system/dark/time.svg#on-surface--disabled'); 
   --icon__system_time_on-elevation--enabled: url('#{$icons-path}system/dark/time.svg#on-elevation--enabled'); 
+  --icon__system_time_primary--enabled: url('#{$icons-path}system/dark/time.svg#primary--enabled'); 
+  --icon__system_time_primary--hover: url('#{$icons-path}system/dark/time.svg#primary--hover'); 
+  --icon__system_time_primary--active: url('#{$icons-path}system/dark/time.svg#primary--active'); 
+  --icon__system_time_primary--disabled: url('#{$icons-path}system/dark/time.svg#primary--disabled'); 
   --icon__system_thunder_on-surface--enabled: url('#{$icons-path}system/dark/thunder.svg#on-surface--enabled'); 
   --icon__system_thunder_on-surface--hover: url('#{$icons-path}system/dark/thunder.svg#on-surface--hover'); 
   --icon__system_thunder_on-surface--active: url('#{$icons-path}system/dark/thunder.svg#on-surface--active'); 
   --icon__system_thunder_on-surface--disabled: url('#{$icons-path}system/dark/thunder.svg#on-surface--disabled'); 
   --icon__system_thunder_on-elevation--enabled: url('#{$icons-path}system/dark/thunder.svg#on-elevation--enabled'); 
+  --icon__system_thunder_primary--enabled: url('#{$icons-path}system/dark/thunder.svg#primary--enabled'); 
+  --icon__system_thunder_primary--hover: url('#{$icons-path}system/dark/thunder.svg#primary--hover'); 
+  --icon__system_thunder_primary--active: url('#{$icons-path}system/dark/thunder.svg#primary--active'); 
+  --icon__system_thunder_primary--disabled: url('#{$icons-path}system/dark/thunder.svg#primary--disabled'); 
   --icon__system_success_on-surface--enabled: url('#{$icons-path}system/dark/success.svg#on-surface--enabled'); 
   --icon__system_success_on-surface--hover: url('#{$icons-path}system/dark/success.svg#on-surface--hover'); 
   --icon__system_success_on-surface--active: url('#{$icons-path}system/dark/success.svg#on-surface--active'); 
   --icon__system_success_on-surface--disabled: url('#{$icons-path}system/dark/success.svg#on-surface--disabled'); 
   --icon__system_success_on-elevation--enabled: url('#{$icons-path}system/dark/success.svg#on-elevation--enabled'); 
+  --icon__system_success_primary--enabled: url('#{$icons-path}system/dark/success.svg#primary--enabled'); 
+  --icon__system_success_primary--hover: url('#{$icons-path}system/dark/success.svg#primary--hover'); 
+  --icon__system_success_primary--active: url('#{$icons-path}system/dark/success.svg#primary--active'); 
+  --icon__system_success_primary--disabled: url('#{$icons-path}system/dark/success.svg#primary--disabled'); 
   --icon__system_show_on-surface--enabled: url('#{$icons-path}system/dark/show.svg#on-surface--enabled'); 
   --icon__system_show_on-surface--hover: url('#{$icons-path}system/dark/show.svg#on-surface--hover'); 
   --icon__system_show_on-surface--active: url('#{$icons-path}system/dark/show.svg#on-surface--active'); 
   --icon__system_show_on-surface--disabled: url('#{$icons-path}system/dark/show.svg#on-surface--disabled'); 
   --icon__system_show_on-elevation--enabled: url('#{$icons-path}system/dark/show.svg#on-elevation--enabled'); 
+  --icon__system_show_primary--enabled: url('#{$icons-path}system/dark/show.svg#primary--enabled'); 
+  --icon__system_show_primary--hover: url('#{$icons-path}system/dark/show.svg#primary--hover'); 
+  --icon__system_show_primary--active: url('#{$icons-path}system/dark/show.svg#primary--active'); 
+  --icon__system_show_primary--disabled: url('#{$icons-path}system/dark/show.svg#primary--disabled'); 
   --icon__system_share_on-surface--enabled: url('#{$icons-path}system/dark/share.svg#on-surface--enabled'); 
   --icon__system_share_on-surface--hover: url('#{$icons-path}system/dark/share.svg#on-surface--hover'); 
   --icon__system_share_on-surface--active: url('#{$icons-path}system/dark/share.svg#on-surface--active'); 
   --icon__system_share_on-surface--disabled: url('#{$icons-path}system/dark/share.svg#on-surface--disabled'); 
   --icon__system_share_on-elevation--enabled: url('#{$icons-path}system/dark/share.svg#on-elevation--enabled'); 
+  --icon__system_share_primary--enabled: url('#{$icons-path}system/dark/share.svg#primary--enabled'); 
+  --icon__system_share_primary--hover: url('#{$icons-path}system/dark/share.svg#primary--hover'); 
+  --icon__system_share_primary--active: url('#{$icons-path}system/dark/share.svg#primary--active'); 
+  --icon__system_share_primary--disabled: url('#{$icons-path}system/dark/share.svg#primary--disabled'); 
   --icon__system_settings_on-surface--enabled: url('#{$icons-path}system/dark/settings.svg#on-surface--enabled'); 
   --icon__system_settings_on-surface--hover: url('#{$icons-path}system/dark/settings.svg#on-surface--hover'); 
   --icon__system_settings_on-surface--active: url('#{$icons-path}system/dark/settings.svg#on-surface--active'); 
   --icon__system_settings_on-surface--disabled: url('#{$icons-path}system/dark/settings.svg#on-surface--disabled'); 
   --icon__system_settings_on-elevation--enabled: url('#{$icons-path}system/dark/settings.svg#on-elevation--enabled'); 
+  --icon__system_settings_primary--enabled: url('#{$icons-path}system/dark/settings.svg#primary--enabled'); 
+  --icon__system_settings_primary--hover: url('#{$icons-path}system/dark/settings.svg#primary--hover'); 
+  --icon__system_settings_primary--active: url('#{$icons-path}system/dark/settings.svg#primary--active'); 
+  --icon__system_settings_primary--disabled: url('#{$icons-path}system/dark/settings.svg#primary--disabled'); 
   --icon__system_send_on-surface--enabled: url('#{$icons-path}system/dark/send.svg#on-surface--enabled'); 
   --icon__system_send_on-surface--hover: url('#{$icons-path}system/dark/send.svg#on-surface--hover'); 
   --icon__system_send_on-surface--active: url('#{$icons-path}system/dark/send.svg#on-surface--active'); 
   --icon__system_send_on-surface--disabled: url('#{$icons-path}system/dark/send.svg#on-surface--disabled'); 
   --icon__system_send_on-elevation--enabled: url('#{$icons-path}system/dark/send.svg#on-elevation--enabled'); 
+  --icon__system_send_primary--enabled: url('#{$icons-path}system/dark/send.svg#primary--enabled'); 
+  --icon__system_send_primary--hover: url('#{$icons-path}system/dark/send.svg#primary--hover'); 
+  --icon__system_send_primary--active: url('#{$icons-path}system/dark/send.svg#primary--active'); 
+  --icon__system_send_primary--disabled: url('#{$icons-path}system/dark/send.svg#primary--disabled'); 
   --icon__system_search_on-surface--enabled: url('#{$icons-path}system/dark/search.svg#on-surface--enabled'); 
   --icon__system_search_on-surface--hover: url('#{$icons-path}system/dark/search.svg#on-surface--hover'); 
   --icon__system_search_on-surface--active: url('#{$icons-path}system/dark/search.svg#on-surface--active'); 
   --icon__system_search_on-surface--disabled: url('#{$icons-path}system/dark/search.svg#on-surface--disabled'); 
   --icon__system_search_on-elevation--enabled: url('#{$icons-path}system/dark/search.svg#on-elevation--enabled'); 
+  --icon__system_search_primary--enabled: url('#{$icons-path}system/dark/search.svg#primary--enabled'); 
+  --icon__system_search_primary--hover: url('#{$icons-path}system/dark/search.svg#primary--hover'); 
+  --icon__system_search_primary--active: url('#{$icons-path}system/dark/search.svg#primary--active'); 
+  --icon__system_search_primary--disabled: url('#{$icons-path}system/dark/search.svg#primary--disabled'); 
   --icon__system_save_on-surface--enabled: url('#{$icons-path}system/dark/save.svg#on-surface--enabled'); 
   --icon__system_save_on-surface--hover: url('#{$icons-path}system/dark/save.svg#on-surface--hover'); 
   --icon__system_save_on-surface--active: url('#{$icons-path}system/dark/save.svg#on-surface--active'); 
   --icon__system_save_on-surface--disabled: url('#{$icons-path}system/dark/save.svg#on-surface--disabled'); 
   --icon__system_save_on-elevation--enabled: url('#{$icons-path}system/dark/save.svg#on-elevation--enabled'); 
+  --icon__system_save_primary--enabled: url('#{$icons-path}system/dark/save.svg#primary--enabled'); 
+  --icon__system_save_primary--hover: url('#{$icons-path}system/dark/save.svg#primary--hover'); 
+  --icon__system_save_primary--active: url('#{$icons-path}system/dark/save.svg#primary--active'); 
+  --icon__system_save_primary--disabled: url('#{$icons-path}system/dark/save.svg#primary--disabled'); 
   --icon__system_run_on-surface--enabled: url('#{$icons-path}system/dark/run.svg#on-surface--enabled'); 
   --icon__system_run_on-surface--hover: url('#{$icons-path}system/dark/run.svg#on-surface--hover'); 
   --icon__system_run_on-surface--active: url('#{$icons-path}system/dark/run.svg#on-surface--active'); 
   --icon__system_run_on-surface--disabled: url('#{$icons-path}system/dark/run.svg#on-surface--disabled'); 
   --icon__system_run_on-elevation--enabled: url('#{$icons-path}system/dark/run.svg#on-elevation--enabled'); 
+  --icon__system_run_primary--enabled: url('#{$icons-path}system/dark/run.svg#primary--enabled'); 
+  --icon__system_run_primary--hover: url('#{$icons-path}system/dark/run.svg#primary--hover'); 
+  --icon__system_run_primary--active: url('#{$icons-path}system/dark/run.svg#primary--active'); 
+  --icon__system_run_primary--disabled: url('#{$icons-path}system/dark/run.svg#primary--disabled'); 
   --icon__system_retry_on-surface--enabled: url('#{$icons-path}system/dark/retry.svg#on-surface--enabled'); 
   --icon__system_retry_on-surface--hover: url('#{$icons-path}system/dark/retry.svg#on-surface--hover'); 
   --icon__system_retry_on-surface--active: url('#{$icons-path}system/dark/retry.svg#on-surface--active'); 
   --icon__system_retry_on-surface--disabled: url('#{$icons-path}system/dark/retry.svg#on-surface--disabled'); 
   --icon__system_retry_on-elevation--enabled: url('#{$icons-path}system/dark/retry.svg#on-elevation--enabled'); 
+  --icon__system_retry_primary--enabled: url('#{$icons-path}system/dark/retry.svg#primary--enabled'); 
+  --icon__system_retry_primary--hover: url('#{$icons-path}system/dark/retry.svg#primary--hover'); 
+  --icon__system_retry_primary--active: url('#{$icons-path}system/dark/retry.svg#primary--active'); 
+  --icon__system_retry_primary--disabled: url('#{$icons-path}system/dark/retry.svg#primary--disabled'); 
   --icon__system_refresh_on-surface--enabled: url('#{$icons-path}system/dark/refresh.svg#on-surface--enabled'); 
   --icon__system_refresh_on-surface--hover: url('#{$icons-path}system/dark/refresh.svg#on-surface--hover'); 
   --icon__system_refresh_on-surface--active: url('#{$icons-path}system/dark/refresh.svg#on-surface--active'); 
   --icon__system_refresh_on-surface--disabled: url('#{$icons-path}system/dark/refresh.svg#on-surface--disabled'); 
   --icon__system_refresh_on-elevation--enabled: url('#{$icons-path}system/dark/refresh.svg#on-elevation--enabled'); 
+  --icon__system_refresh_primary--enabled: url('#{$icons-path}system/dark/refresh.svg#primary--enabled'); 
+  --icon__system_refresh_primary--hover: url('#{$icons-path}system/dark/refresh.svg#primary--hover'); 
+  --icon__system_refresh_primary--active: url('#{$icons-path}system/dark/refresh.svg#primary--active'); 
+  --icon__system_refresh_primary--disabled: url('#{$icons-path}system/dark/refresh.svg#primary--disabled'); 
   --icon__system_query_on-surface--enabled: url('#{$icons-path}system/dark/query.svg#on-surface--enabled'); 
   --icon__system_query_on-surface--hover: url('#{$icons-path}system/dark/query.svg#on-surface--hover'); 
   --icon__system_query_on-surface--active: url('#{$icons-path}system/dark/query.svg#on-surface--active'); 
   --icon__system_query_on-surface--disabled: url('#{$icons-path}system/dark/query.svg#on-surface--disabled'); 
   --icon__system_query_on-elevation--enabled: url('#{$icons-path}system/dark/query.svg#on-elevation--enabled'); 
+  --icon__system_query_primary--enabled: url('#{$icons-path}system/dark/query.svg#primary--enabled'); 
+  --icon__system_query_primary--hover: url('#{$icons-path}system/dark/query.svg#primary--hover'); 
+  --icon__system_query_primary--active: url('#{$icons-path}system/dark/query.svg#primary--active'); 
+  --icon__system_query_primary--disabled: url('#{$icons-path}system/dark/query.svg#primary--disabled'); 
   --icon__system_qr-code_on-surface--enabled: url('#{$icons-path}system/dark/qr-code.svg#on-surface--enabled'); 
   --icon__system_qr-code_on-surface--hover: url('#{$icons-path}system/dark/qr-code.svg#on-surface--hover'); 
   --icon__system_qr-code_on-surface--active: url('#{$icons-path}system/dark/qr-code.svg#on-surface--active'); 
   --icon__system_qr-code_on-surface--disabled: url('#{$icons-path}system/dark/qr-code.svg#on-surface--disabled'); 
   --icon__system_qr-code_on-elevation--enabled: url('#{$icons-path}system/dark/qr-code.svg#on-elevation--enabled'); 
+  --icon__system_qr-code_primary--enabled: url('#{$icons-path}system/dark/qr-code.svg#primary--enabled'); 
+  --icon__system_qr-code_primary--hover: url('#{$icons-path}system/dark/qr-code.svg#primary--hover'); 
+  --icon__system_qr-code_primary--active: url('#{$icons-path}system/dark/qr-code.svg#primary--active'); 
+  --icon__system_qr-code_primary--disabled: url('#{$icons-path}system/dark/qr-code.svg#primary--disabled'); 
   --icon__system_publish_on-surface--enabled: url('#{$icons-path}system/dark/publish.svg#on-surface--enabled'); 
   --icon__system_publish_on-surface--hover: url('#{$icons-path}system/dark/publish.svg#on-surface--hover'); 
   --icon__system_publish_on-surface--active: url('#{$icons-path}system/dark/publish.svg#on-surface--active'); 
   --icon__system_publish_on-surface--disabled: url('#{$icons-path}system/dark/publish.svg#on-surface--disabled'); 
   --icon__system_publish_on-elevation--enabled: url('#{$icons-path}system/dark/publish.svg#on-elevation--enabled'); 
+  --icon__system_publish_primary--enabled: url('#{$icons-path}system/dark/publish.svg#primary--enabled'); 
+  --icon__system_publish_primary--hover: url('#{$icons-path}system/dark/publish.svg#primary--hover'); 
+  --icon__system_publish_primary--active: url('#{$icons-path}system/dark/publish.svg#primary--active'); 
+  --icon__system_publish_primary--disabled: url('#{$icons-path}system/dark/publish.svg#primary--disabled'); 
   --icon__system_property_on-surface--enabled: url('#{$icons-path}system/dark/property.svg#on-surface--enabled'); 
   --icon__system_property_on-surface--hover: url('#{$icons-path}system/dark/property.svg#on-surface--hover'); 
   --icon__system_property_on-surface--active: url('#{$icons-path}system/dark/property.svg#on-surface--active'); 
   --icon__system_property_on-surface--disabled: url('#{$icons-path}system/dark/property.svg#on-surface--disabled'); 
   --icon__system_property_on-elevation--enabled: url('#{$icons-path}system/dark/property.svg#on-elevation--enabled'); 
+  --icon__system_property_primary--enabled: url('#{$icons-path}system/dark/property.svg#primary--enabled'); 
+  --icon__system_property_primary--hover: url('#{$icons-path}system/dark/property.svg#primary--hover'); 
+  --icon__system_property_primary--active: url('#{$icons-path}system/dark/property.svg#primary--active'); 
+  --icon__system_property_primary--disabled: url('#{$icons-path}system/dark/property.svg#primary--disabled'); 
   --icon__system_notification_on-surface--enabled: url('#{$icons-path}system/dark/notification.svg#on-surface--enabled'); 
   --icon__system_notification_on-surface--hover: url('#{$icons-path}system/dark/notification.svg#on-surface--hover'); 
   --icon__system_notification_on-surface--active: url('#{$icons-path}system/dark/notification.svg#on-surface--active'); 
   --icon__system_notification_on-surface--disabled: url('#{$icons-path}system/dark/notification.svg#on-surface--disabled'); 
   --icon__system_notification_on-elevation--enabled: url('#{$icons-path}system/dark/notification.svg#on-elevation--enabled'); 
+  --icon__system_notification_primary--enabled: url('#{$icons-path}system/dark/notification.svg#primary--enabled'); 
+  --icon__system_notification_primary--hover: url('#{$icons-path}system/dark/notification.svg#primary--hover'); 
+  --icon__system_notification_primary--active: url('#{$icons-path}system/dark/notification.svg#primary--active'); 
+  --icon__system_notification_primary--disabled: url('#{$icons-path}system/dark/notification.svg#primary--disabled'); 
   --icon__system_news_on-surface--enabled: url('#{$icons-path}system/dark/news.svg#on-surface--enabled'); 
   --icon__system_news_on-surface--hover: url('#{$icons-path}system/dark/news.svg#on-surface--hover'); 
   --icon__system_news_on-surface--active: url('#{$icons-path}system/dark/news.svg#on-surface--active'); 
   --icon__system_news_on-surface--disabled: url('#{$icons-path}system/dark/news.svg#on-surface--disabled'); 
   --icon__system_news_on-elevation--enabled: url('#{$icons-path}system/dark/news.svg#on-elevation--enabled'); 
+  --icon__system_news_primary--enabled: url('#{$icons-path}system/dark/news.svg#primary--enabled'); 
+  --icon__system_news_primary--hover: url('#{$icons-path}system/dark/news.svg#primary--hover'); 
+  --icon__system_news_primary--active: url('#{$icons-path}system/dark/news.svg#primary--active'); 
+  --icon__system_news_primary--disabled: url('#{$icons-path}system/dark/news.svg#primary--disabled'); 
   --icon__system_more-options_on-surface--enabled: url('#{$icons-path}system/dark/more-options.svg#on-surface--enabled'); 
   --icon__system_more-options_on-surface--hover: url('#{$icons-path}system/dark/more-options.svg#on-surface--hover'); 
   --icon__system_more-options_on-surface--active: url('#{$icons-path}system/dark/more-options.svg#on-surface--active'); 
   --icon__system_more-options_on-surface--disabled: url('#{$icons-path}system/dark/more-options.svg#on-surface--disabled'); 
   --icon__system_more-options_on-elevation--enabled: url('#{$icons-path}system/dark/more-options.svg#on-elevation--enabled'); 
+  --icon__system_more-options_primary--enabled: url('#{$icons-path}system/dark/more-options.svg#primary--enabled'); 
+  --icon__system_more-options_primary--hover: url('#{$icons-path}system/dark/more-options.svg#primary--hover'); 
+  --icon__system_more-options_primary--active: url('#{$icons-path}system/dark/more-options.svg#primary--active'); 
+  --icon__system_more-options_primary--disabled: url('#{$icons-path}system/dark/more-options.svg#primary--disabled'); 
   --icon__system_mobile_on-surface--enabled: url('#{$icons-path}system/dark/mobile.svg#on-surface--enabled'); 
   --icon__system_mobile_on-surface--hover: url('#{$icons-path}system/dark/mobile.svg#on-surface--hover'); 
   --icon__system_mobile_on-surface--active: url('#{$icons-path}system/dark/mobile.svg#on-surface--active'); 
   --icon__system_mobile_on-surface--disabled: url('#{$icons-path}system/dark/mobile.svg#on-surface--disabled'); 
   --icon__system_mobile_on-elevation--enabled: url('#{$icons-path}system/dark/mobile.svg#on-elevation--enabled'); 
+  --icon__system_mobile_primary--enabled: url('#{$icons-path}system/dark/mobile.svg#primary--enabled'); 
+  --icon__system_mobile_primary--hover: url('#{$icons-path}system/dark/mobile.svg#primary--hover'); 
+  --icon__system_mobile_primary--active: url('#{$icons-path}system/dark/mobile.svg#primary--active'); 
+  --icon__system_mobile_primary--disabled: url('#{$icons-path}system/dark/mobile.svg#primary--disabled'); 
   --icon__system_mobile-v2_on-surface--enabled: url('#{$icons-path}system/dark/mobile-v2.svg#on-surface--enabled'); 
   --icon__system_mobile-v2_on-surface--hover: url('#{$icons-path}system/dark/mobile-v2.svg#on-surface--hover'); 
   --icon__system_mobile-v2_on-surface--active: url('#{$icons-path}system/dark/mobile-v2.svg#on-surface--active'); 
   --icon__system_mobile-v2_on-surface--disabled: url('#{$icons-path}system/dark/mobile-v2.svg#on-surface--disabled'); 
   --icon__system_mobile-v2_on-elevation--enabled: url('#{$icons-path}system/dark/mobile-v2.svg#on-elevation--enabled'); 
+  --icon__system_mobile-v2_primary--enabled: url('#{$icons-path}system/dark/mobile-v2.svg#primary--enabled'); 
+  --icon__system_mobile-v2_primary--hover: url('#{$icons-path}system/dark/mobile-v2.svg#primary--hover'); 
+  --icon__system_mobile-v2_primary--active: url('#{$icons-path}system/dark/mobile-v2.svg#primary--active'); 
+  --icon__system_mobile-v2_primary--disabled: url('#{$icons-path}system/dark/mobile-v2.svg#primary--disabled'); 
   --icon__system_message_on-surface--enabled: url('#{$icons-path}system/dark/message.svg#on-surface--enabled'); 
   --icon__system_message_on-surface--hover: url('#{$icons-path}system/dark/message.svg#on-surface--hover'); 
   --icon__system_message_on-surface--active: url('#{$icons-path}system/dark/message.svg#on-surface--active'); 
   --icon__system_message_on-surface--disabled: url('#{$icons-path}system/dark/message.svg#on-surface--disabled'); 
   --icon__system_message_on-elevation--enabled: url('#{$icons-path}system/dark/message.svg#on-elevation--enabled'); 
+  --icon__system_message_primary--enabled: url('#{$icons-path}system/dark/message.svg#primary--enabled'); 
+  --icon__system_message_primary--hover: url('#{$icons-path}system/dark/message.svg#primary--hover'); 
+  --icon__system_message_primary--active: url('#{$icons-path}system/dark/message.svg#primary--active'); 
+  --icon__system_message_primary--disabled: url('#{$icons-path}system/dark/message.svg#primary--disabled'); 
   --icon__system_menu_on-surface--enabled: url('#{$icons-path}system/dark/menu.svg#on-surface--enabled'); 
   --icon__system_menu_on-surface--hover: url('#{$icons-path}system/dark/menu.svg#on-surface--hover'); 
   --icon__system_menu_on-surface--active: url('#{$icons-path}system/dark/menu.svg#on-surface--active'); 
   --icon__system_menu_on-surface--disabled: url('#{$icons-path}system/dark/menu.svg#on-surface--disabled'); 
   --icon__system_menu_on-elevation--enabled: url('#{$icons-path}system/dark/menu.svg#on-elevation--enabled'); 
+  --icon__system_menu_primary--enabled: url('#{$icons-path}system/dark/menu.svg#primary--enabled'); 
+  --icon__system_menu_primary--hover: url('#{$icons-path}system/dark/menu.svg#primary--hover'); 
+  --icon__system_menu_primary--active: url('#{$icons-path}system/dark/menu.svg#primary--active'); 
+  --icon__system_menu_primary--disabled: url('#{$icons-path}system/dark/menu.svg#primary--disabled'); 
   --icon__system_mail_on-surface--enabled: url('#{$icons-path}system/dark/mail.svg#on-surface--enabled'); 
   --icon__system_mail_on-surface--hover: url('#{$icons-path}system/dark/mail.svg#on-surface--hover'); 
   --icon__system_mail_on-surface--active: url('#{$icons-path}system/dark/mail.svg#on-surface--active'); 
   --icon__system_mail_on-surface--disabled: url('#{$icons-path}system/dark/mail.svg#on-surface--disabled'); 
   --icon__system_mail_on-elevation--enabled: url('#{$icons-path}system/dark/mail.svg#on-elevation--enabled'); 
+  --icon__system_mail_primary--enabled: url('#{$icons-path}system/dark/mail.svg#primary--enabled'); 
+  --icon__system_mail_primary--hover: url('#{$icons-path}system/dark/mail.svg#primary--hover'); 
+  --icon__system_mail_primary--active: url('#{$icons-path}system/dark/mail.svg#primary--active'); 
+  --icon__system_mail_primary--disabled: url('#{$icons-path}system/dark/mail.svg#primary--disabled'); 
   --icon__system_logout_on-surface--enabled: url('#{$icons-path}system/dark/logout.svg#on-surface--enabled'); 
   --icon__system_logout_on-surface--hover: url('#{$icons-path}system/dark/logout.svg#on-surface--hover'); 
   --icon__system_logout_on-surface--active: url('#{$icons-path}system/dark/logout.svg#on-surface--active'); 
   --icon__system_logout_on-surface--disabled: url('#{$icons-path}system/dark/logout.svg#on-surface--disabled'); 
   --icon__system_logout_on-elevation--enabled: url('#{$icons-path}system/dark/logout.svg#on-elevation--enabled'); 
+  --icon__system_logout_primary--enabled: url('#{$icons-path}system/dark/logout.svg#primary--enabled'); 
+  --icon__system_logout_primary--hover: url('#{$icons-path}system/dark/logout.svg#primary--hover'); 
+  --icon__system_logout_primary--active: url('#{$icons-path}system/dark/logout.svg#primary--active'); 
+  --icon__system_logout_primary--disabled: url('#{$icons-path}system/dark/logout.svg#primary--disabled'); 
   --icon__system_log-out_on-surface--enabled: url('#{$icons-path}system/dark/log-out.svg#on-surface--enabled'); 
   --icon__system_log-out_on-surface--hover: url('#{$icons-path}system/dark/log-out.svg#on-surface--hover'); 
   --icon__system_log-out_on-surface--active: url('#{$icons-path}system/dark/log-out.svg#on-surface--active'); 
   --icon__system_log-out_on-surface--disabled: url('#{$icons-path}system/dark/log-out.svg#on-surface--disabled'); 
   --icon__system_log-out_on-elevation--enabled: url('#{$icons-path}system/dark/log-out.svg#on-elevation--enabled'); 
+  --icon__system_log-out_primary--enabled: url('#{$icons-path}system/dark/log-out.svg#primary--enabled'); 
+  --icon__system_log-out_primary--hover: url('#{$icons-path}system/dark/log-out.svg#primary--hover'); 
+  --icon__system_log-out_primary--active: url('#{$icons-path}system/dark/log-out.svg#primary--active'); 
+  --icon__system_log-out_primary--disabled: url('#{$icons-path}system/dark/log-out.svg#primary--disabled'); 
   --icon__system_lock_on-surface--enabled: url('#{$icons-path}system/dark/lock.svg#on-surface--enabled'); 
   --icon__system_lock_on-surface--hover: url('#{$icons-path}system/dark/lock.svg#on-surface--hover'); 
   --icon__system_lock_on-surface--active: url('#{$icons-path}system/dark/lock.svg#on-surface--active'); 
   --icon__system_lock_on-surface--disabled: url('#{$icons-path}system/dark/lock.svg#on-surface--disabled'); 
   --icon__system_lock_on-elevation--enabled: url('#{$icons-path}system/dark/lock.svg#on-elevation--enabled'); 
+  --icon__system_lock_primary--enabled: url('#{$icons-path}system/dark/lock.svg#primary--enabled'); 
+  --icon__system_lock_primary--hover: url('#{$icons-path}system/dark/lock.svg#primary--hover'); 
+  --icon__system_lock_primary--active: url('#{$icons-path}system/dark/lock.svg#primary--active'); 
+  --icon__system_lock_primary--disabled: url('#{$icons-path}system/dark/lock.svg#primary--disabled'); 
   --icon__system_loading_on-surface--enabled: url('#{$icons-path}system/dark/loading.svg#on-surface--enabled'); 
   --icon__system_loading_on-surface--hover: url('#{$icons-path}system/dark/loading.svg#on-surface--hover'); 
   --icon__system_loading_on-surface--active: url('#{$icons-path}system/dark/loading.svg#on-surface--active'); 
   --icon__system_loading_on-surface--disabled: url('#{$icons-path}system/dark/loading.svg#on-surface--disabled'); 
   --icon__system_loading_on-elevation--enabled: url('#{$icons-path}system/dark/loading.svg#on-elevation--enabled'); 
+  --icon__system_loading_primary--enabled: url('#{$icons-path}system/dark/loading.svg#primary--enabled'); 
+  --icon__system_loading_primary--hover: url('#{$icons-path}system/dark/loading.svg#primary--hover'); 
+  --icon__system_loading_primary--active: url('#{$icons-path}system/dark/loading.svg#primary--active'); 
+  --icon__system_loading_primary--disabled: url('#{$icons-path}system/dark/loading.svg#primary--disabled'); 
   --icon__system_link_on-surface--enabled: url('#{$icons-path}system/dark/link.svg#on-surface--enabled'); 
   --icon__system_link_on-surface--hover: url('#{$icons-path}system/dark/link.svg#on-surface--hover'); 
   --icon__system_link_on-surface--active: url('#{$icons-path}system/dark/link.svg#on-surface--active'); 
   --icon__system_link_on-surface--disabled: url('#{$icons-path}system/dark/link.svg#on-surface--disabled'); 
   --icon__system_link_on-elevation--enabled: url('#{$icons-path}system/dark/link.svg#on-elevation--enabled'); 
+  --icon__system_link_primary--enabled: url('#{$icons-path}system/dark/link.svg#primary--enabled'); 
+  --icon__system_link_primary--hover: url('#{$icons-path}system/dark/link.svg#primary--hover'); 
+  --icon__system_link_primary--active: url('#{$icons-path}system/dark/link.svg#primary--active'); 
+  --icon__system_link_primary--disabled: url('#{$icons-path}system/dark/link.svg#primary--disabled'); 
   --icon__system_link-variant_on-surface--enabled: url('#{$icons-path}system/dark/link-variant.svg#on-surface--enabled'); 
   --icon__system_link-variant_on-surface--hover: url('#{$icons-path}system/dark/link-variant.svg#on-surface--hover'); 
   --icon__system_link-variant_on-surface--active: url('#{$icons-path}system/dark/link-variant.svg#on-surface--active'); 
   --icon__system_link-variant_on-surface--disabled: url('#{$icons-path}system/dark/link-variant.svg#on-surface--disabled'); 
   --icon__system_link-variant_on-elevation--enabled: url('#{$icons-path}system/dark/link-variant.svg#on-elevation--enabled'); 
+  --icon__system_link-variant_primary--enabled: url('#{$icons-path}system/dark/link-variant.svg#primary--enabled'); 
+  --icon__system_link-variant_primary--hover: url('#{$icons-path}system/dark/link-variant.svg#primary--hover'); 
+  --icon__system_link-variant_primary--active: url('#{$icons-path}system/dark/link-variant.svg#primary--active'); 
+  --icon__system_link-variant_primary--disabled: url('#{$icons-path}system/dark/link-variant.svg#primary--disabled'); 
   --icon__system_launch_on-surface--enabled: url('#{$icons-path}system/dark/launch.svg#on-surface--enabled'); 
   --icon__system_launch_on-surface--hover: url('#{$icons-path}system/dark/launch.svg#on-surface--hover'); 
   --icon__system_launch_on-surface--active: url('#{$icons-path}system/dark/launch.svg#on-surface--active'); 
   --icon__system_launch_on-surface--disabled: url('#{$icons-path}system/dark/launch.svg#on-surface--disabled'); 
   --icon__system_launch_on-elevation--enabled: url('#{$icons-path}system/dark/launch.svg#on-elevation--enabled'); 
+  --icon__system_launch_primary--enabled: url('#{$icons-path}system/dark/launch.svg#primary--enabled'); 
+  --icon__system_launch_primary--hover: url('#{$icons-path}system/dark/launch.svg#primary--hover'); 
+  --icon__system_launch_primary--active: url('#{$icons-path}system/dark/launch.svg#primary--active'); 
+  --icon__system_launch_primary--disabled: url('#{$icons-path}system/dark/launch.svg#primary--disabled'); 
   --icon__system_language_on-surface--enabled: url('#{$icons-path}system/dark/language.svg#on-surface--enabled'); 
   --icon__system_language_on-surface--hover: url('#{$icons-path}system/dark/language.svg#on-surface--hover'); 
   --icon__system_language_on-surface--active: url('#{$icons-path}system/dark/language.svg#on-surface--active'); 
   --icon__system_language_on-surface--disabled: url('#{$icons-path}system/dark/language.svg#on-surface--disabled'); 
   --icon__system_language_on-elevation--enabled: url('#{$icons-path}system/dark/language.svg#on-elevation--enabled'); 
+  --icon__system_language_primary--enabled: url('#{$icons-path}system/dark/language.svg#primary--enabled'); 
+  --icon__system_language_primary--hover: url('#{$icons-path}system/dark/language.svg#primary--hover'); 
+  --icon__system_language_primary--active: url('#{$icons-path}system/dark/language.svg#primary--active'); 
+  --icon__system_language_primary--disabled: url('#{$icons-path}system/dark/language.svg#primary--disabled'); 
   --icon__system_home_on-surface--enabled: url('#{$icons-path}system/dark/home.svg#on-surface--enabled'); 
   --icon__system_home_on-surface--hover: url('#{$icons-path}system/dark/home.svg#on-surface--hover'); 
   --icon__system_home_on-surface--active: url('#{$icons-path}system/dark/home.svg#on-surface--active'); 
   --icon__system_home_on-surface--disabled: url('#{$icons-path}system/dark/home.svg#on-surface--disabled'); 
   --icon__system_home_on-elevation--enabled: url('#{$icons-path}system/dark/home.svg#on-elevation--enabled'); 
+  --icon__system_home_primary--enabled: url('#{$icons-path}system/dark/home.svg#primary--enabled'); 
+  --icon__system_home_primary--hover: url('#{$icons-path}system/dark/home.svg#primary--hover'); 
+  --icon__system_home_primary--active: url('#{$icons-path}system/dark/home.svg#primary--active'); 
+  --icon__system_home_primary--disabled: url('#{$icons-path}system/dark/home.svg#primary--disabled'); 
   --icon__system_hide_on-surface--enabled: url('#{$icons-path}system/dark/hide.svg#on-surface--enabled'); 
   --icon__system_hide_on-surface--hover: url('#{$icons-path}system/dark/hide.svg#on-surface--hover'); 
   --icon__system_hide_on-surface--active: url('#{$icons-path}system/dark/hide.svg#on-surface--active'); 
   --icon__system_hide_on-surface--disabled: url('#{$icons-path}system/dark/hide.svg#on-surface--disabled'); 
   --icon__system_hide_on-elevation--enabled: url('#{$icons-path}system/dark/hide.svg#on-elevation--enabled'); 
+  --icon__system_hide_primary--enabled: url('#{$icons-path}system/dark/hide.svg#primary--enabled'); 
+  --icon__system_hide_primary--hover: url('#{$icons-path}system/dark/hide.svg#primary--hover'); 
+  --icon__system_hide_primary--active: url('#{$icons-path}system/dark/hide.svg#primary--active'); 
+  --icon__system_hide_primary--disabled: url('#{$icons-path}system/dark/hide.svg#primary--disabled'); 
   --icon__system_help_on-surface--enabled: url('#{$icons-path}system/dark/help.svg#on-surface--enabled'); 
   --icon__system_help_on-surface--hover: url('#{$icons-path}system/dark/help.svg#on-surface--hover'); 
   --icon__system_help_on-surface--active: url('#{$icons-path}system/dark/help.svg#on-surface--active'); 
   --icon__system_help_on-surface--disabled: url('#{$icons-path}system/dark/help.svg#on-surface--disabled'); 
   --icon__system_help_on-elevation--enabled: url('#{$icons-path}system/dark/help.svg#on-elevation--enabled'); 
+  --icon__system_help_primary--enabled: url('#{$icons-path}system/dark/help.svg#primary--enabled'); 
+  --icon__system_help_primary--hover: url('#{$icons-path}system/dark/help.svg#primary--hover'); 
+  --icon__system_help_primary--active: url('#{$icons-path}system/dark/help.svg#primary--active'); 
+  --icon__system_help_primary--disabled: url('#{$icons-path}system/dark/help.svg#primary--disabled'); 
   --icon__system_help-variant_on-surface--enabled: url('#{$icons-path}system/dark/help-variant.svg#on-surface--enabled'); 
   --icon__system_help-variant_on-surface--hover: url('#{$icons-path}system/dark/help-variant.svg#on-surface--hover'); 
   --icon__system_help-variant_on-surface--active: url('#{$icons-path}system/dark/help-variant.svg#on-surface--active'); 
   --icon__system_help-variant_on-surface--disabled: url('#{$icons-path}system/dark/help-variant.svg#on-surface--disabled'); 
   --icon__system_help-variant_on-elevation--enabled: url('#{$icons-path}system/dark/help-variant.svg#on-elevation--enabled'); 
+  --icon__system_help-variant_primary--enabled: url('#{$icons-path}system/dark/help-variant.svg#primary--enabled'); 
+  --icon__system_help-variant_primary--hover: url('#{$icons-path}system/dark/help-variant.svg#primary--hover'); 
+  --icon__system_help-variant_primary--active: url('#{$icons-path}system/dark/help-variant.svg#primary--active'); 
+  --icon__system_help-variant_primary--disabled: url('#{$icons-path}system/dark/help-variant.svg#primary--disabled'); 
   --icon__system_folder_on-surface--enabled: url('#{$icons-path}system/dark/folder.svg#on-surface--enabled'); 
   --icon__system_folder_on-surface--hover: url('#{$icons-path}system/dark/folder.svg#on-surface--hover'); 
   --icon__system_folder_on-surface--active: url('#{$icons-path}system/dark/folder.svg#on-surface--active'); 
   --icon__system_folder_on-surface--disabled: url('#{$icons-path}system/dark/folder.svg#on-surface--disabled'); 
   --icon__system_folder_on-elevation--enabled: url('#{$icons-path}system/dark/folder.svg#on-elevation--enabled'); 
+  --icon__system_folder_primary--enabled: url('#{$icons-path}system/dark/folder.svg#primary--enabled'); 
+  --icon__system_folder_primary--hover: url('#{$icons-path}system/dark/folder.svg#primary--hover'); 
+  --icon__system_folder_primary--active: url('#{$icons-path}system/dark/folder.svg#primary--active'); 
+  --icon__system_folder_primary--disabled: url('#{$icons-path}system/dark/folder.svg#primary--disabled'); 
   --icon__system_filters_on-surface--enabled: url('#{$icons-path}system/dark/filters.svg#on-surface--enabled'); 
   --icon__system_filters_on-surface--hover: url('#{$icons-path}system/dark/filters.svg#on-surface--hover'); 
   --icon__system_filters_on-surface--active: url('#{$icons-path}system/dark/filters.svg#on-surface--active'); 
   --icon__system_filters_on-surface--disabled: url('#{$icons-path}system/dark/filters.svg#on-surface--disabled'); 
   --icon__system_filters_on-elevation--enabled: url('#{$icons-path}system/dark/filters.svg#on-elevation--enabled'); 
+  --icon__system_filters_primary--enabled: url('#{$icons-path}system/dark/filters.svg#primary--enabled'); 
+  --icon__system_filters_primary--hover: url('#{$icons-path}system/dark/filters.svg#primary--hover'); 
+  --icon__system_filters_primary--active: url('#{$icons-path}system/dark/filters.svg#primary--active'); 
+  --icon__system_filters_primary--disabled: url('#{$icons-path}system/dark/filters.svg#primary--disabled'); 
   --icon__system_expand_on-surface--enabled: url('#{$icons-path}system/dark/expand.svg#on-surface--enabled'); 
   --icon__system_expand_on-surface--hover: url('#{$icons-path}system/dark/expand.svg#on-surface--hover'); 
   --icon__system_expand_on-surface--active: url('#{$icons-path}system/dark/expand.svg#on-surface--active'); 
   --icon__system_expand_on-surface--disabled: url('#{$icons-path}system/dark/expand.svg#on-surface--disabled'); 
   --icon__system_expand_on-elevation--enabled: url('#{$icons-path}system/dark/expand.svg#on-elevation--enabled'); 
+  --icon__system_expand_primary--enabled: url('#{$icons-path}system/dark/expand.svg#primary--enabled'); 
+  --icon__system_expand_primary--hover: url('#{$icons-path}system/dark/expand.svg#primary--hover'); 
+  --icon__system_expand_primary--active: url('#{$icons-path}system/dark/expand.svg#primary--active'); 
+  --icon__system_expand_primary--disabled: url('#{$icons-path}system/dark/expand.svg#primary--disabled'); 
   --icon__system_edit_on-surface--enabled: url('#{$icons-path}system/dark/edit.svg#on-surface--enabled'); 
   --icon__system_edit_on-surface--hover: url('#{$icons-path}system/dark/edit.svg#on-surface--hover'); 
   --icon__system_edit_on-surface--active: url('#{$icons-path}system/dark/edit.svg#on-surface--active'); 
   --icon__system_edit_on-surface--disabled: url('#{$icons-path}system/dark/edit.svg#on-surface--disabled'); 
   --icon__system_edit_on-elevation--enabled: url('#{$icons-path}system/dark/edit.svg#on-elevation--enabled'); 
+  --icon__system_edit_primary--enabled: url('#{$icons-path}system/dark/edit.svg#primary--enabled'); 
+  --icon__system_edit_primary--hover: url('#{$icons-path}system/dark/edit.svg#primary--hover'); 
+  --icon__system_edit_primary--active: url('#{$icons-path}system/dark/edit.svg#primary--active'); 
+  --icon__system_edit_primary--disabled: url('#{$icons-path}system/dark/edit.svg#primary--disabled'); 
   --icon__system_edit-filled_on-surface--enabled: url('#{$icons-path}system/dark/edit-filled.svg#on-surface--enabled'); 
   --icon__system_edit-filled_on-surface--hover: url('#{$icons-path}system/dark/edit-filled.svg#on-surface--hover'); 
   --icon__system_edit-filled_on-surface--active: url('#{$icons-path}system/dark/edit-filled.svg#on-surface--active'); 
   --icon__system_edit-filled_on-surface--disabled: url('#{$icons-path}system/dark/edit-filled.svg#on-surface--disabled'); 
   --icon__system_edit-filled_on-elevation--enabled: url('#{$icons-path}system/dark/edit-filled.svg#on-elevation--enabled'); 
+  --icon__system_edit-filled_primary--enabled: url('#{$icons-path}system/dark/edit-filled.svg#primary--enabled'); 
+  --icon__system_edit-filled_primary--hover: url('#{$icons-path}system/dark/edit-filled.svg#primary--hover'); 
+  --icon__system_edit-filled_primary--active: url('#{$icons-path}system/dark/edit-filled.svg#primary--active'); 
+  --icon__system_edit-filled_primary--disabled: url('#{$icons-path}system/dark/edit-filled.svg#primary--disabled'); 
   --icon__system_draft_on-surface--enabled: url('#{$icons-path}system/dark/draft.svg#on-surface--enabled'); 
   --icon__system_draft_on-surface--hover: url('#{$icons-path}system/dark/draft.svg#on-surface--hover'); 
   --icon__system_draft_on-surface--active: url('#{$icons-path}system/dark/draft.svg#on-surface--active'); 
   --icon__system_draft_on-surface--disabled: url('#{$icons-path}system/dark/draft.svg#on-surface--disabled'); 
   --icon__system_draft_on-elevation--enabled: url('#{$icons-path}system/dark/draft.svg#on-elevation--enabled'); 
+  --icon__system_draft_primary--enabled: url('#{$icons-path}system/dark/draft.svg#primary--enabled'); 
+  --icon__system_draft_primary--hover: url('#{$icons-path}system/dark/draft.svg#primary--hover'); 
+  --icon__system_draft_primary--active: url('#{$icons-path}system/dark/draft.svg#primary--active'); 
+  --icon__system_draft_primary--disabled: url('#{$icons-path}system/dark/draft.svg#primary--disabled'); 
   --icon__system_download_on-surface--enabled: url('#{$icons-path}system/dark/download.svg#on-surface--enabled'); 
   --icon__system_download_on-surface--hover: url('#{$icons-path}system/dark/download.svg#on-surface--hover'); 
   --icon__system_download_on-surface--active: url('#{$icons-path}system/dark/download.svg#on-surface--active'); 
   --icon__system_download_on-surface--disabled: url('#{$icons-path}system/dark/download.svg#on-surface--disabled'); 
   --icon__system_download_on-elevation--enabled: url('#{$icons-path}system/dark/download.svg#on-elevation--enabled'); 
+  --icon__system_download_primary--enabled: url('#{$icons-path}system/dark/download.svg#primary--enabled'); 
+  --icon__system_download_primary--hover: url('#{$icons-path}system/dark/download.svg#primary--hover'); 
+  --icon__system_download_primary--active: url('#{$icons-path}system/dark/download.svg#primary--active'); 
+  --icon__system_download_primary--disabled: url('#{$icons-path}system/dark/download.svg#primary--disabled'); 
   --icon__system_detail_on-surface--enabled: url('#{$icons-path}system/dark/detail.svg#on-surface--enabled'); 
   --icon__system_detail_on-surface--hover: url('#{$icons-path}system/dark/detail.svg#on-surface--hover'); 
   --icon__system_detail_on-surface--active: url('#{$icons-path}system/dark/detail.svg#on-surface--active'); 
   --icon__system_detail_on-surface--disabled: url('#{$icons-path}system/dark/detail.svg#on-surface--disabled'); 
   --icon__system_detail_on-elevation--enabled: url('#{$icons-path}system/dark/detail.svg#on-elevation--enabled'); 
+  --icon__system_detail_primary--enabled: url('#{$icons-path}system/dark/detail.svg#primary--enabled'); 
+  --icon__system_detail_primary--hover: url('#{$icons-path}system/dark/detail.svg#primary--hover'); 
+  --icon__system_detail_primary--active: url('#{$icons-path}system/dark/detail.svg#primary--active'); 
+  --icon__system_detail_primary--disabled: url('#{$icons-path}system/dark/detail.svg#primary--disabled'); 
   --icon__system_delete-outlined_on-surface--enabled: url('#{$icons-path}system/dark/delete-outlined.svg#on-surface--enabled'); 
   --icon__system_delete-outlined_on-surface--hover: url('#{$icons-path}system/dark/delete-outlined.svg#on-surface--hover'); 
   --icon__system_delete-outlined_on-surface--active: url('#{$icons-path}system/dark/delete-outlined.svg#on-surface--active'); 
   --icon__system_delete-outlined_on-surface--disabled: url('#{$icons-path}system/dark/delete-outlined.svg#on-surface--disabled'); 
   --icon__system_delete-outlined_on-elevation--enabled: url('#{$icons-path}system/dark/delete-outlined.svg#on-elevation--enabled'); 
+  --icon__system_delete-outlined_primary--enabled: url('#{$icons-path}system/dark/delete-outlined.svg#primary--enabled'); 
+  --icon__system_delete-outlined_primary--hover: url('#{$icons-path}system/dark/delete-outlined.svg#primary--hover'); 
+  --icon__system_delete-outlined_primary--active: url('#{$icons-path}system/dark/delete-outlined.svg#primary--active'); 
+  --icon__system_delete-outlined_primary--disabled: url('#{$icons-path}system/dark/delete-outlined.svg#primary--disabled'); 
   --icon__system_delete-filled_on-surface--enabled: url('#{$icons-path}system/dark/delete-filled.svg#on-surface--enabled'); 
   --icon__system_delete-filled_on-surface--hover: url('#{$icons-path}system/dark/delete-filled.svg#on-surface--hover'); 
   --icon__system_delete-filled_on-surface--active: url('#{$icons-path}system/dark/delete-filled.svg#on-surface--active'); 
   --icon__system_delete-filled_on-surface--disabled: url('#{$icons-path}system/dark/delete-filled.svg#on-surface--disabled'); 
   --icon__system_delete-filled_on-elevation--enabled: url('#{$icons-path}system/dark/delete-filled.svg#on-elevation--enabled'); 
+  --icon__system_delete-filled_primary--enabled: url('#{$icons-path}system/dark/delete-filled.svg#primary--enabled'); 
+  --icon__system_delete-filled_primary--hover: url('#{$icons-path}system/dark/delete-filled.svg#primary--hover'); 
+  --icon__system_delete-filled_primary--active: url('#{$icons-path}system/dark/delete-filled.svg#primary--active'); 
+  --icon__system_delete-filled_primary--disabled: url('#{$icons-path}system/dark/delete-filled.svg#primary--disabled'); 
   --icon__system_database_on-surface--enabled: url('#{$icons-path}system/dark/database.svg#on-surface--enabled'); 
   --icon__system_database_on-surface--hover: url('#{$icons-path}system/dark/database.svg#on-surface--hover'); 
   --icon__system_database_on-surface--active: url('#{$icons-path}system/dark/database.svg#on-surface--active'); 
   --icon__system_database_on-surface--disabled: url('#{$icons-path}system/dark/database.svg#on-surface--disabled'); 
   --icon__system_database_on-elevation--enabled: url('#{$icons-path}system/dark/database.svg#on-elevation--enabled'); 
+  --icon__system_database_primary--enabled: url('#{$icons-path}system/dark/database.svg#primary--enabled'); 
+  --icon__system_database_primary--hover: url('#{$icons-path}system/dark/database.svg#primary--hover'); 
+  --icon__system_database_primary--active: url('#{$icons-path}system/dark/database.svg#primary--active'); 
+  --icon__system_database_primary--disabled: url('#{$icons-path}system/dark/database.svg#primary--disabled'); 
   --icon__system_data-modeling_on-surface--enabled: url('#{$icons-path}system/dark/data-modeling.svg#on-surface--enabled'); 
   --icon__system_data-modeling_on-surface--hover: url('#{$icons-path}system/dark/data-modeling.svg#on-surface--hover'); 
   --icon__system_data-modeling_on-surface--active: url('#{$icons-path}system/dark/data-modeling.svg#on-surface--active'); 
   --icon__system_data-modeling_on-surface--disabled: url('#{$icons-path}system/dark/data-modeling.svg#on-surface--disabled'); 
   --icon__system_data-modeling_on-elevation--enabled: url('#{$icons-path}system/dark/data-modeling.svg#on-elevation--enabled'); 
+  --icon__system_data-modeling_primary--enabled: url('#{$icons-path}system/dark/data-modeling.svg#primary--enabled'); 
+  --icon__system_data-modeling_primary--hover: url('#{$icons-path}system/dark/data-modeling.svg#primary--hover'); 
+  --icon__system_data-modeling_primary--active: url('#{$icons-path}system/dark/data-modeling.svg#primary--active'); 
+  --icon__system_data-modeling_primary--disabled: url('#{$icons-path}system/dark/data-modeling.svg#primary--disabled'); 
   --icon__system_dashboard_on-surface--enabled: url('#{$icons-path}system/dark/dashboard.svg#on-surface--enabled'); 
   --icon__system_dashboard_on-surface--hover: url('#{$icons-path}system/dark/dashboard.svg#on-surface--hover'); 
   --icon__system_dashboard_on-surface--active: url('#{$icons-path}system/dark/dashboard.svg#on-surface--active'); 
   --icon__system_dashboard_on-surface--disabled: url('#{$icons-path}system/dark/dashboard.svg#on-surface--disabled'); 
   --icon__system_dashboard_on-elevation--enabled: url('#{$icons-path}system/dark/dashboard.svg#on-elevation--enabled'); 
+  --icon__system_dashboard_primary--enabled: url('#{$icons-path}system/dark/dashboard.svg#primary--enabled'); 
+  --icon__system_dashboard_primary--hover: url('#{$icons-path}system/dark/dashboard.svg#primary--hover'); 
+  --icon__system_dashboard_primary--active: url('#{$icons-path}system/dark/dashboard.svg#primary--active'); 
+  --icon__system_dashboard_primary--disabled: url('#{$icons-path}system/dark/dashboard.svg#primary--disabled'); 
   --icon__system_dark-mode_on-surface--enabled: url('#{$icons-path}system/dark/dark-mode.svg#on-surface--enabled'); 
   --icon__system_dark-mode_on-surface--hover: url('#{$icons-path}system/dark/dark-mode.svg#on-surface--hover'); 
   --icon__system_dark-mode_on-surface--active: url('#{$icons-path}system/dark/dark-mode.svg#on-surface--active'); 
   --icon__system_dark-mode_on-surface--disabled: url('#{$icons-path}system/dark/dark-mode.svg#on-surface--disabled'); 
   --icon__system_dark-mode_on-elevation--enabled: url('#{$icons-path}system/dark/dark-mode.svg#on-elevation--enabled'); 
+  --icon__system_dark-mode_primary--enabled: url('#{$icons-path}system/dark/dark-mode.svg#primary--enabled'); 
+  --icon__system_dark-mode_primary--hover: url('#{$icons-path}system/dark/dark-mode.svg#primary--hover'); 
+  --icon__system_dark-mode_primary--active: url('#{$icons-path}system/dark/dark-mode.svg#primary--active'); 
+  --icon__system_dark-mode_primary--disabled: url('#{$icons-path}system/dark/dark-mode.svg#primary--disabled'); 
   --icon__system_copy_on-surface--enabled: url('#{$icons-path}system/dark/copy.svg#on-surface--enabled'); 
   --icon__system_copy_on-surface--hover: url('#{$icons-path}system/dark/copy.svg#on-surface--hover'); 
   --icon__system_copy_on-surface--active: url('#{$icons-path}system/dark/copy.svg#on-surface--active'); 
   --icon__system_copy_on-surface--disabled: url('#{$icons-path}system/dark/copy.svg#on-surface--disabled'); 
   --icon__system_copy_on-elevation--enabled: url('#{$icons-path}system/dark/copy.svg#on-elevation--enabled'); 
+  --icon__system_copy_primary--enabled: url('#{$icons-path}system/dark/copy.svg#primary--enabled'); 
+  --icon__system_copy_primary--hover: url('#{$icons-path}system/dark/copy.svg#primary--hover'); 
+  --icon__system_copy_primary--active: url('#{$icons-path}system/dark/copy.svg#primary--active'); 
+  --icon__system_copy_primary--disabled: url('#{$icons-path}system/dark/copy.svg#primary--disabled'); 
   --icon__system_contact_on-surface--enabled: url('#{$icons-path}system/dark/contact.svg#on-surface--enabled'); 
   --icon__system_contact_on-surface--hover: url('#{$icons-path}system/dark/contact.svg#on-surface--hover'); 
   --icon__system_contact_on-surface--active: url('#{$icons-path}system/dark/contact.svg#on-surface--active'); 
   --icon__system_contact_on-surface--disabled: url('#{$icons-path}system/dark/contact.svg#on-surface--disabled'); 
   --icon__system_contact_on-elevation--enabled: url('#{$icons-path}system/dark/contact.svg#on-elevation--enabled'); 
+  --icon__system_contact_primary--enabled: url('#{$icons-path}system/dark/contact.svg#primary--enabled'); 
+  --icon__system_contact_primary--hover: url('#{$icons-path}system/dark/contact.svg#primary--hover'); 
+  --icon__system_contact_primary--active: url('#{$icons-path}system/dark/contact.svg#primary--active'); 
+  --icon__system_contact_primary--disabled: url('#{$icons-path}system/dark/contact.svg#primary--disabled'); 
   --icon__system_close_on-surface--enabled: url('#{$icons-path}system/dark/close.svg#on-surface--enabled'); 
   --icon__system_close_on-surface--hover: url('#{$icons-path}system/dark/close.svg#on-surface--hover'); 
   --icon__system_close_on-surface--active: url('#{$icons-path}system/dark/close.svg#on-surface--active'); 
   --icon__system_close_on-surface--disabled: url('#{$icons-path}system/dark/close.svg#on-surface--disabled'); 
   --icon__system_close_on-elevation--enabled: url('#{$icons-path}system/dark/close.svg#on-elevation--enabled'); 
+  --icon__system_close_primary--enabled: url('#{$icons-path}system/dark/close.svg#primary--enabled'); 
+  --icon__system_close_primary--hover: url('#{$icons-path}system/dark/close.svg#primary--hover'); 
+  --icon__system_close_primary--active: url('#{$icons-path}system/dark/close.svg#primary--active'); 
+  --icon__system_close_primary--disabled: url('#{$icons-path}system/dark/close.svg#primary--disabled'); 
   --icon__system_check_on-surface--enabled: url('#{$icons-path}system/dark/check.svg#on-surface--enabled'); 
   --icon__system_check_on-surface--hover: url('#{$icons-path}system/dark/check.svg#on-surface--hover'); 
   --icon__system_check_on-surface--active: url('#{$icons-path}system/dark/check.svg#on-surface--active'); 
   --icon__system_check_on-surface--disabled: url('#{$icons-path}system/dark/check.svg#on-surface--disabled'); 
   --icon__system_check_on-elevation--enabled: url('#{$icons-path}system/dark/check.svg#on-elevation--enabled'); 
+  --icon__system_check_primary--enabled: url('#{$icons-path}system/dark/check.svg#primary--enabled'); 
+  --icon__system_check_primary--hover: url('#{$icons-path}system/dark/check.svg#primary--hover'); 
+  --icon__system_check_primary--active: url('#{$icons-path}system/dark/check.svg#primary--active'); 
+  --icon__system_check_primary--disabled: url('#{$icons-path}system/dark/check.svg#primary--disabled'); 
   --icon__system_card-variant_on-surface--enabled: url('#{$icons-path}system/dark/card-variant.svg#on-surface--enabled'); 
   --icon__system_card-variant_on-surface--hover: url('#{$icons-path}system/dark/card-variant.svg#on-surface--hover'); 
   --icon__system_card-variant_on-surface--active: url('#{$icons-path}system/dark/card-variant.svg#on-surface--active'); 
   --icon__system_card-variant_on-surface--disabled: url('#{$icons-path}system/dark/card-variant.svg#on-surface--disabled'); 
   --icon__system_card-variant_on-elevation--enabled: url('#{$icons-path}system/dark/card-variant.svg#on-elevation--enabled'); 
+  --icon__system_card-variant_primary--enabled: url('#{$icons-path}system/dark/card-variant.svg#primary--enabled'); 
+  --icon__system_card-variant_primary--hover: url('#{$icons-path}system/dark/card-variant.svg#primary--hover'); 
+  --icon__system_card-variant_primary--active: url('#{$icons-path}system/dark/card-variant.svg#primary--active'); 
+  --icon__system_card-variant_primary--disabled: url('#{$icons-path}system/dark/card-variant.svg#primary--disabled'); 
   --icon__system_arrow-up_on-surface--enabled: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--enabled'); 
   --icon__system_arrow-up_on-surface--hover: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--hover'); 
   --icon__system_arrow-up_on-surface--active: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--active'); 
   --icon__system_arrow-up_on-surface--disabled: url('#{$icons-path}system/dark/arrow-up.svg#on-surface--disabled'); 
   --icon__system_arrow-up_on-elevation--enabled: url('#{$icons-path}system/dark/arrow-up.svg#on-elevation--enabled'); 
+  --icon__system_arrow-up_primary--enabled: url('#{$icons-path}system/dark/arrow-up.svg#primary--enabled'); 
+  --icon__system_arrow-up_primary--hover: url('#{$icons-path}system/dark/arrow-up.svg#primary--hover'); 
+  --icon__system_arrow-up_primary--active: url('#{$icons-path}system/dark/arrow-up.svg#primary--active'); 
+  --icon__system_arrow-up_primary--disabled: url('#{$icons-path}system/dark/arrow-up.svg#primary--disabled'); 
   --icon__system_arrow-right_on-surface--enabled: url('#{$icons-path}system/dark/arrow-right.svg#on-surface--enabled'); 
   --icon__system_arrow-right_on-surface--hover: url('#{$icons-path}system/dark/arrow-right.svg#on-surface--hover'); 
   --icon__system_arrow-right_on-surface--active: url('#{$icons-path}system/dark/arrow-right.svg#on-surface--active'); 
   --icon__system_arrow-right_on-surface--disabled: url('#{$icons-path}system/dark/arrow-right.svg#on-surface--disabled'); 
   --icon__system_arrow-right_on-elevation--enabled: url('#{$icons-path}system/dark/arrow-right.svg#on-elevation--enabled'); 
+  --icon__system_arrow-right_primary--enabled: url('#{$icons-path}system/dark/arrow-right.svg#primary--enabled'); 
+  --icon__system_arrow-right_primary--hover: url('#{$icons-path}system/dark/arrow-right.svg#primary--hover'); 
+  --icon__system_arrow-right_primary--active: url('#{$icons-path}system/dark/arrow-right.svg#primary--active'); 
+  --icon__system_arrow-right_primary--disabled: url('#{$icons-path}system/dark/arrow-right.svg#primary--disabled'); 
   --icon__system_arrow-left_on-surface--enabled: url('#{$icons-path}system/dark/arrow-left.svg#on-surface--enabled'); 
   --icon__system_arrow-left_on-surface--hover: url('#{$icons-path}system/dark/arrow-left.svg#on-surface--hover'); 
   --icon__system_arrow-left_on-surface--active: url('#{$icons-path}system/dark/arrow-left.svg#on-surface--active'); 
   --icon__system_arrow-left_on-surface--disabled: url('#{$icons-path}system/dark/arrow-left.svg#on-surface--disabled'); 
   --icon__system_arrow-left_on-elevation--enabled: url('#{$icons-path}system/dark/arrow-left.svg#on-elevation--enabled'); 
+  --icon__system_arrow-left_primary--enabled: url('#{$icons-path}system/dark/arrow-left.svg#primary--enabled'); 
+  --icon__system_arrow-left_primary--hover: url('#{$icons-path}system/dark/arrow-left.svg#primary--hover'); 
+  --icon__system_arrow-left_primary--active: url('#{$icons-path}system/dark/arrow-left.svg#primary--active'); 
+  --icon__system_arrow-left_primary--disabled: url('#{$icons-path}system/dark/arrow-left.svg#primary--disabled'); 
   --icon__system_arrow-down_on-surface--enabled: url('#{$icons-path}system/dark/arrow-down.svg#on-surface--enabled'); 
   --icon__system_arrow-down_on-surface--hover: url('#{$icons-path}system/dark/arrow-down.svg#on-surface--hover'); 
   --icon__system_arrow-down_on-surface--active: url('#{$icons-path}system/dark/arrow-down.svg#on-surface--active'); 
   --icon__system_arrow-down_on-surface--disabled: url('#{$icons-path}system/dark/arrow-down.svg#on-surface--disabled'); 
   --icon__system_arrow-down_on-elevation--enabled: url('#{$icons-path}system/dark/arrow-down.svg#on-elevation--enabled'); 
+  --icon__system_arrow-down_primary--enabled: url('#{$icons-path}system/dark/arrow-down.svg#primary--enabled'); 
+  --icon__system_arrow-down_primary--hover: url('#{$icons-path}system/dark/arrow-down.svg#primary--hover'); 
+  --icon__system_arrow-down_primary--active: url('#{$icons-path}system/dark/arrow-down.svg#primary--active'); 
+  --icon__system_arrow-down_primary--disabled: url('#{$icons-path}system/dark/arrow-down.svg#primary--disabled'); 
   --icon__system_applications_on-surface--enabled: url('#{$icons-path}system/dark/applications.svg#on-surface--enabled'); 
   --icon__system_applications_on-surface--hover: url('#{$icons-path}system/dark/applications.svg#on-surface--hover'); 
   --icon__system_applications_on-surface--active: url('#{$icons-path}system/dark/applications.svg#on-surface--active'); 
   --icon__system_applications_on-surface--disabled: url('#{$icons-path}system/dark/applications.svg#on-surface--disabled'); 
   --icon__system_applications_on-elevation--enabled: url('#{$icons-path}system/dark/applications.svg#on-elevation--enabled'); 
+  --icon__system_applications_primary--enabled: url('#{$icons-path}system/dark/applications.svg#primary--enabled'); 
+  --icon__system_applications_primary--hover: url('#{$icons-path}system/dark/applications.svg#primary--hover'); 
+  --icon__system_applications_primary--active: url('#{$icons-path}system/dark/applications.svg#primary--active'); 
+  --icon__system_applications_primary--disabled: url('#{$icons-path}system/dark/applications.svg#primary--disabled'); 
   --icon__system_ai_on-surface--enabled: url('#{$icons-path}system/dark/ai.svg#on-surface--enabled'); 
   --icon__system_ai_on-surface--hover: url('#{$icons-path}system/dark/ai.svg#on-surface--hover'); 
   --icon__system_ai_on-surface--active: url('#{$icons-path}system/dark/ai.svg#on-surface--active'); 
   --icon__system_ai_on-surface--disabled: url('#{$icons-path}system/dark/ai.svg#on-surface--disabled'); 
   --icon__system_ai_on-elevation--enabled: url('#{$icons-path}system/dark/ai.svg#on-elevation--enabled'); 
+  --icon__system_ai_primary--enabled: url('#{$icons-path}system/dark/ai.svg#primary--enabled'); 
+  --icon__system_ai_primary--hover: url('#{$icons-path}system/dark/ai.svg#primary--hover'); 
+  --icon__system_ai_primary--active: url('#{$icons-path}system/dark/ai.svg#primary--active'); 
+  --icon__system_ai_primary--disabled: url('#{$icons-path}system/dark/ai.svg#primary--disabled'); 
   --icon__system_add_on-surface--enabled: url('#{$icons-path}system/dark/add.svg#on-surface--enabled'); 
   --icon__system_add_on-surface--hover: url('#{$icons-path}system/dark/add.svg#on-surface--hover'); 
   --icon__system_add_on-surface--active: url('#{$icons-path}system/dark/add.svg#on-surface--active'); 
   --icon__system_add_on-surface--disabled: url('#{$icons-path}system/dark/add.svg#on-surface--disabled'); 
   --icon__system_add_on-elevation--enabled: url('#{$icons-path}system/dark/add.svg#on-elevation--enabled'); 
+  --icon__system_add_primary--enabled: url('#{$icons-path}system/dark/add.svg#primary--enabled'); 
+  --icon__system_add_primary--hover: url('#{$icons-path}system/dark/add.svg#primary--hover'); 
+  --icon__system_add_primary--active: url('#{$icons-path}system/dark/add.svg#primary--active'); 
+  --icon__system_add_primary--disabled: url('#{$icons-path}system/dark/add.svg#primary--disabled'); 
   --icon__system_add-circle_on-surface--enabled: url('#{$icons-path}system/dark/add-circle.svg#on-surface--enabled'); 
   --icon__system_add-circle_on-surface--hover: url('#{$icons-path}system/dark/add-circle.svg#on-surface--hover'); 
   --icon__system_add-circle_on-surface--active: url('#{$icons-path}system/dark/add-circle.svg#on-surface--active'); 
   --icon__system_add-circle_on-surface--disabled: url('#{$icons-path}system/dark/add-circle.svg#on-surface--disabled'); 
   --icon__system_add-circle_on-elevation--enabled: url('#{$icons-path}system/dark/add-circle.svg#on-elevation--enabled'); 
+  --icon__system_add-circle_primary--enabled: url('#{$icons-path}system/dark/add-circle.svg#primary--enabled'); 
+  --icon__system_add-circle_primary--hover: url('#{$icons-path}system/dark/add-circle.svg#primary--hover'); 
+  --icon__system_add-circle_primary--active: url('#{$icons-path}system/dark/add-circle.svg#primary--active'); 
+  --icon__system_add-circle_primary--disabled: url('#{$icons-path}system/dark/add-circle.svg#primary--disabled'); 
   --icon__system_Cut_on-surface--enabled: url('#{$icons-path}system/dark/Cut.svg#on-surface--enabled'); 
   --icon__system_Cut_on-surface--hover: url('#{$icons-path}system/dark/Cut.svg#on-surface--hover'); 
   --icon__system_Cut_on-surface--active: url('#{$icons-path}system/dark/Cut.svg#on-surface--active'); 
   --icon__system_Cut_on-surface--disabled: url('#{$icons-path}system/dark/Cut.svg#on-surface--disabled'); 
   --icon__system_Cut_on-elevation--enabled: url('#{$icons-path}system/dark/Cut.svg#on-elevation--enabled'); 
+  --icon__system_Cut_primary--enabled: url('#{$icons-path}system/dark/Cut.svg#primary--enabled'); 
+  --icon__system_Cut_primary--hover: url('#{$icons-path}system/dark/Cut.svg#primary--hover'); 
+  --icon__system_Cut_primary--active: url('#{$icons-path}system/dark/Cut.svg#primary--active'); 
+  --icon__system_Cut_primary--disabled: url('#{$icons-path}system/dark/Cut.svg#primary--disabled'); 
   --icon__system_Card_on-surface--enabled: url('#{$icons-path}system/dark/Card.svg#on-surface--enabled'); 
   --icon__system_Card_on-surface--hover: url('#{$icons-path}system/dark/Card.svg#on-surface--hover'); 
   --icon__system_Card_on-surface--active: url('#{$icons-path}system/dark/Card.svg#on-surface--active'); 
   --icon__system_Card_on-surface--disabled: url('#{$icons-path}system/dark/Card.svg#on-surface--disabled'); 
   --icon__system_Card_on-elevation--enabled: url('#{$icons-path}system/dark/Card.svg#on-elevation--enabled'); 
+  --icon__system_Card_primary--enabled: url('#{$icons-path}system/dark/Card.svg#primary--enabled'); 
+  --icon__system_Card_primary--hover: url('#{$icons-path}system/dark/Card.svg#primary--hover'); 
+  --icon__system_Card_primary--active: url('#{$icons-path}system/dark/Card.svg#primary--active'); 
+  --icon__system_Card_primary--disabled: url('#{$icons-path}system/dark/Card.svg#primary--disabled'); 
   --icon__system_Assistant_on-surface--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--enabled'); 
   --icon__system_Assistant_on-surface--hover: url('#{$icons-path}system/dark/Assistant.svg#on-surface--hover'); 
   --icon__system_Assistant_on-surface--active: url('#{$icons-path}system/dark/Assistant.svg#on-surface--active'); 
   --icon__system_Assistant_on-surface--disabled: url('#{$icons-path}system/dark/Assistant.svg#on-surface--disabled'); 
   --icon__system_Assistant_on-elevation--enabled: url('#{$icons-path}system/dark/Assistant.svg#on-elevation--enabled'); 
+  --icon__system_Assistant_primary--enabled: url('#{$icons-path}system/dark/Assistant.svg#primary--enabled'); 
+  --icon__system_Assistant_primary--hover: url('#{$icons-path}system/dark/Assistant.svg#primary--hover'); 
+  --icon__system_Assistant_primary--active: url('#{$icons-path}system/dark/Assistant.svg#primary--active'); 
+  --icon__system_Assistant_primary--disabled: url('#{$icons-path}system/dark/Assistant.svg#primary--disabled'); 
 
   }