npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.59 → 0.0.61 - Mend

@genexus/genexus-ide-ui 0.0.59 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (486) hide show

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 /*Warning*/
@@ -721,11 +722,23 @@ FORM ELEMENTS
   grid-template-columns: 1fr;
 }
+.tooltip-inner-wrapper {
+  overflow: hidden;
+  transition: 150ms width;
+  width: 0;
+}
 .tooltip-inner-wrapper gxg-icon {
   display: flex;
   position: relative !important;
   top: 0 !important;
   transform: none !important;
+  margin-inline-start: var(--spacing-comp-01);
+}
+.tooltip-inner-wrapper--visible {
+  width: 24px;
+}
+.tooltip-inner-wrapper--hidden {
+  display: none;
 }
 :host(.gxg--disabled) .form-element,
@@ -798,9 +811,7 @@ TEXTAREA
   background-color: var(--color-background);
 }
 :host textarea:focus {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
 :host textarea--resize {

package/dist/node_modules/@genexus/gemini/dist/collection/components/grid/gxg-grid.css CHANGED Viewed

@@ -321,18 +321,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :root {
@@ -354,18 +355,19 @@ ch-grid::part(main) {
   /* Handle on hover */
 }
 ch-grid::part(main)::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 ch-grid::part(main)::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 ch-grid::part(main)::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 ch-grid::part(main)::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 gxg-grid.no-border ch-grid {
@@ -524,6 +526,9 @@ ch-grid-row {
   color: var(--gray-04);
   border: 2px solid transparent;
 }
+ch-grid-row ch-grid-cell {
+  border-top-width: 1px;
+}
 ch-grid-row:nth-of-type(odd) {
   background-color: var(--gray-00);
 }
@@ -549,7 +554,7 @@ ch-grid-row[selected] > ch-grid-cell {
   color: var(--color-on-secondary);
 }
 ch-grid-row[selected] + ch-grid-row[selected] ch-grid-cell {
-  border-top-color: var(--color-secondary-hover);
+  border-top-color: var(--gxg-border-color--selected);
 }
 ch-grid-cell {

package/dist/node_modules/@genexus/gemini/dist/collection/components/icon/icon.css CHANGED Viewed

@@ -663,18 +663,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css CHANGED Viewed

@@ -321,18 +321,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css CHANGED Viewed

@@ -330,18 +330,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 /*Warning*/
@@ -391,11 +392,23 @@ FORM ELEMENTS
   grid-template-columns: 1fr;
 }
+.tooltip-inner-wrapper {
+  overflow: hidden;
+  transition: 150ms width;
+  width: 0;
+}
 .tooltip-inner-wrapper gxg-icon {
   display: flex;
   position: relative !important;
   top: 0 !important;
   transform: none !important;
+  margin-inline-start: var(--spacing-comp-01);
+}
+.tooltip-inner-wrapper--visible {
+  width: 24px;
+}
+.tooltip-inner-wrapper--hidden {
+  display: none;
 }
 :host {
@@ -408,7 +421,7 @@ FORM ELEMENTS
 }
 :host .container {
   height: 100%;
-  border: var(--border-radius-xs) var(--border-style-regular) var(--gray-02);
+  border: var(--border-radius-xs) var(--border-style-regular) var(--gxg-border-color--regular);
 }
 :host .header {
   width: 100%;
@@ -431,18 +444,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 :host .main::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host .main::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 :host .main::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 :host .main::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host .main--no-border {
   border: none;
@@ -487,6 +501,27 @@ FORM ELEMENTS
   list-style-type: none;
   flex-grow: 1;
 }
+/*BORDERS*/
+:host([no-border]) .container {
+  border: none;
+}
+:host([border-top]) .container {
+  border-top: 1px solid var(--gxg-border-color--regular);
+}
+:host([border-end]) .container {
+  border-inline-end: 1px solid var(--gxg-border-color--regular);
+}
+:host([border-bottom]) .container {
+  border-bottom: 1px solid var(--gxg-border-color--regular);
+}
+:host([border-start]) .container {
+  border-inline-start: 1px solid var(--gxg-border-color--regular);
+}
 /*********************************************
 VALIDATION
 **********************************************/

package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css CHANGED Viewed

@@ -330,18 +330,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {
@@ -406,9 +407,7 @@ FORM ELEMENTS
 /*HIGHLIGHTED*/
 /*ACTIVE*/
 :host([active]) {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
   background-color: var(--gxg-background-color--hover);
   color: var(--gxg-color--hover);
@@ -418,7 +417,7 @@ FORM ELEMENTS
 :host([selected]) {
   background-color: var(--gxg-background-color--selected);
   color: var(--gxg-color--selected);
-  border-bottom-color: var(--color-secondary-hover);
+  border-bottom-color: var(--gxg-border-color--selected);
 }
 :host([selected]:hover) {

package/dist/node_modules/@genexus/gemini/dist/collection/components/loader-gxg/loader.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu/menu.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu/menu-item/menu-item.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host .menu-item {

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host(.gxg--disabled) .form-element,
@@ -718,9 +719,7 @@ FORM ELEMENTS
   background-color: var(--gxg-background-color--hover);
 }
 :host .menu-item__button:focus {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
 :host :menu-item--tab {

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/list/list.css CHANGED Viewed

@@ -321,18 +321,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/menu/menu.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {

package/dist/node_modules/@genexus/gemini/dist/collection/components/modal/modal.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host .modal-container {

package/dist/node_modules/@genexus/gemini/dist/collection/components/more-info/more-info.css CHANGED Viewed

@@ -660,18 +660,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host .more-info {

package/dist/node_modules/@genexus/gemini/dist/collection/components/options/gxg-options.css CHANGED Viewed

@@ -321,18 +321,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host {
@@ -346,18 +347,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 :host::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 :host::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 :host::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host .options__container {
@@ -381,18 +383,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 :host .options__items-container::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host .options__items-container::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background);
-  border-radius: var(--gxg-scrollbar-track-border-radius);
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 :host .options__items-container::-webkit-scrollbar-thumb {
-  background: var(--gxg-scrollbar-track-thumb-background);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 :host .options__items-container::-webkit-scrollbar-thumb:hover {
-  background: var(--gxg-scrollbar-track-thumb-hover-background);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+  cursor: pointer;
 }
 :host(.options--visible) .options__items-container {