npm - @genexus/genexus-ide-ui - Versions diffs - 2.1.2 → 2.1.3 - Mend

@genexus/genexus-ide-ui 2.1.2 → 2.1.3

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

package/dist/collection/components/kb-manager-import/kb-manager-import.css CHANGED Viewed

@@ -2,6 +2,10 @@
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/launchpad/native-apps/launchpad-native-apps.css CHANGED Viewed

@@ -17,6 +17,10 @@
   align-items: stretch;
 }
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: block;
   block-size: 100%;

package/dist/collection/components/modules/edit-module-server/edit-module-server.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   grid-template-rows: 1fr max-content;

package/dist/collection/components/name-picker/name-picker.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/navigation-report/navigation-report.css CHANGED Viewed

@@ -2,6 +2,10 @@
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/new-environment/new-environment.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/new-kb/new-kb.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/new-object/new-object.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/new-version/new-version.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/object-selector/object-selector.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   block-size: 100%;
   display: grid;

package/dist/collection/components/open-api-import/open-api-import.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 section {
   display: grid;
   block-size: 100%;

package/dist/collection/components/references/references.css CHANGED Viewed

@@ -71,6 +71,7 @@ Pill
   display: inline-grid;
   align-items: center;
   pointer-events: none;
+  inline-size: max-content;
 }
 .giu-static-pill-icon-and-text {

package/dist/collection/components/restore-version/restore-version.css CHANGED Viewed

@@ -71,6 +71,7 @@ Pill
   display: inline-grid;
   align-items: center;
   pointer-events: none;
+  inline-size: max-content;
 }
 .giu-static-pill-icon-and-text {
@@ -109,6 +110,10 @@ Tabular Grid
   --focus-outline-width: 1px;
 }
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;
@@ -118,23 +123,11 @@ Tabular Grid
 .main-container {
   display: grid;
   grid-template-rows: max-content max-content max-content;
-  gap: var(--mer-spacing--md);
+  gap: var(--spacing-gap-xl);
 }
 .versions-container {
   display: grid;
   grid-template-columns: 1fr max-content;
-  gap: var(--mer-spacing--xs);
-}
-.versions-container .button-icon-only {
-  border-color: var(--mer-color__neutral-gray--500);
-  border-width: var(--mer-border__width--sm);
-  border-radius: var(--mer-border__radius--sm);
-}
-.versions-container .button-icon-only:hover {
-  border-color: var(--mer-color__neutral-gray--100);
-}
-.giu-static-pill-icon-and-text {
-  background-color: var(--mer-surface__elevation--02);
+  gap: var(--spacing-gap-m);
 }

package/dist/collection/components/restore-version/restore-version.js CHANGED Viewed

