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

@genexus/genexus-ide-ui 0.0.59 → 0.0.60

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 (374) hide show

package/dist/node_modules/@genexus/gemini/dist/collection/components/button-group/button-group.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(.button-group) {
@@ -708,9 +709,9 @@ FORM ELEMENTS
   color: var(--color-on-primary);
   /*button styles overrides*/
   border-radius: 0;
-  background-color: var(--gray-01);
+  background-color: var(--gray-00);
   color: var(--color-primary);
-  border-right: 1px solid var(--gray-02);
+  border-inline-end: 1px solid var(--gray-02);
   padding-left: var(--spacing-comp-03);
   padding-right: var(--spacing-comp-03);
   height: 20px;
@@ -723,30 +724,51 @@ FORM ELEMENTS
   border-top-right-radius: var(--border-radius-md);
   border-bottom-right-radius: var(--border-radius-md);
 }
-:host(.button-group) ::slotted(button:hover) {
-  cursor: pointer;
-  color: var(--color-on-primary);
-  background: var(--color-primary-hover);
-}
 :host(.button-group) ::slotted(button:focus) {
   outline: none;
 }
 :host(.button-group) ::slotted(button[data-active]) {
   color: var(--color-on-primary);
-  background-color: var(--color-primary-active);
-  border-right-color: var(--color-primary-active);
+  background-color: var(--color-primary-enabled);
+  border-right-color: var(--color-primary-enabled);
 }
-:host(.button-group) .disabled-layer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  cursor: not-allowed;
-  z-index: 10;
+:host(.button-group) ::slotted(button:not([outlined]):hover) {
+  color: var(--color-on-primary);
+  background-color: var(--color-primary-hover);
+  cursor: pointer;
+}
+:host([disable-active]) ::slotted(button[data-active]) {
+  pointer-events: none;
+}
+/*Disabled*/
+:host(:not([outlined])) ::slotted(button[data-active]) {
+  --gxg-border-color--focused: var(--color-primary-active--inverted);
+  color: var(--color-on-primary);
+  background-color: var(--color-primary-enabled);
+  border-right-color: var(--color-primary-enabled);
+}
+:host(:not([outlined])) ::slotted(button[disabled]) {
+  background-color: var(--gxg-background-color--disabled);
+  color: var(--gxg-color--disabled);
+  border-inline-end-color: var(--gxg-border-color--disabled);
+  pointer-events: none;
+}
+:host([outlined]) ::slotted(button[disabled]),
+:host([outlined]) ::slotted(button[data-active][disabled]) {
+  background-color: var(--color-background);
+  color: var(--gxg-color--disabled);
+  border-color: var(--gxg-border-color--disabled);
+  pointer-events: none;
+  cursor: cell;
 }
 :host(.button-group:not([disabled])) ::slotted(button:focus) {
   outline: none;
-  box-shadow: var(--box-shadow-values) var(--color-primary-active);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
+  outline-offset: -2px;
 }
 :host(.rtl) ::slotted(button:last-child) {
@@ -775,10 +797,20 @@ FORM ELEMENTS
 }
 :host([outlined]) ::slotted(button) {
-  background: transparent;
+  background: var(--color-background);
   border-width: var(--border-width-sm);
   border-style: var(--border-style-regular);
-  border-color: var(--color-primary-active);
+  border-color: var(--color-primary-enabled);
+}
+:host([outlined]) ::slotted(button[data-active]) {
+  color: var(--color-primary-hover);
+  background-color: var(--color-primary-hover-opacity-01);
+}
+:host([outlined]) ::slotted(button:hover) {
+  color: var(--color-primary-hover);
+  background-color: var(--color-primary-hover-opacity-01);
 }
 :host([outlined]) ::slotted(button:not(:last-child)) {
@@ -789,12 +821,6 @@ FORM ELEMENTS
   border-right: none;
 }
-:host([outlined][disabled]) ::slotted(button) {
-  border-color: var(--color-primary-disabled);
-  color: var(--color-primary-disabled);
-  background-color: transparent;
-}
 /*CENTER*/
 :host([title-alignment=center]) {
   /*Title alignment*/
@@ -810,15 +836,6 @@ FORM ELEMENTS
   justify-content: flex-end;
 }
-:host([disabled]) ::slotted(button),
-:host([disabled]) ::slotted(button[data-active]) {
-  background-color: var(--color-primary-disabled);
-  color: var(--color-on-disabled);
-}
-:host([disabled]) ::slotted(button) {
-  border-right-color: var(--color-on-disabled);
-}
 :host([full-width]) {
   display: block;
   width: 100%;

package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.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/color-picker/color-picker.css CHANGED Viewed

@@ -322,18 +322,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/column/column.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/columns/columns.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;
 }
 /***************************

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

@@ -660,18 +660,85 @@ 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*/
+:host(.gxg-validation--warning) .form-element {
+  border-color: var(--color-warning-dark);
+}
+:host(.gxg-validation--warning) .form-element:focus {
+  outline-color: var(--color-warning-dark);
+  border-color: var(--color-warning-dark);
+}
+:host(.gxg-validation--warning) .form-element:focus + .checkmark {
+  --checkmark-border-color: var(--color-warning-dark);
+}
+/*Error*/
+:host(.gxg-validation--error) .form-element {
+  border-color: var(--color-error-dark);
+}
+:host(.gxg-validation--error) .form-element:focus {
+  outline-color: var(--color-error-dark);
+  border-color: var(--color-error-dark);
+}
+:host(.gxg-validation--error) .form-element:focus + .checkmark {
+  --checkmark-border-color: var(--color-error-dark);
+}
+/*Success*/
+:host(.gxg-validation--success) .form-element {
+  border-color: var(--color-success-dark);
+}
+:host(.gxg-validation--success) .form-element:focus {
+  outline-color: var(--color-success-dark);
+  border-color: var(--color-success-dark);
+}
+:host(.gxg-validation--success) .form-element:focus + .checkmark {
+  --checkmark-border-color: var(--color-success-dark);
+}
+/*Tooltip*/
+.tooltip-outer-wrapper {
+  display: grid;
+  grid-template-columns: 0fr;
+  transition: grid-template-columns var(--timing-02);
+}
+:host(.tooltip--visible) .tooltip-outer-wrapper {
+  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 {
@@ -691,7 +758,6 @@ FORM ELEMENTS
 }
 :host .main-container .outer-wrapper {
   display: flex;
-  gap: var(--spacing-comp-01);
   align-items: center;
 }
 :host .main-container .label {
@@ -734,18 +800,19 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 :host .main-container .items-container::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width);
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host .main-container .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 .main-container .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 .main-container .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 .main-container .items-container--show {
   display: block;

package/dist/node_modules/@genexus/gemini/dist/collection/components/container/container.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;
 }
 /*******************************

package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu/contextual-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/contextual-menu-item/contextual-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 .contextual-menu-item {

package/dist/node_modules/@genexus/gemini/dist/collection/components/contextual-menu-submenu/contextual-menu-submenu.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/date-picker/date-picker.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;
 }
 /*
@@ -994,9 +995,7 @@ FORM ELEMENTS
   z-index: 100;
 }
 #date-picker: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;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/demo/demo.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 .layer {

package/dist/node_modules/@genexus/gemini/dist/collection/components/drag-box/drag-box.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/drag-container/drag-container.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 {