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

@genexus/genexus-ide-ui 0.0.58 → 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 (436) hide show

package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-layout/spacer-layout.css CHANGED Viewed

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

package/dist/node_modules/@genexus/gemini/dist/collection/components/spacer-one/spacer-one.css CHANGED Viewed

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

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

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

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

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

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

@@ -322,19 +322,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -385,11 +384,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;
 }
 ch-suggest {
@@ -408,19 +419,18 @@ ch-suggest {
   /*window*/
 }
 ch-suggest::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 ch-suggest::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 ch-suggest::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 ch-suggest::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 ch-suggest ::-webkit-scrollbar {
@@ -466,15 +476,11 @@ ch-suggest::part(input) {
   background-color: var(--color-background);
 }
 ch-suggest::part(input):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;
 }
 ch-suggest::part(input):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;
 }
 ch-suggest::part(header) {
@@ -504,9 +510,7 @@ ch-suggest::part(close-button)::after {
   text-align: center;
 }
 ch-suggest::part(close-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;
 }
 ch-suggest::part(dropdown) {
@@ -523,19 +527,18 @@ ch-suggest::part(dropdown) {
   /* Handle on hover */
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 ch-suggest::part(dropdown) ::-webkit-scrollbar {
@@ -642,9 +645,7 @@ ch-suggest-list-item::part(button) {
   box-sizing: border-box;
 }
 ch-suggest-list-item::part(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;
 }
 ch-suggest-list-item::part(description)::before {

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

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -350,6 +349,7 @@ FORM ELEMENTS
   text-align: start;
   line-height: 1.455em;
   height: 100%;
+  width: 100%;
   box-sizing: border-box;
   padding: var(--spacing-comp-03);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css CHANGED Viewed

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -403,6 +402,29 @@ FORM ELEMENTS
   width: 0;
 }
+/*Scrollable*/
+:host([scrollable]) .nav {
+  width: 100%;
+  overflow-y: auto;
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+:host([scrollable]) .nav::-webkit-scrollbar {
+  height: var(--gxg-scrollbar-width);
+}
+:host([scrollable]) .nav::-webkit-scrollbar-track {
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
+}
+:host([scrollable]) .nav::-webkit-scrollbar-thumb {
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
+}
+:host([scrollable]) .nav::-webkit-scrollbar-thumb:hover {
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
+}
 :host(.gxg-tab-bar--hidden) {
   display: none;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css CHANGED Viewed

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -374,9 +373,7 @@ FORM ELEMENTS
   transition-timing-function: ease;
 }
 :host .tab-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 .tab-button:after {
@@ -436,11 +433,19 @@ FORM ELEMENTS
   transition-timing-function: ease;
 }
 :host(.menu-button) .tab-button {
-  padding: 0 var(--spacing-comp-04);
+  padding: 0 var(--spacing-comp-02);
+  min-height: calc(var(--spacing-comp-06) * 0.85);
+  justify-content: flex-start;
 }
 :host(.menu-button) .tab-button:after {
   display: none;
 }
+:host(.menu-button) .tab-button__text {
+  font-size: var(--font-size-md);
+}
+:host(.menu-button) gxg-icon {
+  transform: scale(0.85);
+}
 :host(.menu-button:hover) {
   background: var(--color-secondary);

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

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -362,19 +361,18 @@ FORM ELEMENTS
   overflow-y: auto;
 }
 .tabs-container::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .tabs-container::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .tabs-container::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .tabs-container::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }

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

@@ -660,19 +660,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -688,7 +687,17 @@ FORM ELEMENTS
   padding: 0;
   margin: 0 auto;
 }
+:host p.no-line,
+:host q.no-line,
+:host a.no-line {
+  text-decoration: none;
+}
+:host .disabled {
+  pointer-events: none;
+  color: var(--gxg-color--disabled) !important;
+}
+/*text align*/
 :host([text-align=start]) {
   text-align: start;
 }
@@ -710,6 +719,7 @@ FORM ELEMENTS
   text-align: end;
 }
+/*padding*/
 :host([padding=s]) {
   padding: var(--spacing-comp-01);
 }
@@ -718,6 +728,25 @@ FORM ELEMENTS
   padding: var(--spacing-comp-02);
 }
+/*button like*/
+:host([type=button-like]) button {
+  background-color: transparent;
+  border: none;
+  font-family: var(--font-family-primary);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-primary-enabled);
+  letter-spacing: var(--letter-spacing-xs);
+  cursor: pointer;
+}
+:host([type=button-like]) button:hover {
+  color: var(--color-primary-hover);
+}
+:host([type=button-like]) button:focus {
+  outline: none;
+  text-decoration: underline;
+}
 /*********************************************
 LARGE VERSION (html tag has 'gxg-large' class)
 **********************************************/

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

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

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

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

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

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

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

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

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

@@ -660,19 +660,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  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(--gray-05);
-  border-radius: 10px;
+  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(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
@@ -781,9 +780,8 @@ FORM ELEMENTS
 }
 :host([align-end]) .tooltiptext {
-  transform: none !important;
+  transform: translateY(calc(-100% - 5px)) translateX(-100%) !important;
   inset-inline-end: 0;
-  left: auto !important;
   max-width: 180px;
   width: max-content;
 }
@@ -799,9 +797,6 @@ FORM ELEMENTS
   display: flex;
 }
-:host([fixed]) {
-  border: 1px solid black;
-}
 :host([fixed]) .tooltip:hover .tooltiptext {
   visibility: hidden;
   opacity: 0;