@@ -24,12 +24,13 @@ const CSS_BUNDLES = [
     "utils/layout",
     "utils/typography",
     "utils/spacing",
+    "utils/elevation",
     "chameleon/scrollbar"
 ];
 const SHOW_MORE_ICON = getIconPath({
     category: "gemini-tools",
     name: "show-more-horizontal",
-    colorType: "on-elevation"
+    colorType: "interactive"
 });
 const VERSION_FROZEN_OBJECT_ICON = getIconPath({
     category: "objects",
@@ -89,7 +90,7 @@ export class GxIdeRestoreVersion {
         _GxIdeRestoreVersion_renderFooter.set(this, () => {
             const disableConfirmButton = !this.selectedSourceVersionName ||
                 !this.versionsComboBoxModel.some(v => v.caption === this.selectedSourceVersionName);
-            return (h("footer", { class: "footer control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { id: "cancel-button", class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.cancel), h("button", { id: "confirm-button", class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_confirmHandler, "f"), disabled: disableConfirmButton }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.confirm))));
+            return (h("footer", { class: "footer dialog-footer dialog-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { id: "cancel-button", class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_cancelHandler, "f") }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.cancel), h("button", { id: "confirm-button", class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_confirmHandler, "f"), disabled: disableConfirmButton }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").footer.confirm))));
         });
         this.syncEnvironments = false;
         this.selectedSourceVersionName = "";
@@ -120,7 +121,7 @@ export class GxIdeRestoreVersion {
         }
     }
     render() {
-        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeRestoreVersion_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeRestoreVersion_chShortcutsEl, el, "f")) }), h("div", { class: "main-container spacing-body" }, h("div", null, h("p", { class: "giu-static-pill-icon-and-text" }, h("ch-image", { class: "icon-md", type: "mask", src: VERSION_ICON }), h("span", null, `${__classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.pill} - ${this.toVersionInfo.name}`))), h("p", { class: "body-regular-m" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.summary), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "versions-combo-box" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").labels.fromVersion), h("div", { class: "versions-container" }, h("ch-combo-box-render", { class: "combo-box", id: "versions-combo-box", model: this.versionsComboBoxModel, placeholder: __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").placeHolders.fromVersion, value: this.selectedSourceVersionName, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeRestoreVersion_handleComboBoxInput, "f") }), h("button", { id: "select-version-button", class: "button-tertiary button-icon-only", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_selectSourceVersionHandler, "f") }, h("ch-image", { src: SHOW_MORE_ICON, class: "icon-sm" }))))), __classPrivateFieldGet(this, _GxIdeRestoreVersion_renderFooter, "f").call(this)));
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeRestoreVersion_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeRestoreVersion_chShortcutsEl, el, "f")) }), h("div", { class: "main-container spacing-body" }, h("p", { class: "giu-static-pill-icon-and-text elevation-2" }, h("ch-image", { class: "icon-m", type: "mask", src: VERSION_ICON }), h("span", null, `${__classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.pill} - ${this.toVersionInfo.name}`)), h("p", { class: "body-regular-m" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").descriptions.summary), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "versions-combo-box" }, __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").labels.fromVersion), h("div", { class: "versions-container" }, h("ch-combo-box-render", { class: "combo-box", id: "versions-combo-box", model: this.versionsComboBoxModel, placeholder: __classPrivateFieldGet(this, _GxIdeRestoreVersion_componentLocale, "f").placeHolders.fromVersion, value: this.selectedSourceVersionName, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeRestoreVersion_handleComboBoxInput, "f") }), h("button", { id: "select-version-button", class: "button-secondary button-icon-only", onClick: __classPrivateFieldGet(this, _GxIdeRestoreVersion_selectSourceVersionHandler, "f") }, h("ch-image", { src: SHOW_MORE_ICON, class: "icon-m" }))))), __classPrivateFieldGet(this, _GxIdeRestoreVersion_renderFooter, "f").call(this)));
     }
     static get is() { return "gx-ide-restore-version"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/restore-version/restore-version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"restore-version.js","sourceRoot":"","sources":["../../../src/components/restore-version/restore-version.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ChComboBoxRenderCustomEvent,\n ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n Component,\n Element,\n getAssetPath,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"on-elevation\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n category: \"objects\",\n name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n category: \"objects\",\n name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n category: \"system\",\n name: \"version\",\n colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n tag: \"gx-ide-restore-version\",\n styleUrl: \"restore-version.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n #componentLocale: any;\n #chShortcutsEl: HTMLChShortcutsElement;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/restore-version/shortcuts.json`\n );\n @Element() el: HTMLGxIdeRestoreVersionElement;\n\n /*\n Indicates if the environments should be synchronized.\n /\n @State() syncEnvironments: boolean = false;\n\n /\n Input value for the source version selector.\n /\n @State() selectedSourceVersionName: string = \"\";\n\n /\n Selected source version from version selector.\n /\n @State() selectedSourceVersion: KBVersion[] = [];\n\n /\n Combo box model for the versions selector.\n /\n @State() versionsComboBoxModel: ComboBoxModel = [];\n\n /\n Callback invoked by pressing the ellipsis in the version selector.\n /\n @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n /\n Callback invoked by pressing the Confirm button.\n /\n @Prop() readonly confirmCallback!: (\n restoreVersionData: RestoreVersionData\n ) => Promise<void>;\n\n /\n Callback invoked by pressing the Cancel button.\n /\n @Prop() readonly cancelCallback!: () => Promise<void>;\n\n /\n The target version to which the restore will be made.\n /\n @Prop() readonly toVersionInfo!: KBVersion;\n\n /\n List of versions to show in the versions combo box.\n /\n @Prop() readonly versions!: KBVersion[];\n @Watch(\"versions\")\n versionsChanged() {\n this.#versionsToComboBoxItemModel(this.versions);\n }\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#versionsToComboBoxItemModel(this.versions \|\| []);\n }\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n #confirmHandler = async () => {\n const restoreVersionData = {\n toVersionGuid: this.toVersionInfo.guid,\n toVersionName: this.toVersionInfo.name,\n fromVersionGuid: this.versions.find(\n version => version.name === this.selectedSourceVersionName\n ).guid,\n fromVersionName: this.selectedSourceVersionName,\n syncEnvironments: this.syncEnvironments\n };\n await this.confirmCallback(restoreVersionData);\n };\n\n #cancelHandler = async () => {\n await this.cancelCallback();\n };\n\n #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n this.versionsComboBoxModel = versions.map(version => ({\n caption: version.name,\n value: version.guid,\n startImgSrc: version.isFrozen\n ? VERSION_FROZEN_OBJECT_ICON\n : VERSION_OBJECT_ICON\n }));\n };\n\n #handleComboBoxInput = (\n event: ChComboBoxRenderCustomEvent<string> \| InputEvent\n ) => {\n this.selectedSourceVersionName = event.detail as string;\n };\n // Uncomment this when the sync environments feature is available\n // #handleCheckBoxValueChange = (\n // event: ChCheckboxCustomEvent<any> \| InputEvent\n // ) => {\n // this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n // };\n\n #selectSourceVersionHandler = async () => {\n this.selectedSourceVersion = await this.selectSourceVersionCallback();\n this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n };\n\n #renderFooter = () => {\n const disableConfirmButton =\n !this.selectedSourceVersionName \|\|\n !this.versionsComboBoxModel.some(\n v => v.caption === this.selectedSourceVersionName\n );\n return (\n <footer class=\"footer control-footer-with-border spacing-body\">\n <div class=\"buttons-spacer\">\n <button\n id=\"cancel-button\"\n class=\"button-secondary\"\n onClick={this.#cancelHandler}\n >\n {this.#componentLocale.footer.cancel}\n </button>\n\n <button\n id=\"confirm-button\"\n class=\"button-primary\"\n onClick={this.#confirmHandler}\n disabled={disableConfirmButton}\n >\n {this.#componentLocale.footer.confirm}\n </button>\n </div>\n </footer>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n\n <div class=\"main-container spacing-body\">\n <div>\n <p class=\"giu-static-pill-icon-and-text\">\n <ch-image\n class=\"icon-md\"\n type=\"mask\"\n src={VERSION_ICON}\n ></ch-image>\n <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n </p>\n </div>\n <p class=\"body-regular-m\">\n {this.#componentLocale.descriptions.summary}\n </p>\n\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"versions-combo-box\">\n {this.#componentLocale.labels.fromVersion}\n </label>\n <div class=\"versions-container\">\n <ch-combo-box-render\n class=\"combo-box\"\n id=\"versions-combo-box\"\n model={this.versionsComboBoxModel}\n placeholder={this.#componentLocale.placeHolders.fromVersion}\n value={this.selectedSourceVersionName}\n suggest={true}\n onInput={this.#handleComboBoxInput}\n />\n <button\n id=\"select-version-button\"\n class=\"button-tertiary button-icon-only\"\n onClick={this.#selectSourceVersionHandler}\n >\n <ch-image src={SHOW_MORE_ICON} class=\"icon-sm\"></ch-image>\n </button>\n </div>\n </div>\n\n {\n // Uncomment this when the sync environments feature is available\n / <ch-checkbox\n class=\"checkbox\"\n caption={this.#componentLocale.buttons.syncEnvironments}\n checkedValue={CHECKBOX_CHECKED_VALUE}\n onInput={this.#handleCheckBoxValueChange}\n /> */\n }\n </div>\n {this.#renderFooter()}\n </Host>\n );\n }\n}\n\nexport type RestoreVersionData = {\n fromVersionName: string;\n fromVersionGuid: string;\n toVersionGuid: string;\n toVersionName: string;\n syncEnvironments: boolean;\n};\n"]}
