npm - @genexus/genexus-ide-ui - Versions diffs - 1.0.2 → 1.0.3 - Mend

@genexus/genexus-ide-ui 1.0.2 → 1.0.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 (379) hide show

package/dist/collection/components/_helpers/entity-selector/entity-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-selector.js","sourceRoot":"","sources":["../../../../src/components/_helpers/entity-selector/entity-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EAEL,KAAK,EACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,YAAY;CACb,CAAC;AACF,MAAM,mBAAmB,GAAG,WAAW,CAAC;IACtC,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,sBAAsB;IAC5B,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,UAAU,GAAG,WAAW,CAAC;IAC7B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAQH,MAAM,OAAO,mBAAmB;;QAC9B,uDAAsB;~~QAqDtB~~,oDAAwB,GAAG,EAAE;YAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QACjC,CAAC,EAAC;QAEF,qDAAyB,GAAG,EAAE;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACxC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,kDAAsB,CAAC,CAAa,EAAE,EAAE;YACtC,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;gBACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC5B;iBAAM,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC5B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;aAC7B;QACH,CAAC,EAAC;QAEF,6CAAiB,GAAmB,EAAE;;YACpC,OAAO,CACL,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACjC,eACE,cAAc,EACZ,IAAI,CAAC,aAAa,KAAK,MAAM;wBAC7B,uBAAA,IAAI,4CAAiB,CAAC,iCAAiC,EAEzD,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,gBAAgB,EACrB,WAAW,EAAE,IAAI,CAAC,OAAO,EACzB,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,MAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAClD,EAAE,EAAC,cAAc,GACR;gBAEX,cACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,aAAa,gBACP,uBAAA,IAAI,4CAAiB,CAAC,gBAAgB,EAClD,KAAK,EAAE,uBAAA,IAAI,4CAAiB,CAAC,gBAAgB,EAC7C,OAAO,EAAE,uBAAA,IAAI,iDAAsB,EACnC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS,EACnE,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS;oBAEnE,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,UAAU,GAAa,CAC/C;gBAET,cACE,KAAK,EAAC,aAAa,gBACP,uBAAA,IAAI,4CAAiB,CAAC,iBAAiB,EACnD,KAAK,EAAE,uBAAA,IAAI,4CAAiB,CAAC,iBAAiB,EAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,oBAAoB,EACpC,OAAO,EAAE,uBAAA,IAAI,kDAAuB,EACpC,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS,EACnE,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS;oBAEnE,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,mBAAmB,GAAa,CACxD,CACL,CACP,CAAC;QACJ,CAAC,EAAC;QAEF,6CAAiB,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACnC;QACH,CAAC,EAAC;~~8BA7GwB~~,KAAK;uBAEJ,IAAI~~;;6BAW7B~~,aAAa;;;;IAYf,mBAAmB;QACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAAC;IACxB,CAAC;IAOD,+BAA+B;IAE/B,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,wCAAoB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;IACpE,CAAC;IAED,iBAAiB;QACf,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAAC;IACxB,CAAC;IAoED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,mCAAmC,EAAE,IAAI,CAAC,cAAc;aACzD;YAED,gBAAU,KAAK,EAAE,WAAW,GAAa;YACxC,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC/B,WACE,KAAK,EAAE;oBACL,OAAO,EAAE,IAAI;oBACb,aAAa,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa;oBACnD,cAAc,EAAE,IAAI,CAAC,aAAa,KAAK,cAAc;iBACtD;gBAED,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,uBAAA,IAAI,4CAAiB,CAAC,iCAAiC,~~CAClD~~;gBACP,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAClB,CACP,CAAC,CAAC,CAAC,CACF,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CACtB,CACI,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Event,\n EventEmitter,\n Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { LabelPosition } from \"../../../common/types\";\nimport { EntityData } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/edit\",\n \"components/button\",\n \"components/icon\",\n \"utils/form\"\n];\nconst SELECT_DEFAULT_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"primary\"\n});\nconst CLEAR_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"reset\",\n colorType: \"primary\"\n});\n\n@Component({\n tag: \"gx-ide-entity-selector\",\n styleUrl: \"entity-selector.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/entity-selector\"]\n})\nexport class GxIdeEntitySelector {\n #componentLocale: any;\n\n @Element() el: HTMLGxIdeEntitySelectorElement;\n\n /*\n Adds/removes a CSS class on the host. It removes focus-within styles when\n * focus is on a button.\n /\n @State() buttonHasFocus = false;\n\n @State() iconSrc: string = null;\n\n /\n Default value for the component. Used when the 'X' button is pressed.\n /\n @Prop() readonly defaultValue?: EntityData \| null \| undefined;\n\n /\n The label position\n /\n @Prop({ reflect: true }) readonly labelPosition: LabelPosition =\n \"block-start\";\n\n /\n Callback invoked when the action button is pressed. Returns the new value.\n /\n @Prop() readonly selectEntityCallback!: () => Promise<EntityData>;\n\n /\n Value currently assigned.\n /\n @Prop({ mutable: true }) value: EntityData \| null \| undefined;\n @Watch(\"value\")\n valueChangedHandler() {\n this.valueChanged.emit(this.value);\n this.#updateIconSrc();\n }\n\n /\n Emits the input value every time it changes\n */\n @Event() valueChanged: EventEmitter<EntityData>;\n\n // 6.Component Lifecycle Events\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n connectedCallback() {\n this.#updateIconSrc();\n }\n\n #btnClearClickHandler = () => {\n this.value = this.defaultValue;\n };\n\n #btnSelectClickHandler = () => {\n this.selectEntityCallback().then(result => {\n this.value = result;\n });\n };\n\n #buttonFocusHandler = (e: FocusEvent) => {\n if (e.type === \"focus\") {\n this.buttonHasFocus = true;\n } else if (e.type === \"blur\") {\n this.buttonHasFocus = false;\n }\n };\n\n #renderControl = (): HTMLDivElement => {\n return (\n <div part=\"wrapper\" class=\"wrapper\">\n <ch-edit\n accessibleName={\n this.labelPosition === \"none\" &&\n this.#componentLocale.entitySelectorInputAccessibleName\n }\n class=\"form-input\"\n name=\"entitySelector\"\n startImgSrc={this.iconSrc}\n value={this.value?.name \|\| this.defaultValue?.name}\n id=\"entity-input\"\n ></ch-edit>\n\n <button\n part=\"button-clear\"\n class=\"icon-button\"\n aria-label={this.#componentLocale.clearButtonLabel}\n title={this.#componentLocale.clearButtonLabel}\n onClick={this.#btnClearClickHandler}\n onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n >\n <ch-image class=\"icon-md\" src={CLEAR_ICON}></ch-image>\n </button>\n\n <button\n class=\"icon-button\"\n aria-label={this.#componentLocale.selectButtonLabel}\n title={this.#componentLocale.selectButtonLabel}\n disabled={!this.selectEntityCallback}\n onClick={this.#btnSelectClickHandler}\n onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n >\n <ch-image class=\"icon-md\" src={SELECT_DEFAULT_ICON}></ch-image>\n </button>\n </div>\n );\n };\n\n #updateIconSrc = () => {\n if (this.value && this.value.iconSrc) {\n this.iconSrc = this.value.iconSrc;\n }\n };\n\n render() {\n return (\n <Host\n class={{\n \"entity-selector--button-has-focus\": this.buttonHasFocus\n }}\n >\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.labelPosition !== \"none\" ? (\n <div\n class={{\n \"field\": true,\n \"field-block\": this.labelPosition === \"block-start\",\n \"field-inline\": this.labelPosition === \"inline-start\"\n }}\n >\n <label class=\"label\" htmlFor=\"entity-input\">\n {this.#componentLocale.entitySelectorInputAccessibleName}\n </label>\n {this.#renderControl()}\n </div>\n ) : (\n this.#renderControl()\n )}\n </Host>\n );\n }\n}\n\nexport type EntitySelectorLabels = {\n buttonClearLabel: string;\n buttonSelectLabel: string;\n};\n"]}
1	+ {"version":3,"file":"entity-selector.js","sourceRoot":"","sources":["../../../../src/components/_helpers/entity-selector/entity-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EAEL,KAAK,EACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIhD,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,YAAY;CACb,CAAC;AACF,MAAM,mBAAmB,GAAG,WAAW,CAAC;IACtC,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,sBAAsB;IAC5B,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,UAAU,GAAG,WAAW,CAAC;IAC7B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAQH,MAAM,OAAO,mBAAmB;;QAC9B,uDAAsB;QA2DtB,oDAAwB,GAAG,EAAE;YAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QACjC,CAAC,EAAC;QAEF,qDAAyB,GAAG,EAAE;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACxC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,kDAAsB,CAAC,CAAa,EAAE,EAAE;YACtC,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;gBACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC5B;iBAAM,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC5B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;aAC7B;QACH,CAAC,EAAC;QAEF,6CAAiB,GAAmB,EAAE;;YACpC,OAAO,CACL,WAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACjC,eACE,cAAc,EACZ,IAAI,CAAC,aAAa,KAAK,MAAM;wBAC7B,uBAAA,IAAI,4CAAiB,CAAC,iCAAiC,EAEzD,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,gBAAgB,EACrB,WAAW,EAAE,IAAI,CAAC,OAAO,EACzB,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,MAAI,MAAA,IAAI,CAAC,YAAY,0CAAE,IAAI,CAAA,EAClD,EAAE,EAAC,cAAc,GACR;gBAEX,cACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,aAAa,gBACP,uBAAA,IAAI,4CAAiB,CAAC,gBAAgB,EAClD,KAAK,EAAE,uBAAA,IAAI,4CAAiB,CAAC,gBAAgB,EAC7C,OAAO,EAAE,uBAAA,IAAI,iDAAsB,EACnC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS,EACnE,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS;oBAEnE,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,UAAU,GAAa,CAC/C;gBAET,cACE,KAAK,EAAC,aAAa,gBACP,uBAAA,IAAI,4CAAiB,CAAC,iBAAiB,EACnD,KAAK,EAAE,uBAAA,IAAI,4CAAiB,CAAC,iBAAiB,EAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,oBAAoB,EACpC,OAAO,EAAE,uBAAA,IAAI,kDAAuB,EACpC,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS,EACnE,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAA,IAAI,+CAAoB,CAAC,CAAC,CAAC,SAAS;oBAEnE,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,mBAAmB,GAAa,CACxD,CACL,CACP,CAAC;QACJ,CAAC,EAAC;QAEF,6CAAiB,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACnC;QACH,CAAC,EAAC;8BAnHwB,KAAK;uBAEJ,IAAI;;;6BAiB7B,aAAa;;;;IAYf,mBAAmB;QACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAAC;IACxB,CAAC;IAOD,+BAA+B;IAE/B,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,wCAAoB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;IACpE,CAAC;IAED,iBAAiB;QACf,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAAC;IACxB,CAAC;IAoED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,mCAAmC,EAAE,IAAI,CAAC,cAAc;aACzD;YAED,gBAAU,KAAK,EAAE,WAAW,GAAa;YACxC,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC/B,WACE,KAAK,EAAE;oBACL,OAAO,EAAE,IAAI;oBACb,aAAa,EAAE,IAAI,CAAC,aAAa,KAAK,aAAa;oBACnD,cAAc,EAAE,IAAI,CAAC,aAAa,KAAK,cAAc;iBACtD;gBAED,aAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,cAAc,IACxC,IAAI,CAAC,YAAY;oBAChB,uBAAA,IAAI,4CAAiB,CAAC,iCAAiC,CACnD;gBACP,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CAClB,CACP,CAAC,CAAC,CAAC,CACF,uBAAA,IAAI,0CAAe,MAAnB,IAAI,CAAiB,CACtB,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Event,\n EventEmitter,\n Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { LabelPosition } from \"../../../common/types\";\nimport { EntityData } from \"../../../common/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/edit\",\n \"components/button\",\n \"components/icon\",\n \"utils/form\"\n];\nconst SELECT_DEFAULT_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"show-more-horizontal\",\n colorType: \"primary\"\n});\nconst CLEAR_ICON = getIconPath({\n category: \"gemini-tools\",\n name: \"reset\",\n colorType: \"primary\"\n});\n\n@Component({\n tag: \"gx-ide-entity-selector\",\n styleUrl: \"entity-selector.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/entity-selector\"]\n})\nexport class GxIdeEntitySelector {\n #componentLocale: any;\n\n @Element() el: HTMLGxIdeEntitySelectorElement;\n\n /*\n Adds/removes a CSS class on the host. It removes focus-within styles when\n * focus is on a button.\n /\n @State() buttonHasFocus = false;\n\n @State() iconSrc: string = null;\n\n /\n Default value for the component. Used when the 'X' button is pressed.\n /\n @Prop() readonly defaultValue?: EntityData \| null \| undefined;\n\n /\n The label caption. Only visible if \"labelPosition\" is not \"none\".\n * I no \"labelCaption\" is provided, a generic caption \"Select Entity\" will be provided\n /\n @Prop() readonly labelCaption: string;\n\n /\n The label position\n /\n @Prop({ reflect: true }) readonly labelPosition: LabelPosition =\n \"block-start\";\n\n /\n Callback invoked when the action button is pressed. Returns the new value.\n /\n @Prop() readonly selectEntityCallback!: () => Promise<EntityData>;\n\n /\n Value currently assigned.\n /\n @Prop({ mutable: true }) value: EntityData \| null \| undefined;\n @Watch(\"value\")\n valueChangedHandler() {\n this.valueChanged.emit(this.value);\n this.#updateIconSrc();\n }\n\n /\n Emits the input value every time it changes\n */\n @Event() valueChanged: EventEmitter<EntityData>;\n\n // 6.Component Lifecycle Events\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n connectedCallback() {\n this.#updateIconSrc();\n }\n\n #btnClearClickHandler = () => {\n this.value = this.defaultValue;\n };\n\n #btnSelectClickHandler = () => {\n this.selectEntityCallback().then(result => {\n this.value = result;\n });\n };\n\n #buttonFocusHandler = (e: FocusEvent) => {\n if (e.type === \"focus\") {\n this.buttonHasFocus = true;\n } else if (e.type === \"blur\") {\n this.buttonHasFocus = false;\n }\n };\n\n #renderControl = (): HTMLDivElement => {\n return (\n <div part=\"wrapper\" class=\"wrapper\">\n <ch-edit\n accessibleName={\n this.labelPosition === \"none\" &&\n this.#componentLocale.entitySelectorInputAccessibleName\n }\n class=\"form-input\"\n name=\"entitySelector\"\n startImgSrc={this.iconSrc}\n value={this.value?.name \|\| this.defaultValue?.name}\n id=\"entity-input\"\n ></ch-edit>\n\n <button\n part=\"button-clear\"\n class=\"icon-button\"\n aria-label={this.#componentLocale.clearButtonLabel}\n title={this.#componentLocale.clearButtonLabel}\n onClick={this.#btnClearClickHandler}\n onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n >\n <ch-image class=\"icon-md\" src={CLEAR_ICON}></ch-image>\n </button>\n\n <button\n class=\"icon-button\"\n aria-label={this.#componentLocale.selectButtonLabel}\n title={this.#componentLocale.selectButtonLabel}\n disabled={!this.selectEntityCallback}\n onClick={this.#btnSelectClickHandler}\n onBlur={!this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n onFocus={this.buttonHasFocus ? this.#buttonFocusHandler : undefined}\n >\n <ch-image class=\"icon-md\" src={SELECT_DEFAULT_ICON}></ch-image>\n </button>\n </div>\n );\n };\n\n #updateIconSrc = () => {\n if (this.value && this.value.iconSrc) {\n this.iconSrc = this.value.iconSrc;\n }\n };\n\n render() {\n return (\n <Host\n class={{\n \"entity-selector--button-has-focus\": this.buttonHasFocus\n }}\n >\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n {this.labelPosition !== \"none\" ? (\n <div\n class={{\n \"field\": true,\n \"field-block\": this.labelPosition === \"block-start\",\n \"field-inline\": this.labelPosition === \"inline-start\"\n }}\n >\n <label class=\"label\" htmlFor=\"entity-input\">\n {this.labelCaption \|\|\n this.#componentLocale.entitySelectorInputAccessibleName}\n </label>\n {this.#renderControl()}\n </div>\n ) : (\n this.#renderControl()\n )}\n </Host>\n );\n }\n}\n\nexport type EntitySelectorLabels = {\n buttonClearLabel: string;\n buttonSelectLabel: string;\n};\n"]}

