@genexus/genexus-ide-ui 1.1.58 → 1.1.59

package/dist/collection/components/_test/test.js.map

@@ -1 +1 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/components/_test/test.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKhE,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,gBAAgB;IAChB,kBAAkB;IAClB,sBAAsB;IACtB,mBAAmB;IACnB,yBAAyB;IACzB,qBAAqB;CACtB,CAAC;AAOF,MAAM,OAAO,SAAS;;QACpB,oEAAoE;QACpE,wCAA4C;QAC5C,wCAA6C;YAC3C;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;SACF,EAAC;QAEF,wCAA6C;YAC3C;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;SACF,EAAC;QAEF,2CAAyB,GAAG,EAAE;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;QACpD,CAAC,EAAC;QAEF,2CAAyB,GAAG,EAAE;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;QACpD,CAAC,EAAC;;wBAa2B,IAAI;;IAEjC,qCAAqC;IAErC,qBAAqB;IAErB,iBAAiB,KAAI,CAAC;IAEtB,mCAAmC;IAEnC,iBAAiB;IAEjB,0BAA0B;IAE1B,qBAAqB;IAErB,0BAA0B;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YAEzC,6BACE,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,uBAAA,IAAI,qCAAoB,EAC/B,GAAG,EAAE,CAAC,EAAiC,EAAE,EAAE,CACzC,CAAC,uBAAA,IAAI,yBAAe,EAAmC,MAAA,CAAC,GAEnC;YACzB,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D;YACT,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  \"components/button\",\n  // \"components/checkbox\",\n  \"components/list-box\"\n];\n\n@Component({\n  tag: \"gx-ide-test\",\n  styleUrl: \"test.scss\",\n  shadow: true\n})\nexport class GxIdeTest {\n  /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/\n  #listBoxRef!: HTMLChActionListRenderElement;\n  #actionListModelOne: ActionListItemModel[] = [\n    {\n      id: \"id-1-1\",\n      caption: \"Item 1-1\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-1-2\",\n      caption: \"Item 1-2\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-1-3\",\n      caption: \"Item 1-3\",\n      type: \"actionable\"\n    }\n  ];\n\n  #actionListModelTwo: ActionListItemModel[] = [\n    {\n      id: \"id-2-1\",\n      caption: \"Item 2-1\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-2-2\",\n      caption: \"Item 2-2\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-2-3\",\n      caption: \"Item 2-3\",\n      type: \"actionable\"\n    }\n  ];\n\n  #modelOneButtonHandler = () => {\n    this.#listBoxRef.model = [];\n    this.#listBoxRef.model = this.#actionListModelOne;\n  };\n\n  #modelTwoButtonHandler = () => {\n    this.#listBoxRef.model = [];\n    this.#listBoxRef.model = this.#actionListModelTwo;\n  };\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component name\n   */\n  @Prop() readonly name: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  @State() filterOn: boolean = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {}\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-action-list-render\n          class=\"list-box\"\n          selection=\"single\"\n          model={this.#actionListModelOne}\n          ref={(el: HTMLChActionListRenderElement) =>\n            (this.#listBoxRef = el as HTMLChActionListRenderElement)\n          }\n        ></ch-action-list-render>\n        <button class=\"button-primary\" onClick={this.#modelOneButtonHandler}>\n          set model one\n        </button>\n        <button class=\"button-primary\" onClick={this.#modelTwoButtonHandler}>\n          set model two\n        </button>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/components/_test/test.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChE,6BAA6B;AAE7B,OAAO,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,gBAAgB;IAChB,kBAAkB;IAClB,sBAAsB;IACtB,mBAAmB;IACnB,yBAAyB;IACzB,qBAAqB;IACrB,iBAAiB;CAClB,CAAC;AAEF,MAAM,YAAY,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC;AAMH,MAAM,OAAO,SAAS;;;wBAcS,IAAI;;IAEjC,qCAAqC;IAErC,qBAAqB;IAErB,iBAAiB,KAAI,CAAC;IAEtB,mCAAmC;IAEnC,iBAAiB;IAEjB,0BAA0B;IAE1B,qBAAqB;IAErB,0BAA0B;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YAIzC,YAAM,KAAK,EAAC,sEAAsE;gBAChF,gBAAU,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,GAAa;uBAE/D,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  \"components/button\",\n  // \"components/checkbox\",\n  \"components/list-box\",\n  \"components/icon\"\n];\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n@Component({\n  tag: \"gx-ide-test\",\n  styleUrl: \"test.scss\",\n  shadow: true\n})\nexport class GxIdeTest {\n  /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component name\n   */\n  @Prop() readonly name: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  @State() filterOn: boolean = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {}\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        {/* <span class=\"giu-static-pill\">Hola</span> */}\n\n        <span class=\"giu-static-pill-icon-and-text giu-static-pill-icon-and-text--version\">\n          <ch-image class=\"icon-md\" type=\"mask\" src={VERSION_ICON}></ch-image>\n          V4.3\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/bpm/application-declaration/bpm-app-declaration.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/assign-roles/bpm-assign-roles.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/export-xpdl/bpm-export-xpdl.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/import-files/bpm-import-files.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/import-gxpm/bpm-import-gxpm.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/objects-selector/bpm-objects-selector.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/bpm/timer-duration/bpm-timer-duration.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/deployment-tool/deployment-tool.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/file-uploader/file-uploader.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/gam-installation-settings/gam-installation-settings.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

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

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/modules/manage-module-references/manage-module-references.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

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

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

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