1	+ {"version":3,"file":"restore-version.js","sourceRoot":"","sources":["../../../src/components/restore-version/restore-version.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ChComboBoxRenderCustomEvent,\n ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n Component,\n Element,\n getAssetPath,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../common/locale\";\nimport { KBVersion } from \"../team-dev/version-control/common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"utils/form--full\",\n \"utils/layout\",\n \"utils/typography\",\n \"utils/spacing\",\n \"utils/elevation\",\n \"chameleon/scrollbar\"\n];\n\nconst SHOW_MORE_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"interactive\"\n});\n\nconst VERSION_FROZEN_OBJECT_ICON = getIconPath({\n category: \"objects\",\n name: \"version-frozen\"\n});\n\nconst VERSION_OBJECT_ICON = getIconPath({\n category: \"objects\",\n name: \"version\"\n});\n\nconst VERSION_ICON = getIconPath({\n category: \"system\",\n name: \"version\",\n colorType: \"on-surface\"\n});\n\n// Uncomment this when the sync environments feature is available\n// const CHECKBOX_CHECKED_VALUE = \"true\";\n\n@Component({\n tag: \"gx-ide-restore-version\",\n styleUrl: \"restore-version.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/restore-version\"]\n})\nexport class GxIdeRestoreVersion {\n #componentLocale: any;\n #chShortcutsEl: HTMLChShortcutsElement;\n #shortcutsSrc = getAssetPath(\n `./gx-ide-assets/restore-version/shortcuts.json`\n );\n @Element() el: HTMLGxIdeRestoreVersionElement;\n\n /*\n Indicates if the environments should be synchronized.\n /\n @State() syncEnvironments: boolean = false;\n\n /\n Input value for the source version selector.\n /\n @State() selectedSourceVersionName: string = \"\";\n\n /\n Selected source version from version selector.\n /\n @State() selectedSourceVersion: KBVersion[] = [];\n\n /\n Combo box model for the versions selector.\n /\n @State() versionsComboBoxModel: ComboBoxModel = [];\n\n /\n Callback invoked by pressing the ellipsis in the version selector.\n /\n @Prop() readonly selectSourceVersionCallback!: () => Promise<KBVersion[]>;\n\n /\n Callback invoked by pressing the Confirm button.\n /\n @Prop() readonly confirmCallback!: (\n restoreVersionData: RestoreVersionData\n ) => Promise<void>;\n\n /\n Callback invoked by pressing the Cancel button.\n /\n @Prop() readonly cancelCallback!: () => Promise<void>;\n\n /\n The target version to which the restore will be made.\n /\n @Prop() readonly toVersionInfo!: KBVersion;\n\n /\n List of versions to show in the versions combo box.\n /\n @Prop() readonly versions!: KBVersion[];\n @Watch(\"versions\")\n versionsChanged() {\n this.#versionsToComboBoxItemModel(this.versions);\n }\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n this.#versionsToComboBoxItemModel(this.versions \|\| []);\n }\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n #confirmHandler = async () => {\n const restoreVersionData = {\n toVersionGuid: this.toVersionInfo.guid,\n toVersionName: this.toVersionInfo.name,\n fromVersionGuid: this.versions.find(\n version => version.name === this.selectedSourceVersionName\n ).guid,\n fromVersionName: this.selectedSourceVersionName,\n syncEnvironments: this.syncEnvironments\n };\n await this.confirmCallback(restoreVersionData);\n };\n\n #cancelHandler = async () => {\n await this.cancelCallback();\n };\n\n #versionsToComboBoxItemModel = (versions: KBVersion[]) => {\n this.versionsComboBoxModel = versions.map(version => ({\n caption: version.name,\n value: version.guid,\n startImgSrc: version.isFrozen\n ? VERSION_FROZEN_OBJECT_ICON\n : VERSION_OBJECT_ICON\n }));\n };\n\n #handleComboBoxInput = (\n event: ChComboBoxRenderCustomEvent<string> \| InputEvent\n ) => {\n this.selectedSourceVersionName = event.detail as string;\n };\n // Uncomment this when the sync environments feature is available\n // #handleCheckBoxValueChange = (\n // event: ChCheckboxCustomEvent<any> \| InputEvent\n // ) => {\n // this.syncEnvironments = event.detail === CHECKBOX_CHECKED_VALUE;\n // };\n\n #selectSourceVersionHandler = async () => {\n this.selectedSourceVersion = await this.selectSourceVersionCallback();\n this.selectedSourceVersionName = this.selectedSourceVersion[0].name;\n };\n\n #renderFooter = () => {\n const disableConfirmButton =\n !this.selectedSourceVersionName \|\|\n !this.versionsComboBoxModel.some(\n v => v.caption === this.selectedSourceVersionName\n );\n return (\n <footer class=\"footer dialog-footer dialog-footer-with-border spacing-body\">\n <div class=\"buttons-spacer\">\n <button\n id=\"cancel-button\"\n class=\"button-secondary\"\n onClick={this.#cancelHandler}\n >\n {this.#componentLocale.footer.cancel}\n </button>\n\n <button\n id=\"confirm-button\"\n class=\"button-primary\"\n onClick={this.#confirmHandler}\n disabled={disableConfirmButton}\n >\n {this.#componentLocale.footer.confirm}\n </button>\n </div>\n </footer>\n );\n };\n\n render() {\n return (\n <Host class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n\n <div class=\"main-container spacing-body\">\n <p class=\"giu-static-pill-icon-and-text elevation-2\">\n <ch-image\n class=\"icon-m\"\n type=\"mask\"\n src={VERSION_ICON}\n ></ch-image>\n <span>{`${this.#componentLocale.descriptions.pill} - ${this.toVersionInfo.name}`}</span>\n </p>\n <p class=\"body-regular-m\">\n {this.#componentLocale.descriptions.summary}\n </p>\n\n <div class=\"field field-block\">\n <label class=\"label\" htmlFor=\"versions-combo-box\">\n {this.#componentLocale.labels.fromVersion}\n </label>\n <div class=\"versions-container\">\n <ch-combo-box-render\n class=\"combo-box\"\n id=\"versions-combo-box\"\n model={this.versionsComboBoxModel}\n placeholder={this.#componentLocale.placeHolders.fromVersion}\n value={this.selectedSourceVersionName}\n suggest={true}\n onInput={this.#handleComboBoxInput}\n />\n <button\n id=\"select-version-button\"\n class=\"button-secondary button-icon-only\"\n onClick={this.#selectSourceVersionHandler}\n >\n <ch-image src={SHOW_MORE_ICON} class=\"icon-m\"></ch-image>\n </button>\n </div>\n </div>\n\n {\n // Uncomment this when the sync environments feature is available\n / <ch-checkbox\n class=\"checkbox\"\n caption={this.#componentLocale.buttons.syncEnvironments}\n checkedValue={CHECKBOX_CHECKED_VALUE}\n onInput={this.#handleCheckBoxValueChange}\n /> */\n }\n </div>\n {this.#renderFooter()}\n </Host>\n );\n }\n}\n\nexport type RestoreVersionData = {\n fromVersionName: string;\n fromVersionGuid: string;\n toVersionGuid: string;\n toVersionName: string;\n syncEnvironments: boolean;\n};\n"]}

