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

@genexus/genexus-ide-ui 0.0.57 → 0.0.59

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -322,20 +322,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 /*Warning*/
@@ -408,20 +406,18 @@ ch-suggest {
   /*window*/
 }
 ch-suggest::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 ch-suggest::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 ch-suggest::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 ch-suggest::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 ch-suggest ::-webkit-scrollbar {
   width: 6px;
@@ -523,20 +519,18 @@ ch-suggest::part(dropdown) {
   /* Handle on hover */
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 ch-suggest::part(dropdown) ::-webkit-scrollbar {
   width: 6px;

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

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

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

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

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

@@ -321,20 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 :host {
@@ -362,20 +360,18 @@ FORM ELEMENTS
   overflow-y: auto;
 }
 .tabs-container::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 .tabs-container::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 .tabs-container::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 .tabs-container::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 :host([position=left]) .tab-bar-container {

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

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

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

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

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

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

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

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

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

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

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

@@ -660,20 +660,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background);
+  border-radius: var(--gxg-scrollbar-track-border-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
-  cursor: pointer;
+  background: var(--gxg-scrollbar-track-thumb-hover-background);
 }
 :host {
@@ -799,6 +797,13 @@ FORM ELEMENTS
   display: flex;
 }
+:host([fixed]) {
+  border: 1px solid black;
+}
+:host([fixed]) .tooltip:hover .tooltiptext {
+  visibility: hidden;
+  opacity: 0;
+}
 :host([fixed]) .tooltip .tooltiptext {
   position: fixed;
   height: 0;
@@ -820,4 +825,8 @@ FORM ELEMENTS
 }
 :host([fixed]) .tooltip .tooltiptext:after {
   display: none;
+}
+:host([fixed]) .tooltip--visible .tooltiptext {
+  visibility: visible !important;
+  opacity: 1 !important;
 }

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

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