@genexus/mercury 0.3.3 → 0.3.5

package/dist/mercury.scss

@@ -605,7 +605,8 @@ Dialog Footer
   --mer-font__weight--extra-bold: 800;
 
   // sizes
-  --mer-font__size--2xs: 12px;
+  --mer-font__size--3xs: 12px;
+  --mer-font__size--2xs: 13px;
   --mer-font__size--xs: 14px;
   --mer-font__size--sm: 16px;
   --mer-font__size--md: 20px;
@@ -750,7 +751,7 @@ Dialog Footer
   ----------------------*/
   --mer-body__bg-color: var(--mer-color__surface);
   --mer-body__color: var(--mer-text__on-surface);
-  --mer-body__font-size: var(--mer-font__size--2xs);
+  --mer-body__font-size: var(--mer-font__size--3xs);
   --mer-body__font-family: var(--mer-font-family--body);
   --mer-body__font-weight: var(--mer-font__weight--regular);
   --mer-body__line-height: var(--mer-line-height--comfortable);
@@ -887,7 +888,7 @@ Dialog Footer
 // Base classes
 @mixin label-tokens() {
   --label__font-family: var(--mer-font-family--inter-semi-bold);
-  --label__font-size: var(--mer-font__size--2xs);
+  --label__font-size: var(--mer-font__size--3xs);
   --label__color: var(--mer-text__on-surface);
   --label__line-height: var(--mer-line-height--regular);
   --label__block-margin: var(--mer-spacing--xs);
@@ -964,7 +965,7 @@ Dialog Footer
 @mixin button-tokens-base() {
   //font
   --button-base__font-family: inherit;
-  --button-base__font-size: var(--mer-font__size--2xs);
+  --button-base__font-size: var(--mer-font__size--3xs);
   //--button-base__font-weight: var(--mer-font__weight--semi-bold);
   --button-base__line-height: var(--mer-line-height--tight);
   //--button-base__color: var(--mer-text__on-primary);
@@ -1545,7 +1546,7 @@ Dialog Footer
 
 %heading-1 {
   @extend %heading-base;
-  font-size: 36px; //TODO (Update with token, or add token)
+  font-size: var(--mer-font__size--xl); // 36px
   font-weight: var(--mer-font__weight--bold);
 }
 
@@ -1557,25 +1558,25 @@ Dialog Footer
 
 %heading-3 {
   @extend %heading-base;
-  font-size: 20px; //TODO (Update with token, or add token)
+  font-size: var(--mer-font__size--sm); // 16px
   font-weight: var(--mer-font__weight--bold);
 }
 
 %heading-4 {
   @extend %heading-base;
-  font-size: var(--mer-font__size--sm); // 16px
+  font-size: var(--mer-font__size--xs); // 14px
   font-weight: var(--mer-font__weight--bold);
 }
 
 %heading-5 {
   @extend %heading-base;
-  font-size: 14px; //TODO (Update with token, or add token)
+  font-size: var(--mer-font__size--2xs); // 13px
   font-weight: var(--mer-font__weight--bold);
 }
 
 %heading-6 {
   @extend %heading-base;
-  font-size: var(--mer-font__size--2xs); // 12px
+  font-size: var(--mer-font__size--3xs); // 12px
   font-weight: var(--mer-font__weight--semi-bold);
 }
 
@@ -1597,14 +1598,14 @@ Dialog Footer
 // tab
 %tab-text {
   font-family: var(--mer-font-family--inter-regular);
-  font-size: var(--mer-font__size--2xs);
+  font-size: var(--mer-font__size--3xs);
   line-height: var(--mer-font-family--inter-regular);
 }
 
 // button
 %button-text {
   font-family: var(--mer-font-family--body);
-  font-size: var(--mer-font__size--2xs);
+  font-size: var(--mer-font__size--3xs);
   line-height: var(--mer-line-height--regular);
 }
 
@@ -1779,7 +1780,7 @@ Dialog Footer
 @mixin button-tokens-base() {
   //font
   --button-base__font-family: inherit;
-  --button-base__font-size: var(--mer-font__size--2xs);
+  --button-base__font-size: var(--mer-font__size--3xs);
   //--button-base__font-weight: var(--mer-font__weight--semi-bold);
   --button-base__line-height: var(--mer-line-height--tight);
   //--button-base__color: var(--mer-text__on-primary);
@@ -2125,11 +2126,15 @@ Multicolor lists
 // objects
 $objects: workflow, work-panel, web-panel, web-component, version, url-rewrite, transaction, to-be-defined, theme, theme-web, theme-for-sd, table, super-app, subtype-group, structured-data-type, stencil, roles, report, references, query, procedure, patterns, panel-for-sd, orphant-document, offline-database, object, notification-templates, module, module-open, mini-app, menubar, menu, masterpage, main-object, language, knowledge-base, image, generator, generator-category, folder, folder-open, file, external-object, environment-select, environment-no-select, dso, domain, document, document-workflow, diagram, design, deployment-unit, dataview-index, datastore, datastore-category, data-view, data-selector, data-provider, dashboard, customization, conversational-flows, category, calendars, business-process-diagram, bg-color, attribute, api;
  
+// gx-test
+$gx-test: unit-test, unit-test-db, ui-test-web, ui-test-sd, test-suite, test-results, test-folder, test-folder-open, screenshot-viewer, run-unit-test, run-ui-test-web, run-ui-test-sd, run-tests, run-test-suite, run-test-cancel, result-warning, result-skipped, result-ok, result-exception, result-error, record-mock, plus, image, explorer, cutfo;
+ 
 // editing-structures
 $editing-structures: user-index, system-index, redundant-attribute, platforms, logical-attributes, formula-redundant, default, attribute-key, attribute-formula, attribute-description;
 
 $all-multicolor-lists: (
   objects: $objects,
+  gx-test: $gx-test,
   editing-structures: $editing-structures,
 ); 
 
@@ -7178,6 +7183,1092 @@ MULTICOLOR CONSTRUCTS
   
 
   
+  /* =================================
+  LIGHT CUSTOM PROPERTIES
+  ================================= */
+
+  :root.light {
+  /*gx-test*/
+  --icon__gx-test_unit-test--enabled: url('#{$icons-path}gx-test/light/unit-test.svg#enabled'); 
+  --icon__gx-test_unit-test--hover: url('#{$icons-path}gx-test/light/unit-test.svg#hover'); 
+  --icon__gx-test_unit-test--active: url('#{$icons-path}gx-test/light/unit-test.svg#active'); 
+  --icon__gx-test_unit-test--disabled: url('#{$icons-path}gx-test/light/unit-test.svg#disabled'); 
+  --icon__gx-test_unit-test-db--enabled: url('#{$icons-path}gx-test/light/unit-test-db.svg#enabled'); 
+  --icon__gx-test_unit-test-db--hover: url('#{$icons-path}gx-test/light/unit-test-db.svg#hover'); 
+  --icon__gx-test_unit-test-db--active: url('#{$icons-path}gx-test/light/unit-test-db.svg#active'); 
+  --icon__gx-test_unit-test-db--disabled: url('#{$icons-path}gx-test/light/unit-test-db.svg#disabled'); 
+  --icon__gx-test_ui-test-web--enabled: url('#{$icons-path}gx-test/light/ui-test-web.svg#enabled'); 
+  --icon__gx-test_ui-test-web--hover: url('#{$icons-path}gx-test/light/ui-test-web.svg#hover'); 
+  --icon__gx-test_ui-test-web--active: url('#{$icons-path}gx-test/light/ui-test-web.svg#active'); 
+  --icon__gx-test_ui-test-web--disabled: url('#{$icons-path}gx-test/light/ui-test-web.svg#disabled'); 
+  --icon__gx-test_ui-test-sd--enabled: url('#{$icons-path}gx-test/light/ui-test-sd.svg#enabled'); 
+  --icon__gx-test_ui-test-sd--hover: url('#{$icons-path}gx-test/light/ui-test-sd.svg#hover'); 
+  --icon__gx-test_ui-test-sd--active: url('#{$icons-path}gx-test/light/ui-test-sd.svg#active'); 
+  --icon__gx-test_ui-test-sd--disabled: url('#{$icons-path}gx-test/light/ui-test-sd.svg#disabled'); 
+  --icon__gx-test_test-suite--enabled: url('#{$icons-path}gx-test/light/test-suite.svg#enabled'); 
+  --icon__gx-test_test-suite--hover: url('#{$icons-path}gx-test/light/test-suite.svg#hover'); 
+  --icon__gx-test_test-suite--active: url('#{$icons-path}gx-test/light/test-suite.svg#active'); 
+  --icon__gx-test_test-suite--disabled: url('#{$icons-path}gx-test/light/test-suite.svg#disabled'); 
+  --icon__gx-test_test-results--enabled: url('#{$icons-path}gx-test/light/test-results.svg#enabled'); 
+  --icon__gx-test_test-results--hover: url('#{$icons-path}gx-test/light/test-results.svg#hover'); 
+  --icon__gx-test_test-results--active: url('#{$icons-path}gx-test/light/test-results.svg#active'); 
+  --icon__gx-test_test-results--disabled: url('#{$icons-path}gx-test/light/test-results.svg#disabled'); 
+  --icon__gx-test_test-folder--enabled: url('#{$icons-path}gx-test/light/test-folder.svg#enabled'); 
+  --icon__gx-test_test-folder--hover: url('#{$icons-path}gx-test/light/test-folder.svg#hover'); 
+  --icon__gx-test_test-folder--active: url('#{$icons-path}gx-test/light/test-folder.svg#active'); 
+  --icon__gx-test_test-folder--disabled: url('#{$icons-path}gx-test/light/test-folder.svg#disabled'); 
+  --icon__gx-test_test-folder-open--enabled: url('#{$icons-path}gx-test/light/test-folder-open.svg#enabled'); 
+  --icon__gx-test_test-folder-open--hover: url('#{$icons-path}gx-test/light/test-folder-open.svg#hover'); 
+  --icon__gx-test_test-folder-open--active: url('#{$icons-path}gx-test/light/test-folder-open.svg#active'); 
+  --icon__gx-test_test-folder-open--disabled: url('#{$icons-path}gx-test/light/test-folder-open.svg#disabled'); 
+  --icon__gx-test_screenshot-viewer--enabled: url('#{$icons-path}gx-test/light/screenshot-viewer.svg#enabled'); 
+  --icon__gx-test_screenshot-viewer--hover: url('#{$icons-path}gx-test/light/screenshot-viewer.svg#hover'); 
+  --icon__gx-test_screenshot-viewer--active: url('#{$icons-path}gx-test/light/screenshot-viewer.svg#active'); 
+  --icon__gx-test_screenshot-viewer--disabled: url('#{$icons-path}gx-test/light/screenshot-viewer.svg#disabled'); 
+  --icon__gx-test_run-unit-test--enabled: url('#{$icons-path}gx-test/light/run-unit-test.svg#enabled'); 
+  --icon__gx-test_run-unit-test--hover: url('#{$icons-path}gx-test/light/run-unit-test.svg#hover'); 
+  --icon__gx-test_run-unit-test--active: url('#{$icons-path}gx-test/light/run-unit-test.svg#active'); 
+  --icon__gx-test_run-unit-test--disabled: url('#{$icons-path}gx-test/light/run-unit-test.svg#disabled'); 
+  --icon__gx-test_run-ui-test-web--enabled: url('#{$icons-path}gx-test/light/run-ui-test-web.svg#enabled'); 
+  --icon__gx-test_run-ui-test-web--hover: url('#{$icons-path}gx-test/light/run-ui-test-web.svg#hover'); 
+  --icon__gx-test_run-ui-test-web--active: url('#{$icons-path}gx-test/light/run-ui-test-web.svg#active'); 
+  --icon__gx-test_run-ui-test-web--disabled: url('#{$icons-path}gx-test/light/run-ui-test-web.svg#disabled'); 
+  --icon__gx-test_run-ui-test-sd--enabled: url('#{$icons-path}gx-test/light/run-ui-test-sd.svg#enabled'); 
+  --icon__gx-test_run-ui-test-sd--hover: url('#{$icons-path}gx-test/light/run-ui-test-sd.svg#hover'); 
+  --icon__gx-test_run-ui-test-sd--active: url('#{$icons-path}gx-test/light/run-ui-test-sd.svg#active'); 
+  --icon__gx-test_run-ui-test-sd--disabled: url('#{$icons-path}gx-test/light/run-ui-test-sd.svg#disabled'); 
+  --icon__gx-test_run-tests--enabled: url('#{$icons-path}gx-test/light/run-tests.svg#enabled'); 
+  --icon__gx-test_run-tests--hover: url('#{$icons-path}gx-test/light/run-tests.svg#hover'); 
+  --icon__gx-test_run-tests--active: url('#{$icons-path}gx-test/light/run-tests.svg#active'); 
+  --icon__gx-test_run-tests--disabled: url('#{$icons-path}gx-test/light/run-tests.svg#disabled'); 
+  --icon__gx-test_run-test-suite--enabled: url('#{$icons-path}gx-test/light/run-test-suite.svg#enabled'); 
+  --icon__gx-test_run-test-suite--hover: url('#{$icons-path}gx-test/light/run-test-suite.svg#hover'); 
+  --icon__gx-test_run-test-suite--active: url('#{$icons-path}gx-test/light/run-test-suite.svg#active'); 
+  --icon__gx-test_run-test-suite--disabled: url('#{$icons-path}gx-test/light/run-test-suite.svg#disabled'); 
+  --icon__gx-test_run-test-cancel--enabled: url('#{$icons-path}gx-test/light/run-test-cancel.svg#enabled'); 
+  --icon__gx-test_run-test-cancel--hover: url('#{$icons-path}gx-test/light/run-test-cancel.svg#hover'); 
+  --icon__gx-test_run-test-cancel--active: url('#{$icons-path}gx-test/light/run-test-cancel.svg#active'); 
+  --icon__gx-test_run-test-cancel--disabled: url('#{$icons-path}gx-test/light/run-test-cancel.svg#disabled'); 
+  --icon__gx-test_result-warning--enabled: url('#{$icons-path}gx-test/light/result-warning.svg#enabled'); 
+  --icon__gx-test_result-warning--hover: url('#{$icons-path}gx-test/light/result-warning.svg#hover'); 
+  --icon__gx-test_result-warning--active: url('#{$icons-path}gx-test/light/result-warning.svg#active'); 
+  --icon__gx-test_result-warning--disabled: url('#{$icons-path}gx-test/light/result-warning.svg#disabled'); 
+  --icon__gx-test_result-skipped--enabled: url('#{$icons-path}gx-test/light/result-skipped.svg#enabled'); 
+  --icon__gx-test_result-skipped--hover: url('#{$icons-path}gx-test/light/result-skipped.svg#hover'); 
+  --icon__gx-test_result-skipped--active: url('#{$icons-path}gx-test/light/result-skipped.svg#active'); 
+  --icon__gx-test_result-skipped--disabled: url('#{$icons-path}gx-test/light/result-skipped.svg#disabled'); 
+  --icon__gx-test_result-ok--enabled: url('#{$icons-path}gx-test/light/result-ok.svg#enabled'); 
+  --icon__gx-test_result-ok--hover: url('#{$icons-path}gx-test/light/result-ok.svg#hover'); 
+  --icon__gx-test_result-ok--active: url('#{$icons-path}gx-test/light/result-ok.svg#active'); 
+  --icon__gx-test_result-ok--disabled: url('#{$icons-path}gx-test/light/result-ok.svg#disabled'); 
+  --icon__gx-test_result-exception--enabled: url('#{$icons-path}gx-test/light/result-exception.svg#enabled'); 
+  --icon__gx-test_result-exception--hover: url('#{$icons-path}gx-test/light/result-exception.svg#hover'); 
+  --icon__gx-test_result-exception--active: url('#{$icons-path}gx-test/light/result-exception.svg#active'); 
+  --icon__gx-test_result-exception--disabled: url('#{$icons-path}gx-test/light/result-exception.svg#disabled'); 
+  --icon__gx-test_result-error--enabled: url('#{$icons-path}gx-test/light/result-error.svg#enabled'); 
+  --icon__gx-test_result-error--hover: url('#{$icons-path}gx-test/light/result-error.svg#hover'); 
+  --icon__gx-test_result-error--active: url('#{$icons-path}gx-test/light/result-error.svg#active'); 
+  --icon__gx-test_result-error--disabled: url('#{$icons-path}gx-test/light/result-error.svg#disabled'); 
+  --icon__gx-test_record-mock--enabled: url('#{$icons-path}gx-test/light/record-mock.svg#enabled'); 
+  --icon__gx-test_record-mock--hover: url('#{$icons-path}gx-test/light/record-mock.svg#hover'); 
+  --icon__gx-test_record-mock--active: url('#{$icons-path}gx-test/light/record-mock.svg#active'); 
+  --icon__gx-test_record-mock--disabled: url('#{$icons-path}gx-test/light/record-mock.svg#disabled'); 
+  --icon__gx-test_plus--enabled: url('#{$icons-path}gx-test/light/plus.svg#enabled'); 
+  --icon__gx-test_plus--hover: url('#{$icons-path}gx-test/light/plus.svg#hover'); 
+  --icon__gx-test_plus--active: url('#{$icons-path}gx-test/light/plus.svg#active'); 
+  --icon__gx-test_plus--disabled: url('#{$icons-path}gx-test/light/plus.svg#disabled'); 
+  --icon__gx-test_image--enabled: url('#{$icons-path}gx-test/light/image.svg#enabled'); 
+  --icon__gx-test_image--hover: url('#{$icons-path}gx-test/light/image.svg#hover'); 
+  --icon__gx-test_image--active: url('#{$icons-path}gx-test/light/image.svg#active'); 
+  --icon__gx-test_image--disabled: url('#{$icons-path}gx-test/light/image.svg#disabled'); 
+  --icon__gx-test_explorer--enabled: url('#{$icons-path}gx-test/light/explorer.svg#enabled'); 
+  --icon__gx-test_explorer--hover: url('#{$icons-path}gx-test/light/explorer.svg#hover'); 
+  --icon__gx-test_explorer--active: url('#{$icons-path}gx-test/light/explorer.svg#active'); 
+  --icon__gx-test_explorer--disabled: url('#{$icons-path}gx-test/light/explorer.svg#disabled'); 
+  --icon__gx-test_cutfo--enabled: url('#{$icons-path}gx-test/light/cutfo.svg#enabled'); 
+  --icon__gx-test_cutfo--hover: url('#{$icons-path}gx-test/light/cutfo.svg#hover'); 
+  --icon__gx-test_cutfo--active: url('#{$icons-path}gx-test/light/cutfo.svg#active'); 
+  --icon__gx-test_cutfo--disabled: url('#{$icons-path}gx-test/light/cutfo.svg#disabled'); 
+
+  }
+
+  /* =================================
+  DARK CUSTOM PROPERTIES
+  ================================= */
+
+  :root.dark {
+  /*gx-test*/
+  --icon__gx-test_unit-test--enabled: url('#{$icons-path}gx-test/dark/unit-test.svg#enabled'); 
+  --icon__gx-test_unit-test--hover: url('#{$icons-path}gx-test/dark/unit-test.svg#hover'); 
+  --icon__gx-test_unit-test--active: url('#{$icons-path}gx-test/dark/unit-test.svg#active'); 
+  --icon__gx-test_unit-test--disabled: url('#{$icons-path}gx-test/dark/unit-test.svg#disabled'); 
+  --icon__gx-test_unit-test-db--enabled: url('#{$icons-path}gx-test/dark/unit-test-db.svg#enabled'); 
+  --icon__gx-test_unit-test-db--hover: url('#{$icons-path}gx-test/dark/unit-test-db.svg#hover'); 
+  --icon__gx-test_unit-test-db--active: url('#{$icons-path}gx-test/dark/unit-test-db.svg#active'); 
+  --icon__gx-test_unit-test-db--disabled: url('#{$icons-path}gx-test/dark/unit-test-db.svg#disabled'); 
+  --icon__gx-test_ui-test-web--enabled: url('#{$icons-path}gx-test/dark/ui-test-web.svg#enabled'); 
+  --icon__gx-test_ui-test-web--hover: url('#{$icons-path}gx-test/dark/ui-test-web.svg#hover'); 
+  --icon__gx-test_ui-test-web--active: url('#{$icons-path}gx-test/dark/ui-test-web.svg#active'); 
+  --icon__gx-test_ui-test-web--disabled: url('#{$icons-path}gx-test/dark/ui-test-web.svg#disabled'); 
+  --icon__gx-test_ui-test-sd--enabled: url('#{$icons-path}gx-test/dark/ui-test-sd.svg#enabled'); 
+  --icon__gx-test_ui-test-sd--hover: url('#{$icons-path}gx-test/dark/ui-test-sd.svg#hover'); 
+  --icon__gx-test_ui-test-sd--active: url('#{$icons-path}gx-test/dark/ui-test-sd.svg#active'); 
+  --icon__gx-test_ui-test-sd--disabled: url('#{$icons-path}gx-test/dark/ui-test-sd.svg#disabled'); 
+  --icon__gx-test_test-suite--enabled: url('#{$icons-path}gx-test/dark/test-suite.svg#enabled'); 
+  --icon__gx-test_test-suite--hover: url('#{$icons-path}gx-test/dark/test-suite.svg#hover'); 
+  --icon__gx-test_test-suite--active: url('#{$icons-path}gx-test/dark/test-suite.svg#active'); 
+  --icon__gx-test_test-suite--disabled: url('#{$icons-path}gx-test/dark/test-suite.svg#disabled'); 
+  --icon__gx-test_test-results--enabled: url('#{$icons-path}gx-test/dark/test-results.svg#enabled'); 
+  --icon__gx-test_test-results--hover: url('#{$icons-path}gx-test/dark/test-results.svg#hover'); 
+  --icon__gx-test_test-results--active: url('#{$icons-path}gx-test/dark/test-results.svg#active'); 
+  --icon__gx-test_test-results--disabled: url('#{$icons-path}gx-test/dark/test-results.svg#disabled'); 
+  --icon__gx-test_test-folder--enabled: url('#{$icons-path}gx-test/dark/test-folder.svg#enabled'); 
+  --icon__gx-test_test-folder--hover: url('#{$icons-path}gx-test/dark/test-folder.svg#hover'); 
+  --icon__gx-test_test-folder--active: url('#{$icons-path}gx-test/dark/test-folder.svg#active'); 
+  --icon__gx-test_test-folder--disabled: url('#{$icons-path}gx-test/dark/test-folder.svg#disabled'); 
+  --icon__gx-test_test-folder-open--enabled: url('#{$icons-path}gx-test/dark/test-folder-open.svg#enabled'); 
+  --icon__gx-test_test-folder-open--hover: url('#{$icons-path}gx-test/dark/test-folder-open.svg#hover'); 
+  --icon__gx-test_test-folder-open--active: url('#{$icons-path}gx-test/dark/test-folder-open.svg#active'); 
+  --icon__gx-test_test-folder-open--disabled: url('#{$icons-path}gx-test/dark/test-folder-open.svg#disabled'); 
+  --icon__gx-test_screenshot-viewer--enabled: url('#{$icons-path}gx-test/dark/screenshot-viewer.svg#enabled'); 
+  --icon__gx-test_screenshot-viewer--hover: url('#{$icons-path}gx-test/dark/screenshot-viewer.svg#hover'); 
+  --icon__gx-test_screenshot-viewer--active: url('#{$icons-path}gx-test/dark/screenshot-viewer.svg#active'); 
+  --icon__gx-test_screenshot-viewer--disabled: url('#{$icons-path}gx-test/dark/screenshot-viewer.svg#disabled'); 
+  --icon__gx-test_run-unit-test--enabled: url('#{$icons-path}gx-test/dark/run-unit-test.svg#enabled'); 
+  --icon__gx-test_run-unit-test--hover: url('#{$icons-path}gx-test/dark/run-unit-test.svg#hover'); 
+  --icon__gx-test_run-unit-test--active: url('#{$icons-path}gx-test/dark/run-unit-test.svg#active'); 
+  --icon__gx-test_run-unit-test--disabled: url('#{$icons-path}gx-test/dark/run-unit-test.svg#disabled'); 
+  --icon__gx-test_run-ui-test-web--enabled: url('#{$icons-path}gx-test/dark/run-ui-test-web.svg#enabled'); 
+  --icon__gx-test_run-ui-test-web--hover: url('#{$icons-path}gx-test/dark/run-ui-test-web.svg#hover'); 
+  --icon__gx-test_run-ui-test-web--active: url('#{$icons-path}gx-test/dark/run-ui-test-web.svg#active'); 
+  --icon__gx-test_run-ui-test-web--disabled: url('#{$icons-path}gx-test/dark/run-ui-test-web.svg#disabled'); 
+  --icon__gx-test_run-ui-test-sd--enabled: url('#{$icons-path}gx-test/dark/run-ui-test-sd.svg#enabled'); 
+  --icon__gx-test_run-ui-test-sd--hover: url('#{$icons-path}gx-test/dark/run-ui-test-sd.svg#hover'); 
+  --icon__gx-test_run-ui-test-sd--active: url('#{$icons-path}gx-test/dark/run-ui-test-sd.svg#active'); 
+  --icon__gx-test_run-ui-test-sd--disabled: url('#{$icons-path}gx-test/dark/run-ui-test-sd.svg#disabled'); 
+  --icon__gx-test_run-tests--enabled: url('#{$icons-path}gx-test/dark/run-tests.svg#enabled'); 
+  --icon__gx-test_run-tests--hover: url('#{$icons-path}gx-test/dark/run-tests.svg#hover'); 
+  --icon__gx-test_run-tests--active: url('#{$icons-path}gx-test/dark/run-tests.svg#active'); 
+  --icon__gx-test_run-tests--disabled: url('#{$icons-path}gx-test/dark/run-tests.svg#disabled'); 
+  --icon__gx-test_run-test-suite--enabled: url('#{$icons-path}gx-test/dark/run-test-suite.svg#enabled'); 
+  --icon__gx-test_run-test-suite--hover: url('#{$icons-path}gx-test/dark/run-test-suite.svg#hover'); 
+  --icon__gx-test_run-test-suite--active: url('#{$icons-path}gx-test/dark/run-test-suite.svg#active'); 
+  --icon__gx-test_run-test-suite--disabled: url('#{$icons-path}gx-test/dark/run-test-suite.svg#disabled'); 
+  --icon__gx-test_run-test-cancel--enabled: url('#{$icons-path}gx-test/dark/run-test-cancel.svg#enabled'); 
+  --icon__gx-test_run-test-cancel--hover: url('#{$icons-path}gx-test/dark/run-test-cancel.svg#hover'); 
+  --icon__gx-test_run-test-cancel--active: url('#{$icons-path}gx-test/dark/run-test-cancel.svg#active'); 
+  --icon__gx-test_run-test-cancel--disabled: url('#{$icons-path}gx-test/dark/run-test-cancel.svg#disabled'); 
+  --icon__gx-test_result-warning--enabled: url('#{$icons-path}gx-test/dark/result-warning.svg#enabled'); 
+  --icon__gx-test_result-warning--hover: url('#{$icons-path}gx-test/dark/result-warning.svg#hover'); 
+  --icon__gx-test_result-warning--active: url('#{$icons-path}gx-test/dark/result-warning.svg#active'); 
+  --icon__gx-test_result-warning--disabled: url('#{$icons-path}gx-test/dark/result-warning.svg#disabled'); 
+  --icon__gx-test_result-skipped--enabled: url('#{$icons-path}gx-test/dark/result-skipped.svg#enabled'); 
+  --icon__gx-test_result-skipped--hover: url('#{$icons-path}gx-test/dark/result-skipped.svg#hover'); 
+  --icon__gx-test_result-skipped--active: url('#{$icons-path}gx-test/dark/result-skipped.svg#active'); 
+  --icon__gx-test_result-skipped--disabled: url('#{$icons-path}gx-test/dark/result-skipped.svg#disabled'); 
+  --icon__gx-test_result-ok--enabled: url('#{$icons-path}gx-test/dark/result-ok.svg#enabled'); 
+  --icon__gx-test_result-ok--hover: url('#{$icons-path}gx-test/dark/result-ok.svg#hover'); 
+  --icon__gx-test_result-ok--active: url('#{$icons-path}gx-test/dark/result-ok.svg#active'); 
+  --icon__gx-test_result-ok--disabled: url('#{$icons-path}gx-test/dark/result-ok.svg#disabled'); 
+  --icon__gx-test_result-exception--enabled: url('#{$icons-path}gx-test/dark/result-exception.svg#enabled'); 
+  --icon__gx-test_result-exception--hover: url('#{$icons-path}gx-test/dark/result-exception.svg#hover'); 
+  --icon__gx-test_result-exception--active: url('#{$icons-path}gx-test/dark/result-exception.svg#active'); 
+  --icon__gx-test_result-exception--disabled: url('#{$icons-path}gx-test/dark/result-exception.svg#disabled'); 
+  --icon__gx-test_result-error--enabled: url('#{$icons-path}gx-test/dark/result-error.svg#enabled'); 
+  --icon__gx-test_result-error--hover: url('#{$icons-path}gx-test/dark/result-error.svg#hover'); 
+  --icon__gx-test_result-error--active: url('#{$icons-path}gx-test/dark/result-error.svg#active'); 
+  --icon__gx-test_result-error--disabled: url('#{$icons-path}gx-test/dark/result-error.svg#disabled'); 
+  --icon__gx-test_record-mock--enabled: url('#{$icons-path}gx-test/dark/record-mock.svg#enabled'); 
+  --icon__gx-test_record-mock--hover: url('#{$icons-path}gx-test/dark/record-mock.svg#hover'); 
+  --icon__gx-test_record-mock--active: url('#{$icons-path}gx-test/dark/record-mock.svg#active'); 
+  --icon__gx-test_record-mock--disabled: url('#{$icons-path}gx-test/dark/record-mock.svg#disabled'); 
+  --icon__gx-test_plus--enabled: url('#{$icons-path}gx-test/dark/plus.svg#enabled'); 
+  --icon__gx-test_plus--hover: url('#{$icons-path}gx-test/dark/plus.svg#hover'); 
+  --icon__gx-test_plus--active: url('#{$icons-path}gx-test/dark/plus.svg#active'); 
+  --icon__gx-test_plus--disabled: url('#{$icons-path}gx-test/dark/plus.svg#disabled'); 
+  --icon__gx-test_image--enabled: url('#{$icons-path}gx-test/dark/image.svg#enabled'); 
+  --icon__gx-test_image--hover: url('#{$icons-path}gx-test/dark/image.svg#hover'); 
+  --icon__gx-test_image--active: url('#{$icons-path}gx-test/dark/image.svg#active'); 
+  --icon__gx-test_image--disabled: url('#{$icons-path}gx-test/dark/image.svg#disabled'); 
+  --icon__gx-test_explorer--enabled: url('#{$icons-path}gx-test/dark/explorer.svg#enabled'); 
+  --icon__gx-test_explorer--hover: url('#{$icons-path}gx-test/dark/explorer.svg#hover'); 
+  --icon__gx-test_explorer--active: url('#{$icons-path}gx-test/dark/explorer.svg#active'); 
+  --icon__gx-test_explorer--disabled: url('#{$icons-path}gx-test/dark/explorer.svg#disabled'); 
+  --icon__gx-test_cutfo--enabled: url('#{$icons-path}gx-test/dark/cutfo.svg#enabled'); 
+  --icon__gx-test_cutfo--hover: url('#{$icons-path}gx-test/dark/cutfo.svg#hover'); 
+  --icon__gx-test_cutfo--active: url('#{$icons-path}gx-test/dark/cutfo.svg#active'); 
+  --icon__gx-test_cutfo--disabled: url('#{$icons-path}gx-test/dark/cutfo.svg#disabled'); 
+
+  }
+  
+    %icon__gx-test {
+  
+
+  /* =================================
+  LIGHT PLACEHOLDERS SELECTORS
+  ================================= */
+  
+
+    /* - - - - - - - - - - - - 
+    unit-test.svg 
+    - - - - - - - - - - - - */
+    
+    &_unit-test--enabled {
+      --icon-path: var(--icon__gx-test_unit-test--enabled);
+    }
+    &_unit-test--hover {
+      --icon-path: var(--icon__gx-test_unit-test--hover);
+    }
+    &_unit-test--active {
+      --icon-path: var(--icon__gx-test_unit-test--active);
+    }
+    &_unit-test--disabled {
+      --icon-path: var(--icon__gx-test_unit-test--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    unit-test-db.svg 
+    - - - - - - - - - - - - */
+    
+    &_unit-test-db--enabled {
+      --icon-path: var(--icon__gx-test_unit-test-db--enabled);
+    }
+    &_unit-test-db--hover {
+      --icon-path: var(--icon__gx-test_unit-test-db--hover);
+    }
+    &_unit-test-db--active {
+      --icon-path: var(--icon__gx-test_unit-test-db--active);
+    }
+    &_unit-test-db--disabled {
+      --icon-path: var(--icon__gx-test_unit-test-db--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    ui-test-web.svg 
+    - - - - - - - - - - - - */
+    
+    &_ui-test-web--enabled {
+      --icon-path: var(--icon__gx-test_ui-test-web--enabled);
+    }
+    &_ui-test-web--hover {
+      --icon-path: var(--icon__gx-test_ui-test-web--hover);
+    }
+    &_ui-test-web--active {
+      --icon-path: var(--icon__gx-test_ui-test-web--active);
+    }
+    &_ui-test-web--disabled {
+      --icon-path: var(--icon__gx-test_ui-test-web--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    ui-test-sd.svg 
+    - - - - - - - - - - - - */
+    
+    &_ui-test-sd--enabled {
+      --icon-path: var(--icon__gx-test_ui-test-sd--enabled);
+    }
+    &_ui-test-sd--hover {
+      --icon-path: var(--icon__gx-test_ui-test-sd--hover);
+    }
+    &_ui-test-sd--active {
+      --icon-path: var(--icon__gx-test_ui-test-sd--active);
+    }
+    &_ui-test-sd--disabled {
+      --icon-path: var(--icon__gx-test_ui-test-sd--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-suite.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-suite--enabled {
+      --icon-path: var(--icon__gx-test_test-suite--enabled);
+    }
+    &_test-suite--hover {
+      --icon-path: var(--icon__gx-test_test-suite--hover);
+    }
+    &_test-suite--active {
+      --icon-path: var(--icon__gx-test_test-suite--active);
+    }
+    &_test-suite--disabled {
+      --icon-path: var(--icon__gx-test_test-suite--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-results.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-results--enabled {
+      --icon-path: var(--icon__gx-test_test-results--enabled);
+    }
+    &_test-results--hover {
+      --icon-path: var(--icon__gx-test_test-results--hover);
+    }
+    &_test-results--active {
+      --icon-path: var(--icon__gx-test_test-results--active);
+    }
+    &_test-results--disabled {
+      --icon-path: var(--icon__gx-test_test-results--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-folder.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-folder--enabled {
+      --icon-path: var(--icon__gx-test_test-folder--enabled);
+    }
+    &_test-folder--hover {
+      --icon-path: var(--icon__gx-test_test-folder--hover);
+    }
+    &_test-folder--active {
+      --icon-path: var(--icon__gx-test_test-folder--active);
+    }
+    &_test-folder--disabled {
+      --icon-path: var(--icon__gx-test_test-folder--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-folder-open.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-folder-open--enabled {
+      --icon-path: var(--icon__gx-test_test-folder-open--enabled);
+    }
+    &_test-folder-open--hover {
+      --icon-path: var(--icon__gx-test_test-folder-open--hover);
+    }
+    &_test-folder-open--active {
+      --icon-path: var(--icon__gx-test_test-folder-open--active);
+    }
+    &_test-folder-open--disabled {
+      --icon-path: var(--icon__gx-test_test-folder-open--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    screenshot-viewer.svg 
+    - - - - - - - - - - - - */
+    
+    &_screenshot-viewer--enabled {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--enabled);
+    }
+    &_screenshot-viewer--hover {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--hover);
+    }
+    &_screenshot-viewer--active {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--active);
+    }
+    &_screenshot-viewer--disabled {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-unit-test.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-unit-test--enabled {
+      --icon-path: var(--icon__gx-test_run-unit-test--enabled);
+    }
+    &_run-unit-test--hover {
+      --icon-path: var(--icon__gx-test_run-unit-test--hover);
+    }
+    &_run-unit-test--active {
+      --icon-path: var(--icon__gx-test_run-unit-test--active);
+    }
+    &_run-unit-test--disabled {
+      --icon-path: var(--icon__gx-test_run-unit-test--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-ui-test-web.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-ui-test-web--enabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--enabled);
+    }
+    &_run-ui-test-web--hover {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--hover);
+    }
+    &_run-ui-test-web--active {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--active);
+    }
+    &_run-ui-test-web--disabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-ui-test-sd.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-ui-test-sd--enabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--enabled);
+    }
+    &_run-ui-test-sd--hover {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--hover);
+    }
+    &_run-ui-test-sd--active {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--active);
+    }
+    &_run-ui-test-sd--disabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-tests.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-tests--enabled {
+      --icon-path: var(--icon__gx-test_run-tests--enabled);
+    }
+    &_run-tests--hover {
+      --icon-path: var(--icon__gx-test_run-tests--hover);
+    }
+    &_run-tests--active {
+      --icon-path: var(--icon__gx-test_run-tests--active);
+    }
+    &_run-tests--disabled {
+      --icon-path: var(--icon__gx-test_run-tests--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-test-suite.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-test-suite--enabled {
+      --icon-path: var(--icon__gx-test_run-test-suite--enabled);
+    }
+    &_run-test-suite--hover {
+      --icon-path: var(--icon__gx-test_run-test-suite--hover);
+    }
+    &_run-test-suite--active {
+      --icon-path: var(--icon__gx-test_run-test-suite--active);
+    }
+    &_run-test-suite--disabled {
+      --icon-path: var(--icon__gx-test_run-test-suite--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-test-cancel.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-test-cancel--enabled {
+      --icon-path: var(--icon__gx-test_run-test-cancel--enabled);
+    }
+    &_run-test-cancel--hover {
+      --icon-path: var(--icon__gx-test_run-test-cancel--hover);
+    }
+    &_run-test-cancel--active {
+      --icon-path: var(--icon__gx-test_run-test-cancel--active);
+    }
+    &_run-test-cancel--disabled {
+      --icon-path: var(--icon__gx-test_run-test-cancel--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-warning.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-warning--enabled {
+      --icon-path: var(--icon__gx-test_result-warning--enabled);
+    }
+    &_result-warning--hover {
+      --icon-path: var(--icon__gx-test_result-warning--hover);
+    }
+    &_result-warning--active {
+      --icon-path: var(--icon__gx-test_result-warning--active);
+    }
+    &_result-warning--disabled {
+      --icon-path: var(--icon__gx-test_result-warning--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-skipped.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-skipped--enabled {
+      --icon-path: var(--icon__gx-test_result-skipped--enabled);
+    }
+    &_result-skipped--hover {
+      --icon-path: var(--icon__gx-test_result-skipped--hover);
+    }
+    &_result-skipped--active {
+      --icon-path: var(--icon__gx-test_result-skipped--active);
+    }
+    &_result-skipped--disabled {
+      --icon-path: var(--icon__gx-test_result-skipped--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-ok.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-ok--enabled {
+      --icon-path: var(--icon__gx-test_result-ok--enabled);
+    }
+    &_result-ok--hover {
+      --icon-path: var(--icon__gx-test_result-ok--hover);
+    }
+    &_result-ok--active {
+      --icon-path: var(--icon__gx-test_result-ok--active);
+    }
+    &_result-ok--disabled {
+      --icon-path: var(--icon__gx-test_result-ok--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-exception.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-exception--enabled {
+      --icon-path: var(--icon__gx-test_result-exception--enabled);
+    }
+    &_result-exception--hover {
+      --icon-path: var(--icon__gx-test_result-exception--hover);
+    }
+    &_result-exception--active {
+      --icon-path: var(--icon__gx-test_result-exception--active);
+    }
+    &_result-exception--disabled {
+      --icon-path: var(--icon__gx-test_result-exception--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-error.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-error--enabled {
+      --icon-path: var(--icon__gx-test_result-error--enabled);
+    }
+    &_result-error--hover {
+      --icon-path: var(--icon__gx-test_result-error--hover);
+    }
+    &_result-error--active {
+      --icon-path: var(--icon__gx-test_result-error--active);
+    }
+    &_result-error--disabled {
+      --icon-path: var(--icon__gx-test_result-error--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    record-mock.svg 
+    - - - - - - - - - - - - */
+    
+    &_record-mock--enabled {
+      --icon-path: var(--icon__gx-test_record-mock--enabled);
+    }
+    &_record-mock--hover {
+      --icon-path: var(--icon__gx-test_record-mock--hover);
+    }
+    &_record-mock--active {
+      --icon-path: var(--icon__gx-test_record-mock--active);
+    }
+    &_record-mock--disabled {
+      --icon-path: var(--icon__gx-test_record-mock--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    plus.svg 
+    - - - - - - - - - - - - */
+    
+    &_plus--enabled {
+      --icon-path: var(--icon__gx-test_plus--enabled);
+    }
+    &_plus--hover {
+      --icon-path: var(--icon__gx-test_plus--hover);
+    }
+    &_plus--active {
+      --icon-path: var(--icon__gx-test_plus--active);
+    }
+    &_plus--disabled {
+      --icon-path: var(--icon__gx-test_plus--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    image.svg 
+    - - - - - - - - - - - - */
+    
+    &_image--enabled {
+      --icon-path: var(--icon__gx-test_image--enabled);
+    }
+    &_image--hover {
+      --icon-path: var(--icon__gx-test_image--hover);
+    }
+    &_image--active {
+      --icon-path: var(--icon__gx-test_image--active);
+    }
+    &_image--disabled {
+      --icon-path: var(--icon__gx-test_image--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    explorer.svg 
+    - - - - - - - - - - - - */
+    
+    &_explorer--enabled {
+      --icon-path: var(--icon__gx-test_explorer--enabled);
+    }
+    &_explorer--hover {
+      --icon-path: var(--icon__gx-test_explorer--hover);
+    }
+    &_explorer--active {
+      --icon-path: var(--icon__gx-test_explorer--active);
+    }
+    &_explorer--disabled {
+      --icon-path: var(--icon__gx-test_explorer--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    cutfo.svg 
+    - - - - - - - - - - - - */
+    
+    &_cutfo--enabled {
+      --icon-path: var(--icon__gx-test_cutfo--enabled);
+    }
+    &_cutfo--hover {
+      --icon-path: var(--icon__gx-test_cutfo--hover);
+    }
+    &_cutfo--active {
+      --icon-path: var(--icon__gx-test_cutfo--active);
+    }
+    &_cutfo--disabled {
+      --icon-path: var(--icon__gx-test_cutfo--disabled);
+    }
+
+  
+  /* =================================
+  DARK PLACEHOLDERS SELECTORS
+  ================================= */
+  
+
+    /* - - - - - - - - - - - - 
+    unit-test.svg 
+    - - - - - - - - - - - - */
+    
+    &_unit-test--enabled {
+      --icon-path: var(--icon__gx-test_unit-test--enabled);
+    }
+    &_unit-test--hover {
+      --icon-path: var(--icon__gx-test_unit-test--hover);
+    }
+    &_unit-test--active {
+      --icon-path: var(--icon__gx-test_unit-test--active);
+    }
+    &_unit-test--disabled {
+      --icon-path: var(--icon__gx-test_unit-test--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    unit-test-db.svg 
+    - - - - - - - - - - - - */
+    
+    &_unit-test-db--enabled {
+      --icon-path: var(--icon__gx-test_unit-test-db--enabled);
+    }
+    &_unit-test-db--hover {
+      --icon-path: var(--icon__gx-test_unit-test-db--hover);
+    }
+    &_unit-test-db--active {
+      --icon-path: var(--icon__gx-test_unit-test-db--active);
+    }
+    &_unit-test-db--disabled {
+      --icon-path: var(--icon__gx-test_unit-test-db--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    ui-test-web.svg 
+    - - - - - - - - - - - - */
+    
+    &_ui-test-web--enabled {
+      --icon-path: var(--icon__gx-test_ui-test-web--enabled);
+    }
+    &_ui-test-web--hover {
+      --icon-path: var(--icon__gx-test_ui-test-web--hover);
+    }
+    &_ui-test-web--active {
+      --icon-path: var(--icon__gx-test_ui-test-web--active);
+    }
+    &_ui-test-web--disabled {
+      --icon-path: var(--icon__gx-test_ui-test-web--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    ui-test-sd.svg 
+    - - - - - - - - - - - - */
+    
+    &_ui-test-sd--enabled {
+      --icon-path: var(--icon__gx-test_ui-test-sd--enabled);
+    }
+    &_ui-test-sd--hover {
+      --icon-path: var(--icon__gx-test_ui-test-sd--hover);
+    }
+    &_ui-test-sd--active {
+      --icon-path: var(--icon__gx-test_ui-test-sd--active);
+    }
+    &_ui-test-sd--disabled {
+      --icon-path: var(--icon__gx-test_ui-test-sd--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-suite.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-suite--enabled {
+      --icon-path: var(--icon__gx-test_test-suite--enabled);
+    }
+    &_test-suite--hover {
+      --icon-path: var(--icon__gx-test_test-suite--hover);
+    }
+    &_test-suite--active {
+      --icon-path: var(--icon__gx-test_test-suite--active);
+    }
+    &_test-suite--disabled {
+      --icon-path: var(--icon__gx-test_test-suite--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-results.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-results--enabled {
+      --icon-path: var(--icon__gx-test_test-results--enabled);
+    }
+    &_test-results--hover {
+      --icon-path: var(--icon__gx-test_test-results--hover);
+    }
+    &_test-results--active {
+      --icon-path: var(--icon__gx-test_test-results--active);
+    }
+    &_test-results--disabled {
+      --icon-path: var(--icon__gx-test_test-results--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-folder.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-folder--enabled {
+      --icon-path: var(--icon__gx-test_test-folder--enabled);
+    }
+    &_test-folder--hover {
+      --icon-path: var(--icon__gx-test_test-folder--hover);
+    }
+    &_test-folder--active {
+      --icon-path: var(--icon__gx-test_test-folder--active);
+    }
+    &_test-folder--disabled {
+      --icon-path: var(--icon__gx-test_test-folder--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    test-folder-open.svg 
+    - - - - - - - - - - - - */
+    
+    &_test-folder-open--enabled {
+      --icon-path: var(--icon__gx-test_test-folder-open--enabled);
+    }
+    &_test-folder-open--hover {
+      --icon-path: var(--icon__gx-test_test-folder-open--hover);
+    }
+    &_test-folder-open--active {
+      --icon-path: var(--icon__gx-test_test-folder-open--active);
+    }
+    &_test-folder-open--disabled {
+      --icon-path: var(--icon__gx-test_test-folder-open--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    screenshot-viewer.svg 
+    - - - - - - - - - - - - */
+    
+    &_screenshot-viewer--enabled {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--enabled);
+    }
+    &_screenshot-viewer--hover {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--hover);
+    }
+    &_screenshot-viewer--active {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--active);
+    }
+    &_screenshot-viewer--disabled {
+      --icon-path: var(--icon__gx-test_screenshot-viewer--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-unit-test.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-unit-test--enabled {
+      --icon-path: var(--icon__gx-test_run-unit-test--enabled);
+    }
+    &_run-unit-test--hover {
+      --icon-path: var(--icon__gx-test_run-unit-test--hover);
+    }
+    &_run-unit-test--active {
+      --icon-path: var(--icon__gx-test_run-unit-test--active);
+    }
+    &_run-unit-test--disabled {
+      --icon-path: var(--icon__gx-test_run-unit-test--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-ui-test-web.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-ui-test-web--enabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--enabled);
+    }
+    &_run-ui-test-web--hover {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--hover);
+    }
+    &_run-ui-test-web--active {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--active);
+    }
+    &_run-ui-test-web--disabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-web--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-ui-test-sd.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-ui-test-sd--enabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--enabled);
+    }
+    &_run-ui-test-sd--hover {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--hover);
+    }
+    &_run-ui-test-sd--active {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--active);
+    }
+    &_run-ui-test-sd--disabled {
+      --icon-path: var(--icon__gx-test_run-ui-test-sd--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-tests.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-tests--enabled {
+      --icon-path: var(--icon__gx-test_run-tests--enabled);
+    }
+    &_run-tests--hover {
+      --icon-path: var(--icon__gx-test_run-tests--hover);
+    }
+    &_run-tests--active {
+      --icon-path: var(--icon__gx-test_run-tests--active);
+    }
+    &_run-tests--disabled {
+      --icon-path: var(--icon__gx-test_run-tests--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-test-suite.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-test-suite--enabled {
+      --icon-path: var(--icon__gx-test_run-test-suite--enabled);
+    }
+    &_run-test-suite--hover {
+      --icon-path: var(--icon__gx-test_run-test-suite--hover);
+    }
+    &_run-test-suite--active {
+      --icon-path: var(--icon__gx-test_run-test-suite--active);
+    }
+    &_run-test-suite--disabled {
+      --icon-path: var(--icon__gx-test_run-test-suite--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    run-test-cancel.svg 
+    - - - - - - - - - - - - */
+    
+    &_run-test-cancel--enabled {
+      --icon-path: var(--icon__gx-test_run-test-cancel--enabled);
+    }
+    &_run-test-cancel--hover {
+      --icon-path: var(--icon__gx-test_run-test-cancel--hover);
+    }
+    &_run-test-cancel--active {
+      --icon-path: var(--icon__gx-test_run-test-cancel--active);
+    }
+    &_run-test-cancel--disabled {
+      --icon-path: var(--icon__gx-test_run-test-cancel--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-warning.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-warning--enabled {
+      --icon-path: var(--icon__gx-test_result-warning--enabled);
+    }
+    &_result-warning--hover {
+      --icon-path: var(--icon__gx-test_result-warning--hover);
+    }
+    &_result-warning--active {
+      --icon-path: var(--icon__gx-test_result-warning--active);
+    }
+    &_result-warning--disabled {
+      --icon-path: var(--icon__gx-test_result-warning--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-skipped.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-skipped--enabled {
+      --icon-path: var(--icon__gx-test_result-skipped--enabled);
+    }
+    &_result-skipped--hover {
+      --icon-path: var(--icon__gx-test_result-skipped--hover);
+    }
+    &_result-skipped--active {
+      --icon-path: var(--icon__gx-test_result-skipped--active);
+    }
+    &_result-skipped--disabled {
+      --icon-path: var(--icon__gx-test_result-skipped--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-ok.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-ok--enabled {
+      --icon-path: var(--icon__gx-test_result-ok--enabled);
+    }
+    &_result-ok--hover {
+      --icon-path: var(--icon__gx-test_result-ok--hover);
+    }
+    &_result-ok--active {
+      --icon-path: var(--icon__gx-test_result-ok--active);
+    }
+    &_result-ok--disabled {
+      --icon-path: var(--icon__gx-test_result-ok--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-exception.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-exception--enabled {
+      --icon-path: var(--icon__gx-test_result-exception--enabled);
+    }
+    &_result-exception--hover {
+      --icon-path: var(--icon__gx-test_result-exception--hover);
+    }
+    &_result-exception--active {
+      --icon-path: var(--icon__gx-test_result-exception--active);
+    }
+    &_result-exception--disabled {
+      --icon-path: var(--icon__gx-test_result-exception--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    result-error.svg 
+    - - - - - - - - - - - - */
+    
+    &_result-error--enabled {
+      --icon-path: var(--icon__gx-test_result-error--enabled);
+    }
+    &_result-error--hover {
+      --icon-path: var(--icon__gx-test_result-error--hover);
+    }
+    &_result-error--active {
+      --icon-path: var(--icon__gx-test_result-error--active);
+    }
+    &_result-error--disabled {
+      --icon-path: var(--icon__gx-test_result-error--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    record-mock.svg 
+    - - - - - - - - - - - - */
+    
+    &_record-mock--enabled {
+      --icon-path: var(--icon__gx-test_record-mock--enabled);
+    }
+    &_record-mock--hover {
+      --icon-path: var(--icon__gx-test_record-mock--hover);
+    }
+    &_record-mock--active {
+      --icon-path: var(--icon__gx-test_record-mock--active);
+    }
+    &_record-mock--disabled {
+      --icon-path: var(--icon__gx-test_record-mock--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    plus.svg 
+    - - - - - - - - - - - - */
+    
+    &_plus--enabled {
+      --icon-path: var(--icon__gx-test_plus--enabled);
+    }
+    &_plus--hover {
+      --icon-path: var(--icon__gx-test_plus--hover);
+    }
+    &_plus--active {
+      --icon-path: var(--icon__gx-test_plus--active);
+    }
+    &_plus--disabled {
+      --icon-path: var(--icon__gx-test_plus--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    image.svg 
+    - - - - - - - - - - - - */
+    
+    &_image--enabled {
+      --icon-path: var(--icon__gx-test_image--enabled);
+    }
+    &_image--hover {
+      --icon-path: var(--icon__gx-test_image--hover);
+    }
+    &_image--active {
+      --icon-path: var(--icon__gx-test_image--active);
+    }
+    &_image--disabled {
+      --icon-path: var(--icon__gx-test_image--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    explorer.svg 
+    - - - - - - - - - - - - */
+    
+    &_explorer--enabled {
+      --icon-path: var(--icon__gx-test_explorer--enabled);
+    }
+    &_explorer--hover {
+      --icon-path: var(--icon__gx-test_explorer--hover);
+    }
+    &_explorer--active {
+      --icon-path: var(--icon__gx-test_explorer--active);
+    }
+    &_explorer--disabled {
+      --icon-path: var(--icon__gx-test_explorer--disabled);
+    }
+
+    /* - - - - - - - - - - - - 
+    cutfo.svg 
+    - - - - - - - - - - - - */
+    
+    &_cutfo--enabled {
+      --icon-path: var(--icon__gx-test_cutfo--enabled);
+    }
+    &_cutfo--hover {
+      --icon-path: var(--icon__gx-test_cutfo--hover);
+    }
+    &_cutfo--active {
+      --icon-path: var(--icon__gx-test_cutfo--active);
+    }
+    &_cutfo--disabled {
+      --icon-path: var(--icon__gx-test_cutfo--disabled);
+    }
+  
+    }
+  
+
+  
   /* =================================
   LIGHT CUSTOM PROPERTIES
   ================================= */