package/dist/collection/components/select-kb-items/select-kb-items.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   --search-input-max-inline-size: 400px;
   display: grid;

package/dist/collection/components/select-user-team/select-user-team.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   container-type: inline-size;

package/dist/collection/components/splash/splash.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   --wrapper-copacity: 0;
   --wrapper-min-inline-size: 700px;

package/dist/collection/components/start-page/start-page.css CHANGED Viewed

@@ -2,6 +2,10 @@
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   --common-spacing: var(--spacing-padding-xxl);
   --spacing-body-block-start: var(--common-spacing);

package/dist/collection/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/team-dev/bring-changes/bring-changes.css CHANGED Viewed

@@ -21,6 +21,10 @@
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   --pill-border-radius: 12px;
   --pill-padding-inline: var(--spacing-padding-m);

package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/team-dev/create-kb-from-server/create-kb-from-server.css CHANGED Viewed

@@ -1,3 +1,7 @@
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   block-size: 100%;

package/dist/collection/components/team-dev/history/history.css CHANGED Viewed

@@ -17,6 +17,10 @@
   flex-shrink: 0;
 }
+button.button-secondary {
+  border-color: var(--color-border-neutral-default);
+}
 :host {
   display: grid;
   grid-template-columns: max-content 1fr;

package/dist/collection/components/team-dev/preview/team-dev-preview.css CHANGED Viewed

@@ -71,6 +71,7 @@ Pill
   display: inline-grid;
   align-items: center;
   pointer-events: none;
+  inline-size: max-content;
 }
 .giu-static-pill-icon-and-text {

package/dist/collection/components/team-dev/preview/team-dev-preview.js CHANGED Viewed

@@ -513,7 +513,7 @@ export class GxIdeTeamDevPreview {
         return (h(Host, { class: {
                 "widget": true,
                 "empty-state": !__classPrivateFieldGet(this, _GxIdeTeamDevPreview_isTeamDevOptionsEnabled, "f")
-            } }, h("ch-theme", { model: CSS_BUNDLES }), !__classPrivateFieldGet(this, _GxIdeTeamDevPreview_isTeamDevOptionsEnabled, "f") || !existsGXServerSession ? (h("gx-ide-empty-state", { isAnimated: true, stateIconSrc: ERROR_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateTitle, "f").call(this), stateDescription: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateDescription, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyStateButton, "f").call(this) && (h("button", { class: "button-primary empty-state-button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateButtonHandler, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateButtonText, "f").call(this))), h("div", null, h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").emptyState.about), h("button", { class: "button-tertiary button-icon-and-text team-dev-button body-semi-bold-s", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_openTeamDevInfoHandler, "f") }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").buttons.teamDev, h("ch-image", { class: "icon-m", src: OPEN_WINDOW_ICON, type: "mask" }))))) : (h("div", { class: "main-container spacing-body scrollable" }, h("div", null, h("p", { class: "giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02" }, h("ch-image", { class: "icon-m", type: "mask", src: VERSION_ICON }), h("span", { class: "version-pill" }, this.teamDevPreviewData.versionName))), h("ch-tab-render", { class: "tab tab-full-width-buttons scrollable border-style-none", model: this.tabModel, selectedId: this.selectedTabId, tabListPosition: "block-start", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_tabSelectionChangedHandler, "f") }, h("div", { class: "local-changes-container", slot: LOCAL_CHANGES_TAB }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyState, "f").call(this, "local"), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderLocalChanges, "f").call(this)), h("div", { class: "remote-changes-container", slot: REMOTE_CHANGES_TAB }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyState, "f").call(this, "remote"), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderRemoteChanges, "f").call(this))), h("footer", { class: "dialog-footer-with-border open-window-container" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-tertiary button-icon-and-text open-full-dialog-button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_openFullDialogHandler, "f") }, h("ch-image", { class: "icon-m", src: OPEN_WINDOW_ICON, type: "mask" }), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").footer.openFullDialog)))))));
+            } }, h("ch-theme", { model: CSS_BUNDLES }), !__classPrivateFieldGet(this, _GxIdeTeamDevPreview_isTeamDevOptionsEnabled, "f") || !existsGXServerSession ? (h("gx-ide-empty-state", { isAnimated: true, stateIconSrc: ERROR_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateTitle, "f").call(this), stateDescription: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateDescription, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyStateButton, "f").call(this) && (h("button", { class: "button-primary empty-state-button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateButtonHandler, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_getEmptyStateButtonText, "f").call(this))), h("div", null, h("p", { class: "body-regular-s" }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").emptyState.about), h("button", { class: "button-tertiary button-icon-and-text team-dev-button body-semi-bold-s", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_openTeamDevInfoHandler, "f") }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").buttons.teamDev, h("ch-image", { class: "icon-m", src: OPEN_WINDOW_ICON, type: "mask" }))))) : (h("div", { class: "main-container spacing-body scrollable" }, h("p", { class: "giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02" }, h("ch-image", { class: "icon-m", type: "mask", src: VERSION_ICON }), h("span", { class: "version-pill" }, this.teamDevPreviewData.versionName)), h("ch-tab-render", { class: "tab tab-full-width-buttons scrollable border-style-none", model: this.tabModel, selectedId: this.selectedTabId, tabListPosition: "block-start", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_tabSelectionChangedHandler, "f") }, h("div", { class: "local-changes-container", slot: LOCAL_CHANGES_TAB }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyState, "f").call(this, "local"), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderLocalChanges, "f").call(this)), h("div", { class: "remote-changes-container", slot: REMOTE_CHANGES_TAB }, __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderEmptyState, "f").call(this, "remote"), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_renderRemoteChanges, "f").call(this))), h("footer", { class: "dialog-footer-with-border open-window-container" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-tertiary button-icon-and-text open-full-dialog-button", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevPreview_openFullDialogHandler, "f") }, h("ch-image", { class: "icon-m", src: OPEN_WINDOW_ICON, type: "mask" }), __classPrivateFieldGet(this, _GxIdeTeamDevPreview_componentLocale, "f").footer.openFullDialog)))))));
     }
     static get is() { return "gx-ide-team-dev-preview"; }
     static get encapsulation() { return "shadow"; }