@genexus/mercury 0.1.17 → 0.1.19

package/dist/mercury.scss

@@ -386,151 +386,151 @@ Window
 // Tokens Primitive
 @mixin border() {
   // border widths
-  --mer-border__width--sm: 1px;
-  --mer-border__width--md: 2px;
-  --mer-border__width--lg: 4px;
+  --mer-border-width--sm: 1px;
+  --mer-border-width--md: 2px;
+  --mer-border-width--lg: 4px;
 
   //border radius
-  --mer-border__radius--2xs: 1px;
-  --mer-border__radius--xs: 2px;
-  --mer-border__radius--sm: 4px;
-  --mer-border__radius--md: 8px;
-  --mer-border__radius--lg: 12px;
-  --mer-border__radius--xl: 30px;
+  --mer-border-radius--2xs: 1px;
+  --mer-border-radius--xs: 2px;
+  --mer-border-radius--sm: 4px;
+  --mer-border-radius--md: 8px;
+  --mer-border-radius--lg: 12px;
+  --mer-border-radius--xl: 30px;
 }
 
 @mixin foundation-colors--light() {
   // primary
-  --mer-color__primary-blue--200: #2070ce;
-  --mer-color__primary-blue--300: #5498e8;
-  --mer-color__primary-blue--400: #437dc0;
-  --mer-color__primary-blue--600: #335884;
+  --mer-color-primary-blue--200: #2070ce;
+  --mer-color-primary-blue--300: #5498e8;
+  --mer-color-primary-blue--400: #437dc0;
+  --mer-color-primary-blue--600: #335884;
 
   // neutral
-  --mer-color__neutral-gray--00: #363636;
-  --mer-color__neutral-gray--100: #525151;
-  --mer-color__neutral-gray--200: #616161;
-  --mer-color__neutral-gray--300: #696969;
-  --mer-color__neutral-gray--400: #666666;
-  --mer-color__neutral-gray--500: #7f7f7f;
-  --mer-color__neutral-gray--600: #999999;
-  --mer-color__neutral-gray--700: #b3b3b3;
+  --mer-color-neutral-gray--00: #363636;
+  --mer-color-neutral-gray--100: #525151;
+  --mer-color-neutral-gray--200: #616161;
+  --mer-color-neutral-gray--300: #696969;
+  --mer-color-neutral-gray--400: #666666;
+  --mer-color-neutral-gray--500: #7f7f7f;
+  --mer-color-neutral-gray--600: #999999;
+  --mer-color-neutral-gray--700: #b3b3b3;
   // 800 to 1400 do not exist anymore in figma (check with designer) ⚠️
-  --mer-color__neutral-gray--800: #cccccc;
-  --mer-color__neutral-gray--900: #ffffff;
-  --mer-color__neutral-gray--1000: #f8f8f8;
-  --mer-color__neutral-gray--1100: #f1f1f1;
-  --mer-color__neutral-gray--1200: #e4e4e4;
-  --mer-color__neutral-gray--1300: #dedede;
-  --mer-color__neutral-gray--1400: #ffffff;
+  --mer-color-neutral-gray--800: #cccccc;
+  --mer-color-neutral-gray--900: #ffffff;
+  --mer-color-neutral-gray--1000: #f8f8f8;
+  --mer-color-neutral-gray--1100: #f1f1f1;
+  --mer-color-neutral-gray--1200: #e4e4e4;
+  --mer-color-neutral-gray--1300: #dedede;
+  --mer-color-neutral-gray--1400: #ffffff;
 
   // tinted grays
-  --mer-color__tinted-yellow--5: #ffc96b0d;
-  --mer-color__tinted-yellow--60: #ffc96b99;
-  --mer-color__tinted-red--5: #fb7c840d;
-  --mer-color__tinted-red--60: #fb7c8499;
-  --mer-color__tinted-green--5: #3fa89b0d;
-  --mer-color__tinted-green--60: #3fa89b99;
-  --mer-color__tinted-blue--5: #2070ce0d;
-  --mer-color__tinted-blue--8: #2070ce14;
-  --mer-color__tinted-blue--10: #2070ce1a;
-  --mer-color__tinted-blue--20: #2070ce33;
-  --mer-color__tinted-blue--50: #2070ce80;
+  --mer-color-tinted-yellow--5: #ffc96b0d;
+  --mer-color-tinted-yellow--60: #ffc96b99;
+  --mer-color-tinted-red--5: #fb7c840d;
+  --mer-color-tinted-red--60: #fb7c8499;
+  --mer-color-tinted-green--5: #3fa89b0d;
+  --mer-color-tinted-green--60: #3fa89b99;
+  --mer-color-tinted-blue--5: #2070ce0d;
+  --mer-color-tinted-blue--8: #2070ce14;
+  --mer-color-tinted-blue--10: #2070ce1a;
+  --mer-color-tinted-blue--20: #2070ce33;
+  --mer-color-tinted-blue--50: #2070ce80;
 
   // message
-  --mer-color__message-green--100: #3fa89b;
-  --mer-color__message-green--200: #3fa89b;
-  --mer-color__message-yellow--100: #ffc96b;
-  --mer-color__message-yellow--200: #ffc96b;
-  --mer-color__message-red--100: #fb7c84;
-  --mer-color__message-red--200: #fb7c84;
-  --mer-color__message-red--300: #dd8f94;
+  --mer-color-message-green--100: #3fa89b;
+  --mer-color-message-green--200: #3fa89b;
+  --mer-color-message-yellow--100: #ffc96b;
+  --mer-color-message-yellow--200: #ffc96b;
+  --mer-color-message-red--100: #fb7c84;
+  --mer-color-message-red--200: #fb7c84;
+  --mer-color-message-red--300: #dd8f94;
 
   // surface
-  --mer-color__surface: #f4f5f5;
+  --mer-color-surface: #f4f5f5;
 
   // elevation
-  --mer-color__elevation--01: #f1f1f1;
-  --mer-color__elevation--02: #e4e4e4;
-  --mer-color__elevation--03: #dedede;
-  --mer-color__elevation--04: #ffffff;
+  --mer-color-elevation--01: #f1f1f1;
+  --mer-color-elevation--02: #e4e4e4;
+  --mer-color-elevation--03: #dedede;
+  --mer-color-elevation--04: #ffffff;
 
   // secondary
-  --mer-color__secondary-green--200: #3fa89b;
+  --mer-color-secondary-green--200: #3fa89b;
 }
 
 @mixin foundation-colors--dark() {
   // primary
-  --mer-color__primary-blue--200: #5ba7ff;
-  --mer-color__primary-blue--300: #5498e8;
-  --mer-color__primary-blue--400: #437dc0;
-  --mer-color__primary-blue--600: #335884;
+  --mer-color-primary-blue--200: #5ba7ff;
+  --mer-color-primary-blue--300: #5498e8;
+  --mer-color-primary-blue--400: #437dc0;
+  --mer-color-primary-blue--600: #335884;
 
   // neutral
-  --mer-color__neutral-gray--00: #ffffff;
-  --mer-color__neutral-gray--100: #cccccc;
-  --mer-color__neutral-gray--200: #b3b3b3;
-  --mer-color__neutral-gray--300: #999999;
-  --mer-color__neutral-gray--400: #7f7f7f;
-  --mer-color__neutral-gray--500: #666666;
-  --mer-color__neutral-gray--600: #4d4d4d;
-  --mer-color__neutral-gray--700: #333333;
+  --mer-color-neutral-gray--00: #ffffff;
+  --mer-color-neutral-gray--100: #cccccc;
+  --mer-color-neutral-gray--200: #b3b3b3;
+  --mer-color-neutral-gray--300: #999999;
+  --mer-color-neutral-gray--400: #7f7f7f;
+  --mer-color-neutral-gray--500: #666666;
+  --mer-color-neutral-gray--600: #4d4d4d;
+  --mer-color-neutral-gray--700: #333333;
   // 800 to 1400 do not exist anymore in figma (check with designer) ⚠️
-  --mer-color__neutral-gray--800: #1a1a1a;
-  --mer-color__neutral-gray--900: #000000;
-  --mer-color__neutral-gray--1000: #1f2225;
-  --mer-color__neutral-gray--1100: #24272a;
-  --mer-color__neutral-gray--1200: #2d3032;
-  --mer-color__neutral-gray--1300: #3b3e40;
-  --mer-color__neutral-gray--1400: #2d3134;
+  --mer-color-neutral-gray--800: #1a1a1a;
+  --mer-color-neutral-gray--900: #000000;
+  --mer-color-neutral-gray--1000: #1f2225;
+  --mer-color-neutral-gray--1100: #24272a;
+  --mer-color-neutral-gray--1200: #2d3032;
+  --mer-color-neutral-gray--1300: #3b3e40;
+  --mer-color-neutral-gray--1400: #2d3134;
 
   // tinted grays
-  --mer-color__tinted-yellow--5: #ffc96b0d;
-  --mer-color__tinted-yellow--60: #ffc96b99;
-  --mer-color__tinted-red--5: #fb7c840d;
-  --mer-color__tinted-red--60: #fb7c8499;
-  --mer-color__tinted-green--5: #3fa89b0d;
-  --mer-color__tinted-green--60: #3fa89b99;
-  --mer-color__tinted-blue--5: #5ba7ff0d;
-  --mer-color__tinted-blue--8: #5ba7ff14;
-  --mer-color__tinted-blue--10: #5ba7ff1a;
-  --mer-color__tinted-blue--20: #5ba7ff33;
-  --mer-color__tinted-blue--50: #5ba7ff80;
+  --mer-color-tinted-yellow--5: #ffc96b0d;
+  --mer-color-tinted-yellow--60: #ffc96b99;
+  --mer-color-tinted-red--5: #fb7c840d;
+  --mer-color-tinted-red--60: #fb7c8499;
+  --mer-color-tinted-green--5: #3fa89b0d;
+  --mer-color-tinted-green--60: #3fa89b99;
+  --mer-color-tinted-blue--5: #5ba7ff0d;
+  --mer-color-tinted-blue--8: #5ba7ff14;
+  --mer-color-tinted-blue--10: #5ba7ff1a;
+  --mer-color-tinted-blue--20: #5ba7ff33;
+  --mer-color-tinted-blue--50: #5ba7ff80;
 
   // message
-  --mer-color__message-green--100: #3fa89b;
-  --mer-color__message-green--200: #3fa89b;
-  --mer-color__message-yellow--100: #ffc96b;
-  --mer-color__message-yellow--200: #f9bd56;
-  --mer-color__message-red--100: #fb7c84;
-  --mer-color__message-red--200: #e35861;
-  --mer-color__message-red--300: #dd8f94;
+  --mer-color-message-green--100: #3fa89b;
+  --mer-color-message-green--200: #3fa89b;
+  --mer-color-message-yellow--100: #ffc96b;
+  --mer-color-message-yellow--200: #f9bd56;
+  --mer-color-message-red--100: #fb7c84;
+  --mer-color-message-red--200: #e35861;
+  --mer-color-message-red--300: #dd8f94;
 
   // surface
-  --mer-color__surface: #1a1d20;
+  --mer-color-surface: #1a1d20;
 
   // elevation
-  --mer-color__elevation--01: #202428;
-  --mer-color__elevation--02: #262a2f;
-  --mer-color__elevation--03: #2b3237;
-  --mer-color__elevation--04: #3b4044;
+  --mer-color-elevation--01: #202428;
+  --mer-color-elevation--02: #262a2f;
+  --mer-color-elevation--03: #2b3237;
+  --mer-color-elevation--04: #3b4044;
 
   // secondary
-  --mer-color__secondary-green--200: #3fa89b;
+  --mer-color-secondary-green--200: #3fa89b;
 }
 
 @mixin elevation--light() {
   // background color
-  --mer-elevation__bg-color--01: var(--mer-color__neutral-gray--900);
-  --mer-elevation__bg-color--02: var(--mer-color__neutral-gray--900);
-  --mer-elevation__bg-color--03: var(--mer-color__neutral-gray--900);
-  --mer-elevation__bg-color--04: var(--mer-color__neutral-gray--900);
+  --mer-bg-color-elevation--01: var(--mer-color__neutral-gray--900);
+  --mer-bg-color-elevation--02: var(--mer-color__neutral-gray--900);
+  --mer-bg-color-elevation--03: var(--mer-color__neutral-gray--900);
+  --mer-bg-color-elevation--04: var(--mer-color__neutral-gray--900);
 
   // border
-  --mer-elevation__border-01: transparent;
-  --mer-elevation__border-02: transparent;
-  --mer-elevation__border-03: transparent;
-  --mer-elevation__border-04: transparent;
+  --mer-border-color-elevation--01: transparent;
+  --mer-border-color-elevation--02: transparent;
+  --mer-border-color-elevation--03: transparent;
+  --mer-border-color-elevation--04: transparent;
 
   // box shadow
   --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
@@ -538,21 +538,21 @@ Window
 
 @mixin elevation--dark() {
   // background color
-  --mer-elevation__bg-color--01: var(--mer-color__elevation--01);
-  --mer-elevation__bg-color--02: var(--mer-color__elevation--02);
-  --mer-elevation__bg-color--03: var(--mer-color__elevation--03);
-  --mer-elevation__bg-color--04: var(--mer-color__elevation--04);
+  --mer-bg-color-elevation--01: var(--mer-color__elevation--01);
+  --mer-bg-color-elevation--02: var(--mer-color__elevation--02);
+  --mer-bg-color-elevation--03: var(--mer-color__elevation--03);
+  --mer-bg-color-elevation--04: var(--mer-color__elevation--04);
 
   // border
-  --mer-elevation__border-01: 1px solid var(--mer-color__elevation--03);
-  --mer-elevation__border-03: transparent;
-  --mer-elevation__border-04: transparent;
+  --mer-border-color-elevation--01: 1px solid var(--mer-color__elevation--03);
+  --mer-border-color-elevation--03: transparent;
+  --mer-border-color-elevation--04: transparent;
 
   // box shadow
-  --mer-elevation__box-shadow--01: none;
-  --mer-elevation__box-shadow--02: none;
-  --mer-elevation__box-shadow--03: none;
-  --mer-elevation__box-shadow--04: none;
+  --mer-box-shadow-elevation--01: none;
+  --mer-box-shadow-elevation--02: none;
+  --mer-box-shadow-elevation--03: none;
+  --mer-box-shadow-elevation--04: none;
 
   // box shadow
   --mer-box-shadow--01: 0px 4px 20px 0px #00000040;
@@ -567,19 +567,19 @@ Window
   --mer-font-family--inter-extra-bold: "Inter_ExtraBold", arial, sans-serif; // 800
 
   // weights
-  --mer-font__weight--light: 300;
-  --mer-font__weight--regular: 400;
-  --mer-font__weight--semi-bold: 600;
-  --mer-font__weight--bold: 700;
-  --mer-font__weight--extra-bold: 800;
+  --mer-font-weight--light: 300;
+  --mer-font-weight--regular: 400;
+  --mer-font-weight--semi-bold: 600;
+  --mer-font-weight--bold: 700;
+  --mer-font-weight--extra-bold: 800;
 
   // sizes
-  --mer-font__size--2xs: 12px;
-  --mer-font__size--xs: 14px;
-  --mer-font__size--sm: 16px;
-  --mer-font__size--md: 20px;
-  --mer-font__size--lg: 24px;
-  --mer-font__size--xl: 36px;
+  --mer-font-size--2xs: 12px;
+  --mer-font-size--xs: 14px;
+  --mer-font-size--sm: 16px;
+  --mer-font-size--md: 20px;
+  --mer-font-size--lg: 24px;
+  --mer-font-size--xl: 36px;
 
   // line heights
   --mer-line-height--tight: 1.4em;
@@ -685,27 +685,27 @@ Window
 
   // enabled
   --mer-item__color--enabled: var(--mer-text__on-elevation);
-  --mer-item__bg-color--enabled: var(--mer-color__elevation--01);
-  --mer-item__border-color--enabled: var(--mer-color__elevation--04);
+  --mer-item__bg-color--enabled: var(--mer-color-elevation--01);
+  --mer-item__border-color--enabled: var(--mer-color-elevation--04);
 
   // hover
-  --mer-item__color--hover: var(--mer-color__neutral-gray--100); // ? (validate)
-  --mer-item__bg-color--hover: var(--mer-color__tinted-blue--5);
-  --mer-item__border-color--hover: var(--mer-color__tinted-blue--20);
+  --mer-item__color--hover: var(--mer-color-neutral-gray--100); // ? (validate)
+  --mer-item__bg-color--hover: var(--mer-color-tinted-blue--5);
+  --mer-item__border-color--hover: var(--mer-color-tinted-blue--20);
 
   // selected
   --mer-item__color--selected: var(
-    --mer-color__neutral-gray--100
+    --mer-color-neutral-gray--100
   ); // ? (validate)
-  --mer-item__bg-color--selected: var(--mer-color__tinted-blue--10);
-  --mer-item__border-color--selected: var(--mer-color__tinted-blue--20);
+  --mer-item__bg-color--selected: var(--mer-color-tinted-blue--10);
+  --mer-item__border-color--selected: var(--mer-color-tinted-blue--20);
 
   // selected + hover
   --mer-item__color--selected-hover: var(
-    --mer-color__neutral-gray--100
+    --mer-color-neutral-gray--100
   ); // ? (validate)
-  --mer-item__bg-color--selected-hover: var(--mer-color__tinted-blue--10);
-  --mer-item__border-color--selected-hover: var(--mer-color__tinted-blue--20);
+  --mer-item__bg-color--selected-hover: var(--mer-color-tinted-blue--10);
+  --mer-item__border-color--selected-hover: var(--mer-color-tinted-blue--20);
 
   // disabled
   --mer-item__color--disabled: var(); // ? (validate)
@@ -1771,28 +1771,28 @@ Window
 
 // This mixins processes icons for the tree view action start part.
 @mixin tree-view-icons(
-  $icons-list,
-  $icons-list-name,
+  $icons-in-category,
+  $category-name,
   $tree-view-selector: ".tree-view"
 ) {
-  @each $icon in $icons-list {
-    $icon-part-name: #{$icons-list-name}-#{$icon};
+  @each $icon in $icons-in-category {
+    $icon-part-name: #{$category-name}-#{$icon};
     //enabled
-    $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--enabled);
+    $icon-variable: var(--icon__#{$category-name}_#{$icon}--enabled);
     $enabled-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name})";
     @include tree-view-item__action-icon(
       $item__action-with-icon-selector: $enabled-selector,
       $icon-path: $icon-variable
     );
     //hover
-    $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--hover);
+    $icon-variable: var(--icon__#{$category-name}_#{$icon}--hover);
     $hover-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name}):hover";
     @include tree-view-item__action-icon(
       $item__action-with-icon-selector: $hover-selector,
       $icon-path: $icon-variable
     );
     //active
-    $icon-variable: var(--icon__#{$icons-list-name}_#{$icon}--active);
+    $icon-variable: var(--icon__#{$category-name}_#{$icon}--active);
     $active-selector: "#{$tree-view-selector}::part(item__action #{$icon-part-name}):active";
     @include tree-view-item__action-icon(
       $item__action-with-icon-selector: $active-selector,
@@ -1801,60 +1801,58 @@ Window
   }
 }
 
-
-
-/* - - - - - - - - - - - - - - - - - - 
-MONOCHROME CONSTRUCTS
-- - - - - - - - - - - - - - - - - - */
+/* - - - - - - - - - - - - - - - -
+ Monochrome Categories and Colors
+ - - - - - - - - - - - - - - - - -*/
 
 $monochrome-colors: (
- on-surface: (
-   enabled,
-   hover,
-   active,
-   disabled
+  on-surface: (
+    enabled,
+    hover,
+    active,
+    disabled
  ),
- on-primary: (
-   enabled,
-   hover,
-   active,
-   disabled
+  on-primary: (
+    enabled,
+    hover,
+    active,
+    disabled
  ),
- on-disabled: (
-   enabled,
+  on-disabled: (
+    enabled,
  ),
- on-message: (
-   enabled,
+  on-message: (
+    enabled,
  ),
- on-elevation: (
-   enabled,
+  on-elevation: (
+    enabled,
  ),
- primary: (
-   enabled,
-   hover,
-   active,
-   disabled
+  primary: (
+    enabled,
+    hover,
+    active,
+    disabled
  ),
- error: (
-   enabled,
+  error: (
+    enabled,
  ),
- warning: (
-   enabled,
+  warning: (
+    enabled,
  ),
- success: (
-   enabled,
+  success: (
+    enabled,
  ),
- neutral: (
-   enabled,
-   hover,
-   active,
-   disabled
+  neutral: (
+    enabled,
+    hover,
+    active,
+    disabled
  ),
- highlighted: (
-   enabled,
+  highlighted: (
+    enabled,
  ),
- bright: (
-   enabled,
+  bright: (
+    enabled,
  )
 );
 
@@ -1905,6 +1903,44 @@ $monochrome-categories: (
  )
 );
 
+/* - - - - - - - - - - - 
+Monochrome lists
+- - - - - - - - - - - */
+ 
+// windows-tools
+$windows-tools: workflow, workflow-settings, work-with-attributes, watch, toolbox, teamdev, services, roles, rol, responsive-sizes, references, properties, preferences, performance-test-objects, output, logout, last-changes-view, kb-explorer, indexer-monitor, history, genexus-cloud, frontend, filter, filter-conditions, error-list, debugx, datastores, category-groups, breakpoints, backend, alphabetical-order;
+ 
+// navigation
+$navigation: pill-outlined, pill-filled, level-up, level-down, gx-arrow-right, drag, chevron-up, chevron-right, chevron-left, chevron-down, bullet, arrow-up, arrow-right, arrow-left, arrow-down, arrow-down-skyblue;
+ 
+// menus
+$menus: undo, undo-close-object, save, save-all, run, redo, properties, paste, open-object, new-object, find, delete, cut, create-database-tables, copy, cancel-build, build, build-all;
+ 
+// gemini-tools
+$gemini-tools: warning, success, show-more-vertical, show-more-horizontal, share, settings, search, reset, read-only, open-window, notice, more-info, minus, minus-circle, list-view, folder, flow-arrow, file, error, edit, edit-wand, duplicate, download, deleted, delete, data-provider, copy, copy-to-clipboard, color-picker, close, category-ungroup, category-group, card-view, add, add-circle;
+
+$all-monochrome-lists: (
+  windows-tools: $windows-tools,
+  navigation: $navigation,
+  menus: $menus,
+  gemini-tools: $gemini-tools,
+);
+
+/* - - - - - - - - - - - 
+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;
+
+$all-multicolor-lists: (
+  objects: $objects,
+); 
+
+/* - - - - - - - - - - - - - - - - - - 
+MONOCHROME CONSTRUCTS
+- - - - - - - - - - - - - - - - - - */
+
 // functions for monochrome or multicolor:
 @function category-is-excluded($category, $categories-list) {
   @return index($category, $categories-list) != null;
@@ -1925,7 +1961,6 @@ $monochrome-categories: (
   @return $multicolorStates;
 }
 
-
 @mixin generate-monochrome-icons-selectors(
   $all-monochrome-lists,
   $css-prefix: "icon",
@@ -4586,7 +4621,6 @@ MULTICOLOR CONSTRUCTS
 
   }
   
-   $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;
     %icon__objects {
   
 
@@ -8205,7 +8239,6 @@ MULTICOLOR CONSTRUCTS
 
   }
   
-   $windows-tools: workflow, workflow-settings, work-with-attributes, watch, toolbox, teamdev, services, roles, rol, responsive-sizes, references, properties, preferences, performance-test-objects, output, logout, last-changes-view, kb-explorer, indexer-monitor, history, genexus-cloud, frontend, filter, filter-conditions, error-list, debugx, datastores, category-groups, breakpoints, backend, alphabetical-order;
     %icon__windows-tools {
   
 
@@ -13130,7 +13163,6 @@ MULTICOLOR CONSTRUCTS
 
   }
   
-   $navigation: pill-outlined, pill-filled, level-up, level-down, gx-arrow-right, drag, chevron-up, chevron-right, chevron-left, chevron-down, bullet, arrow-up, arrow-right, arrow-left, arrow-down, arrow-down-skyblue;
     %icon__navigation {
   
 
@@ -16099,7 +16131,6 @@ MULTICOLOR CONSTRUCTS
 
   }
   
-   $menus: undo, undo-close-object, save, save-all, run, redo, properties, paste, open-object, new-object, find, delete, cut, create-database-tables, copy, cancel-build, build, build-all;
     %icon__menus {
   
 
@@ -20054,7 +20085,6 @@ MULTICOLOR CONSTRUCTS
 
   }
   
-   $gemini-tools: warning, success, show-more-vertical, show-more-horizontal, share, settings, search, reset, read-only, open-window, notice, more-info, minus, minus-circle, list-view, folder, flow-arrow, file, error, edit, edit-wand, duplicate, download, deleted, delete, data-provider, copy, copy-to-clipboard, color-picker, close, category-ungroup, category-group, card-view, add, add-circle;
     %icon__gemini-tools {
   
 
@@ -24832,17 +24862,6 @@ MULTICOLOR CONSTRUCTS
     }
   
 
-$all-multicolor-lists: ( 
-objects: $objects,
-);
-
-$all-monochrome-lists: ( 
-windows-tools: $windows-tools, 
-navigation: $navigation, 
-menus: $menus, 
-gemini-tools: $gemini-tools,
-);
-
   // - - - - - - - - - - - - - - - - - - - -
   //              Typography
   // - - - - - - - - - - - - - - - - - - - -
@@ -25118,9 +25137,6 @@ gemini-tools: $gemini-tools,
 
     // Form input text
     @include form-input-icon();
-
-    // Tree view icons
-    @include tree-view-icons($objects, "objects", ".tree-view");
   }
 
   // - - - - - - - - - - - - - - - -  - - -

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "dist/mercury.scss",
   "files": [
@@ -8,15 +8,16 @@
   ],
   "type": "module",
   "scripts": {
-    "build": "npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks",
+    "build": "npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
     "build-no-svg": "npm run build.scss && npm run copy-tasks",
     "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && sass test/test.scss dist/css/mercury.css",
     "test": "sass test/test.scss  test/mercury.css",
     "validate.ci": "npm run build-no-svg",
-    "icons-svg": "ssg-svg src/icons/svg-source src/assets/icons/_generated/ src/icons/svg-source/.config/color-states.json showcase/icons/ ./log ../assets/icons/",
+    "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.js",
     "icons-sass": "ssg-sass src/assets/icons/ src/icons/_generated/ src/icons/svg-source/.config/color-states.json",
     "watch:sass": "chokidar src/**/*.scss ../common/**/*.scss -c \"npm run build.scss\"",
-    "copy-tasks": "node copy-tasks.js"
+    "copy-tasks": "node copy-tasks.js",
+    "showcase.scss": "sass showcase/scss/tree-icons.scss showcase/css/tree-icons.css"
   },
   "license": "MIT",
   "devDependencies": {
@@ -25,7 +26,7 @@
     "chokidar-cli": "^3.0.0",
     "sass": "~1.72.0",
     "scss-bundle": "~3.1.2",
-    "@genexus/svg-sass-generator": "1.1.11"
+    "@genexus/svg-sass-generator": "1.1.13"
   },
   "engines": {
     "pnpm": ">=3"