@@ -4,6 +4,19 @@
   gap: 10px;
 }
 
+.warning-error-description {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  max-inline-size: 800px;
+  line-height: 1.5;
+}
+
+.warning-error-icon {
+  flex-shrink: 0;
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles
@@ -164,19 +177,6 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   --elevation-background-color: var(--mer-surface__elevation--01);
 }
 
-.warning-error-description {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  max-inline-size: 800px;
-  line-height: 1.5;
-}
-
-.warning-error-icon {
-  flex-shrink: 0;
-}
-
 .tabular-grid.empty-result::part(main) {
   overflow: hidden;
 }

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

@@ -4,6 +4,19 @@
   gap: 10px;
 }
 
+.warning-error-description {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  max-inline-size: 800px;
+  line-height: 1.5;
+}
+
+.warning-error-icon {
+  flex-shrink: 0;
+}
+
 :host {
   display: grid;
   grid-template-columns: max-content 1fr;

package/dist/collection/components/team-dev/select-recent-comment/select-recent-comment.css

@@ -584,6 +584,30 @@ New : For Mercury
   gap: var(--mer-spacing--xs);
 }
 
+/* - - - - - - - - - - - - - - - - - -
+Pill
+- - - - - - - - - - - - - - - - - - */
+.giu-static-pill-icon-and-text, .giu-static-pill {
+  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01));
+  padding-inline: var(--mer-spacing--xs);
+  color: var(--mer-text__on-elevation);
+  font-size: var(--font-size-body-s);
+  line-height: 1.4;
+  font-weight: var(--font-weight-regular);
+  border-radius: var(--mer-border__width--lg);
+  min-block-size: 25px;
+  display: inline-grid;
+  align-items: center;
+  pointer-events: none;
+}
+
+.giu-static-pill-icon-and-text {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--mer-spacing--xs);
+}
+
 /*Gx Ide*/
 /*@container queries*/
 /* hiChar styles

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.en.json

@@ -28,5 +28,12 @@
   "emptyConnectedServers": "There are no servers to show",
   "status": {
     "connected": "Connected"
+  },
+  "captions": {
+    "selectServer": "Select a server from the list below",
+    "addServer": "Enter a server URL manually"
+  },
+  "actions": {
+    "deleteServer": "Delete server"
   }
 }

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.ja.json

@@ -28,5 +28,12 @@
   "emptyConnectedServers": "表示するサーバーがありません",
   "status": {
     "connected": "接続済み"
+  },
+  "captions": {
+    "selectServer": "Select a server from the list below",
+    "addServer": "Enter a server URL manually"
+  },
+  "actions": {
+    "deleteServer": "Delete server"
   }
 }

package/dist/collection/components/team-dev/server-selector/gx-ide-assets/server-selector/langs/server-selector.lang.zh.json

@@ -28,5 +28,12 @@
   "emptyConnectedServers": "There are no servers to show",
   "status": {
     "connected": "Connected"
+  },
+  "captions": {
+    "selectServer": "Select a server from the list below",
+    "addServer": "Enter a server URL manually"
+  },
+  "actions": {
+    "deleteServer": "Delete server"
   }
 }