@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view-item/tree-view-item.css

@@ -160,7 +160,8 @@
   border-block-end: unset;
 }
 
-.expandable-button {
+.expandable-button,
+.expandable-button-decorative::before {
   display: grid;
   place-items: center;
   width: var(--ch-tree-view-view__expandable-button-width);
@@ -171,6 +172,16 @@
   content-visibility: auto;
   contain-intrinsic-size: auto var(--ch-tree-view-view__expandable-button-width);
 }
+
+.expandable-button-decorative::before {
+  content: "";
+  background-color: currentColor;
+  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none"><path d="M16.5 5L8.7 12.7L1 5" stroke="%23000" stroke-width="1.2" stroke-linecap="round"/></svg>') 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat;
+  cursor: unset;
+}
+.expandable-button-decorative--collapsed::before {
+  transform: rotate(-90deg);
+}
 .expandable-button::before {
   content: "";
   width: calc(100% - 2px);
@@ -245,14 +256,19 @@
 .downloading {
   width: 0.75em;
   height: 0.75em;
-  margin-inline-start: 8px;
+  margin-inline: 8px 2px;
   border: 2px solid currentColor;
   border-inline-start-color: transparent;
   border-radius: 50%;
   opacity: 0.75;
-  animation: spin 1s linear infinite;
+  animation: spin 1s linear infinite, avoid-flickering 75ms;
 }
 
+@keyframes avoid-flickering {
+  0%, 100% {
+    display: none;
+  }
+}
 @keyframes spin {
   0% {
     transform: rotate(0deg);
@@ -277,5 +293,4 @@
 .expandable--collapsed {
   display: none;
   overflow: hidden;
-  content-visibility: hidden;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/button/button.css

@@ -693,7 +693,7 @@ FORM ELEMENTS
 
 :host(.button) .button-native {
   width: 100%;
-  height: 100%;
+  height: 20px;
   --svg-icon-regular-scale: var(
     --svg-icon-small-scale
   );

package/dist/node_modules/@genexus/gemini/dist/collection/components/card/card.css

@@ -681,7 +681,7 @@ FORM ELEMENTS
 :host {
   display: block;
   background: var(--color-on-primary);
-  box-shadow: var(--box-shadow-card);
+  box-shadow: var(--box-shadow-01);
   border-radius: var(--border-radius-md);
   font-family: var(--font-family-primary);
   font-weight: var(--font-weight-regular);
@@ -693,11 +693,11 @@ FORM ELEMENTS
 }
 
 :host([elevation=xs]) {
-  box-shadow: var(--box-shadow-card);
+  box-shadow: var(--box-shadow-01);
 }
 
 :host([elevation=m]) {
-  box-shadow: var(--box-shadow-card);
+  box-shadow: var(--box-shadow-03);
 }
 
 :host([padding="0"]) {
@@ -835,11 +835,20 @@ FORM ELEMENTS
   color: var(--gray-06);
 }
 
+/*--- Default ---*/
+:host(.card--default) {
+  background: var(--color-background);
+}
+:host(.card--default) .content {
+  padding: 0;
+}
+
 /*--- Section ---*/
 :host(.card--section) {
   font-size: 13px;
   border-radius: var(--border-radius-lg);
   padding: 0;
+  box-shadow: var(--box-shadow-card);
 }
 
 /*--- Article ---*/
@@ -848,6 +857,7 @@ FORM ELEMENTS
   font-size: 12px;
   border: 1px solid var(--gray-02);
   border-radius: var(--border-radius-md);
+  box-shadow: var(--box-shadow-card);
   padding: 0;
 }
 :host(.card--article) .card__header .card__title {
@@ -875,6 +885,7 @@ FORM ELEMENTS
 
 /*--- Mini ---*/
 :host(.card--mini) {
+  box-shadow: var(--box-shadow-card);
   background-color: var(--gray-01);
   font-size: 12px;
   border: 1px solid var(--gray-02);

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

@@ -503,6 +503,7 @@ FORM ELEMENTS
   display: flex;
   gap: var(--spacing-comp-01);
   align-items: center;
+  display: none;
 }
 .suggestions__list {
   margin: 0;

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

@@ -413,7 +413,6 @@ FORM ELEMENTS
 :host([active]) {
   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);
 }
 

package/dist/node_modules/@genexus/gemini/dist/collection/components/test/test.css

@@ -337,30 +337,4 @@ FORM ELEMENTS
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
   background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
-}
-
-.card {
-  overflow: auto;
-  /* Track */
-  /* Handle */
-  /* Handle on hover */
-  cursor: initial;
-  height: 100px;
-}
-.card::-webkit-scrollbar {
-  width: var(--gxg-scrollbar-width, 6px);
-  height: var(--gxg-scrollbar-width, 6px);
-}
-.card::-webkit-scrollbar-track {
-  background-color: var(--gxg-scrollbar-track-background, --gray-02);
-  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
-}
-.card::-webkit-scrollbar-thumb {
-  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);
-  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
-  border: var(--gxg-scrollbar-track-thumb-border);
-  background-clip: padding-box;
-}
-.card::-webkit-scrollbar-thumb:hover {
-  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -343,12 +343,12 @@ FORM ELEMENTS
 gxg-tree-view
 ---------------------------*/
 gxg-tree-view {
-  --gxg-tree-view-icon-size: var(--spacing-comp-04);
+  --gxg-tree-view-icon-size: var(--spacing-comp-03);
+  display: contents;
+  color: var(--color-on-background);
   font-family: var(--font-family-primary);
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-regular);
-  color: var(--color-on-background);
-  display: contents;
 }
 
 /*---------------------------
@@ -408,10 +408,6 @@ gxg-tree-view {
   padding-bottom: var(--spacing-comp-00);
   padding-inline-end: var(--spacing-comp-02);
 }
-.tree-view-item::part(header):before {
-  content: "";
-  display: block;
-}
 .tree-view-item::part(header):hover {
   background-color: var(--gxg-background-color--hover);
   color: var(--gxg-color--hover);

package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts

@@ -26,6 +26,7 @@ export declare class GxIdeCreateKbFromServer {
      * KBs that return from connect to the server
      */
     kbs: KBData[];
+    watchPropHandler(newKbs: KBData[]): void;
     /**
      * KBs search text
      */
@@ -49,7 +50,7 @@ export declare class GxIdeCreateKbFromServer {
     /**
      * The knowledge base default suggested name
      */
-    readonly kbName: string;
+    kbName: string;
     /**
      * Password for the database connection.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.93",
+  "version": "0.0.94",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.2.75"
+    "@genexus/gemini": "*0.2.79"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.75",
+    "@genexus/gemini": "*0.2.84",
     "@stencil-community/eslint-plugin": "^0.6.0",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",