package/dist/collection/components/_helpers/entity-selector/gx-ide-assets/entity-selector/langs/entity-selector.lang.en.json CHANGED Viewed

@@ -2,5 +2,5 @@
   "componentName": "Entity Selector",
   "entitySelectorInputAccessibleName": "Select Entity",
   "clearButtonLabel": "Clear actual value",
-  "selectButtonLabel": "Assign a new entity selector value"
+  "selectButtonLabel": "Assign a new value"
 }

package/dist/collection/components/_helpers/list-selector/list-selector.css CHANGED Viewed

@@ -323,46 +323,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/_starting-template/template.css CHANGED Viewed

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/ai-assistant/ai-assistant.css CHANGED Viewed

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */
@@ -622,46 +582,6 @@ New : For Mercury
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 :host {
   display: block;
   /*data mappings*/

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -318,46 +318,6 @@ FORM ELEMENTS
 /* 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-primary-destructive {
-  --control__border-color: var(--button-primary__border-color--destructive);
-  background-color: var(--button-primary__bg-color--destructive);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:hover {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-hover
-  );
-  background-color: var(--button-primary__bg-color--destructive-hover);
-  color: var(--button-primary__color--destructive);
-}
-.button-primary-destructive:active {
-  --control__border-color: var(
-    --button-primary__bg-color--destructive-active
-  );
-  background-color: var(--button-primary__bg-color--destructive-active);
-  color: var(--button-primary__color--destructive);
-}
-.button-secondary-destructive {
-  --control__border-color: var(--button-secondary__border-color--destructive);
-  background-color: var(--button-secondary__bg-color--destructive);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:hover {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-hover
-  );
-  background-color: var(--button-secondary__bg-color--destructive-hover);
-  color: var(--button-secondary__color--destructive);
-}
-.button-secondary-destructive:active {
-  --control__border-color: var(
-    --button-secondary__bg-color--destructive-active
-  );
-  background-color: var(--button-secondary__bg-color--destructive-active);
-  color: var(--button-secondary__color--destructive);
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */