@mgdis/mg-components 6.21.0 → 6.22.1

package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js

@@ -758,7 +758,7 @@ export class MgInputCombobox {
         else {
             activeDescendant = (_e = this.value) === null || _e === void 0 ? void 0 : _e.value;
         }
-        return (h("mg-input", { key: 'ee8222484fa6546a422eb724fdea67402644c0cc', label: this.label, identifier: this.identifier, class: this.classCollection.classes.join(' '), ariaDescribedbyIDs: popoverContent && popoverContent !== 'list' ? popoverContent : undefined, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
+        return (h("mg-input", { key: 'd19136f775e89188dcecf78a004abd1bc8048174', label: this.label, identifier: this.identifier, class: this.classCollection.classes.join(' '), ariaDescribedbyIDs: popoverContent && popoverContent !== 'list' ? popoverContent : undefined, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
                 '--mg-c-input-list-width': ((_f = this.input) === null || _f === void 0 ? void 0 : _f.offsetWidth) > 0 ? `${this.input.offsetWidth}px` : undefined,
             }, "data-fallback-placement": "bottom-end", "onDisplay-change": this.handlePopoverDisplay }, h("div", { class: "mg-c-input__input-group-container" }, h("mg-icon", { icon: "magnifying-glass" }), h("input", { type: "text", role: "combobox", class: "mg-c-input__box mg-c-input__box--width", value: this.filter, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.popoverDisplay.toString(), "aria-controls": listId, "aria-invalid": (this.invalid === true).toString(), "aria-activedescendant": formatID(activeDescendant), onInput: this.handleFilterInput, onBlur: this.handleFilterBlur, onFocus: this.handleFilterFocus, onKeyDown: this.handleFilterKeydown, ref: (el) => {
                 if (el !== null)
@@ -806,7 +806,8 @@ export class MgInputCombobox {
                         "Option": {
                             "location": "import",
                             "path": "../../../../types",
-                            "id": "src/types/index.ts::Option"
+                            "id": "src/types/index.ts::Option",
+                            "referenceLocation": "Option"
                         }
                     }
                 },
@@ -831,7 +832,8 @@ export class MgInputCombobox {
                         "Option": {
                             "location": "import",
                             "path": "../../../../types",
-                            "id": "src/types/index.ts::Option"
+                            "id": "src/types/index.ts::Option",
+                            "referenceLocation": "Option"
                         }
                     }
                 },
@@ -1053,7 +1055,8 @@ export class MgInputCombobox {
                         "Width": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
+                            "referenceLocation": "Width"
                         }
                     }
                 },
@@ -1098,7 +1101,8 @@ export class MgInputCombobox {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },
@@ -1198,12 +1202,14 @@ export class MgInputCombobox {
                         "RequestMappingType": {
                             "location": "import",
                             "path": "./mg-input-combobox.conf",
-                            "id": "src/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.ts::RequestMappingType"
+                            "id": "src/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.ts::RequestMappingType",
+                            "referenceLocation": "RequestMappingType"
                         },
                         "ResponseMappingType": {
                             "location": "import",
                             "path": "./mg-input-combobox.conf",
-                            "id": "src/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.ts::ResponseMappingType"
+                            "id": "src/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.ts::ResponseMappingType",
+                            "referenceLocation": "ResponseMappingType"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js

@@ -357,7 +357,7 @@ export class MgInputDate {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '1428f0f9f11d829ec8d3ed507c8690d63839ff17', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, localeDate(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        return (h("mg-input", { key: '0c3e08b8c467207110ef75f7d2516c36adc2ec4c', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, localeDate(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 if (el !== null)
                     this.input = el;
             } }))));
@@ -621,7 +621,8 @@ export class MgInputDate {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js

@@ -332,9 +332,9 @@ export class MgInputFile {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '3bcbf416c083d857aac2ad556bb2a218fe9ef82f', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, h("div", { key: '88fafc6fd4a84c05a545c0083193e2ee0db54bfb', class: "mg-c-input__file-container" }, h("input", { key: 'ad1d14bc95390d5db56191ebff0d092ed5478183', name: this.name, id: this.identifier, class: "mg-u-visually-hidden", type: "file", multiple: this.multiple === true, capture: this.capture, accept: this.accept, disabled: this.disabled, required: this.files.length === 0 && this.required, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, "aria-invalid": (this.invalid === true).toString(), ref: (el) => {
+        return (h("mg-input", { key: '075d0b55b004653115305f5dd0d6bc897fd3e9ed', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, h("div", { key: '16ce644751bf7e4a23876ed59e7076625661794c', class: "mg-c-input__file-container" }, h("input", { key: 'e00df3de20567ef52825ca002b838a81e586c777', name: this.name, id: this.identifier, class: "mg-u-visually-hidden", type: "file", multiple: this.multiple === true, capture: this.capture, accept: this.accept, disabled: this.disabled, required: this.files.length === 0 && this.required, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onChange: this.handleInputChange, "aria-invalid": (this.invalid === true).toString(), ref: (el) => {
                 this.inputElement = el;
-            } }), h("mg-button", { key: 'ace59bb90e27f924ce85e96abd277e752c75b6b8', variant: "secondary", class: "mg-c-input__file-button", type: "button", disabled: this.disabled, onClick: this.handleButtonClick, onBlur: this.handleButtonBlur, tabindex: "-1", ref: (el) => {
+            } }), h("mg-button", { key: '92e356bd08d09070b4c58c525ef91ab6bdc64b74', variant: "secondary", class: "mg-c-input__file-button", type: "button", disabled: this.disabled, onClick: this.handleButtonClick, onBlur: this.handleButtonBlur, tabindex: "-1", ref: (el) => {
                 this.fileButtonElement = el;
             } }, this.messages.input.file.browse), this.renderFiles())));
     }
@@ -615,7 +615,8 @@ export class MgInputFile {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js

@@ -460,7 +460,7 @@ export class MgInputNumeric {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: 'b158c0ec7f43ee02bbdbb275c169876fcdff92ac', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly
+        return (h("mg-input", { key: '9bea775c3e8d7339a45d18aeb1b3974d6da9a650', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly
             ? this.readonlyValue && this.renderReadonly()
             : [
                 h("input", { key: "input", type: "text", class: "mg-c-input__box mg-c-input__box--width", value: this.displayValue(), id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: "off", "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, ref: (el) => {
@@ -728,7 +728,8 @@ export class MgInputNumeric {
                         "Width": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
+                            "referenceLocation": "Width"
                         }
                     }
                 },
@@ -772,7 +773,8 @@ export class MgInputNumeric {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },
@@ -817,7 +819,8 @@ export class MgInputNumeric {
                         "NumericType": {
                             "location": "import",
                             "path": "./mg-input-numeric.conf",
-                            "id": "src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.ts::NumericType"
+                            "id": "src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.ts::NumericType",
+                            "referenceLocation": "NumericType"
                         }
                     }
                 },
@@ -843,7 +846,8 @@ export class MgInputNumeric {
                         "Format": {
                             "location": "import",
                             "path": "./mg-input-numeric.conf",
-                            "id": "src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.ts::Format"
+                            "id": "src/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.ts::Format",
+                            "referenceLocation": "Format"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js

@@ -248,10 +248,10 @@ export class MgInputPassword {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '403d92641197b3ad397a0db527944dba4137f83a', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value !== undefined && h("b", { class: "mg-c-input__readonly-value" }, '•'.repeat(this.value.length))) : (h("span", { class: "mg-c-input__input-group" }, h("input", { type: this.displayPassword ? 'text' : 'password', class: "mg-c-input__box mg-c-input__box--width", value: this.value, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, maxlength: this.maxlength, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
+        return (h("mg-input", { key: 'bfa5f289eb4d357c21cd9a753550bab1df846df8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value !== undefined && h("b", { class: "mg-c-input__readonly-value" }, '•'.repeat(this.value.length))) : (h("span", { class: "mg-c-input__input-group" }, h("input", { type: this.displayPassword ? 'text' : 'password', class: "mg-c-input__box mg-c-input__box--width", value: this.value, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, maxlength: this.maxlength, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
                 if (el !== null)
                     this.input = el;
-            } }), h("mg-button", { label: this.messages.input.password[this.displayPassword ? 'hide' : 'display'], disabled: this.disabled, variant: "flat", class: "mg-c-input__append-button", "is-icon": true, onClick: this.toggleDisplayPassword, "aria-controls": this.identifier }, h("mg-icon", { class: "mg-c-input__input-icon", icon: this.displayPassword ? 'eye-slash' : 'eye' }))))));
+            } }), h("mg-button", { label: this.messages.input.password[this.displayPassword ? 'hide' : 'display'], disabled: this.disabled, variant: "flat", class: "mg-c-input__append-button", "is-icon": true, onClick: this.toggleDisplayPassword, "aria-controls": this.identifier }, h("mg-icon", { class: "mg-c-input__input-icon", icon: (this.displayPassword ? 'eye-slash' : 'eye') }))))));
     }
     static get is() { return "mg-input-password"; }
     static get encapsulation() { return "shadow"; }
@@ -492,7 +492,8 @@ export class MgInputPassword {
                         "Width": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
+                            "referenceLocation": "Width"
                         }
                     }
                 },
@@ -537,7 +538,8 @@ export class MgInputPassword {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js

@@ -284,7 +284,7 @@ export class MgInputRadio {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '8d26edd50d44fbba4fee5fa6ef36aa3c455b1e5b', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && !this.value ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("ul", { class: "mg-c-input__input-group-container", role: "list" }, this.options.map((input, index) => (h("li", { key: input.title, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': this.disabled || input.disabled } }, h("input", { type: "radio", id: this.identifier + '_' + index, name: this.identifier, value: index, checked: JSON.stringify(this.value) === JSON.stringify(this.options[index].value), disabled: this.disabled || input.disabled, required: this.required, onBlur: this.handleBlur, onInput: this.handleInput, ref: (el) => {
+        return (h("mg-input", { key: 'a24a80156ef3e7760d02a52900d93099cd570db8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && !this.value ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("div", { class: "mg-c-input__input-group-container" }, this.options.map((input, index) => (h("div", { key: input.title, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': this.disabled || input.disabled } }, h("input", { type: "radio", id: this.identifier + '_' + index, name: this.identifier, value: index, checked: JSON.stringify(this.value) === JSON.stringify(this.options[index].value), disabled: this.disabled || input.disabled, required: this.required, onBlur: this.handleBlur, onInput: this.handleInput, ref: (el) => {
                 if (el !== null)
                     this.inputs[index] = el;
             } }), h("label", { htmlFor: this.identifier + '_' + index }, input.title))))))));
@@ -332,7 +332,8 @@ export class MgInputRadio {
                         "RadioOption": {
                             "location": "import",
                             "path": "./mg-input-radio.conf",
-                            "id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption"
+                            "id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption",
+                            "referenceLocation": "RadioOption"
                         }
                     }
                 },
@@ -552,7 +553,8 @@ export class MgInputRadio {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "../mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },

package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/custom-properties.scss

@@ -0,0 +1,212 @@
+:host {
+  /**
+   * Colors - Base
+   */
+  --jd-color-white: rgb(255 255 255);
+  --jd-color-dark: rgb(76 76 76);
+  --jd-color-default: var(--jd-color-dark);
+  --jd-color-gray: rgb(218 218 218);
+  --jd-color-gray-dark: rgb(165 165 165);
+  --jd-color-red: rgb(255 59 59);
+  --jd-color-blue: rgb(181 214 253);
+  --jd-color-light-blue: rgb(181 214 253 / 50%);
+  --jd-color-light-red: rgb(255 59 59 / 40%);
+  --jd-color-error: var(--jd-color-red);
+
+  /**
+   * Colors - Background
+   */
+  --jd-color-background-default: var(--jd-color-white);
+  --jd-color-background-light-gray: rgb(245 245 246);
+  --jd-color-background-gray: var(--jd-color-gray);
+  --jd-color-background-gray-hover: rgb(248 248 248);
+  --jd-color-background-active: rgb(33 150 243);
+  --jd-color-background-button-hover: rgb(236 235 233);
+  --jd-color-background-button-hover-opacity30: rgb(234 234 234 / 30%);
+  --jd-color-background-button-hover-opacity40: rgb(219 219 219 / 40%);
+  --jd-color-background-button-hover-opacity60: rgb(219 219 219 / 60%);
+  --jd-color-background-filebrowser-folders: rgb(248 249 250);
+  --jd-color-background-progress: rgb(185 31 31);
+  --jd-color-background-selection: rgb(181 214 253);
+  --jd-color-background-selection-opacity50: rgb(181 214 253 / 99.5%);
+  --jd-color-panel: rgb(249 249 249);
+  --jd-color-source-area: rgb(50 50 50);
+  --jd-info-background: rgb(233 233 233);
+
+  /**
+   * Colors - Border
+   */
+  --jd-color-border: var(--jd-color-gray);
+  --jd-color-border-dark: var(--jd-color-dark);
+  --jd-color-border-active: rgb(181 181 181);
+  --jd-color-border-selected: rgb(30 136 229);
+  --jd-color-separator: var(--jd-color-border);
+  --jd-color-resizer: rgb(200 200 200);
+
+  /**
+   * Colors - Text
+   */
+  --jd-color-text: rgb(34 34 34);
+  --jd-color-text-icons: rgb(0 0 0 / 75%);
+  --jd-color-text-selection: var(--jd-color-white);
+  --jd-color-icon: var(--jd-color-dark);
+  --jd-color-label: var(--jd-color-gray-dark);
+  --jd-color-placeholder: var(--jd-color-gray-dark);
+  --jd-color-folder-title: rgb(177 177 177);
+  --jd-color-selection: var(--jd-color-dark);
+
+  /**
+   * Colors - Button
+   */
+  --jd-color-button-background-hover: rgb(220 220 220);
+  --jd-color-button-background-hover-opacity40: rgb(219 219 219 / 40%);
+  --jd-color-button-background-hover-opacity60: rgb(219 219 219 / 60%);
+
+  /**
+   * Colors - Selection
+   */
+  --jd-color-selection-area: rgb(189 189 189);
+  --jd-color-table-cell-background-hover: rgb(0 0 0 / 5%);
+
+  /**
+   * Colors - Dark mode
+   */
+  --jd-dark-background-color: rgb(87 87 87);
+  --jd-dark-background-darknes: rgb(53 53 53);
+  --jd-dark-background-ligher: rgb(192 192 192);
+  --jd-dark-border-color: rgb(68 68 68);
+  --jd-dark-color-border-selected: rgb(21 47 95);
+  --jd-dark-icon-color: rgb(192 192 192);
+  --jd-dark-text-color: rgb(209 204 204);
+  --jd-dark-text-color-opacity50: rgb(206 206 206 / 50%);
+  --jd-dark-text-color-opacity80: rgb(206 206 206 / 80%);
+  --jd-dark-toolbar-color: rgb(95 92 92);
+  --jd-dark-toolbar-seperator-color1: rgb(81 81 81 / 41%);
+  --jd-dark-toolbar-seperator-color2: rgb(104 103 103);
+  --jd-dark-toolbar-seperator-color3: rgb(105 105 105 / 75%);
+  --jd-dark-toolbar-seperator-color-opacity80: rgb(105 105 105 / 80%);
+
+  /**
+   * Colors - Special
+   */
+  --jd-color-picker-cell-size: 2.4rem;
+  --jd-image-editor-resizer-border-color: rgb(5 255 0);
+  --jd-image-editor-resizer-target-bg-color: rgb(140 120 120);
+  --jd-image-editor-resizer-target-border-color: rgb(56 56 56);
+  --jd-resizer-border-color: rgb(152 193 241);
+  --jd-resizer-handle-color: rgb(91 164 243);
+  --jd-resizer-handle-hover-color: rgb(83 126 187);
+
+  /**
+   * Colors - Em (Alert/Message)
+   */
+  --jd-em-color-bg: rgb(207 226 255);
+  --jd-em-color-border: rgb(182 212 254);
+  --jd-em-color-color: rgb(8 66 152);
+
+  /**
+   * Sizes - Buttons
+   */
+  --jd-button-icon-size: 1.4rem;
+  --jd-button-trigger-size: 1.4rem;
+  --jd-button-df-size: calc((var(--jd-button-icon-size) - 0.4rem) * 2);
+  --jd-button-size: calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v) * 2);
+
+  /**
+   * Sizes - Icons
+   */
+  --jd-icon-size: 1.2rem;
+  --jd-icon-loader-size: 4.8rem;
+
+  /**
+   * Sizes - Height
+   */
+  --jd-height: 1.8rem;
+  --jd-height-element-default: 1.8rem;
+  --jd-height-search: 3rem;
+  --jd-input-height: 3.2rem;
+  --jd-switche-height: 3.2rem;
+  --jd-viewer-height: 2.4rem;
+
+  /**
+   * Sizes - Width
+   */
+  --jd-width-default: 18rem;
+  --jd-width-element-default: 1.8rem;
+  --jd-width-input-min: var(--jd-width-default);
+  --jd-width-search: 32rem;
+  --jd-width-search-count-box: 15%;
+  --jd-width-search-input-box: 60%;
+  --jd-viewer-width: 7rem;
+  --jd-switche-width: 6rem;
+  --jd-col-size: 15rem;
+  --jd-first-column: 31%;
+  --jd-image-editor-resizer-target-size: padding-default;
+
+  /**
+   * Sizes - Spacing
+   */
+  --jd-padding-default: 0.8rem;
+  --jd-margin-v: 0.2rem;
+  --jd-switche-slider-margin: 0.4rem;
+  --jd-em-padding: calc(1rem / 2) 1rem;
+
+  /**
+   * Sizes - Other
+   */
+  --jd-resizer-handle-size: 1rem;
+  --jd-switche-slider-size: calc(var(--jd-switche-height) - var(--jd-switche-slider-margin) * 2);
+  --jd-cols: 4;
+
+  /**
+   * Border and radius
+   */
+  --jd-border-radius-default: 0.3rem;
+  --jd-em-border-radius: 0.375rem;
+
+  /**
+   * Font
+   */
+  --jd-font-default: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen-sans, ubuntu, cantarell, 'Helvetica Neue', sans-serif;
+  --jd-font-size-default: 1.4rem;
+  --jd-font-size-small: 1.1rem;
+  --jd-em-font-size: 1rem;
+
+  /**
+   * Shadow
+   */
+  --jd-box-shadow-1: 0 0.8rem 1.6rem rgb(0 0 0 / 19%);
+  --jd-box-shadow-blur: 1.6rem;
+  --jd-box-shadow-tabs: 0 0.2rem 0.4rem rgb(0 0 0 / 10%);
+  --jd-popup-box-shadow: 0 0.4rem 0.1rem -0.2rem rgb(76 76 76 / 20%), 0 0.3rem 0.3rem 0 rgb(76 76 76 / 15%), 0 0.1rem 0.4rem 0 rgb(76 76 76 / 13%);
+  --jd-popup-max-height: max(50vh, 35rem);
+  --jd-focus-input-box-shadow: 0 0 0 0.05rem rgb(0 123 255 / 25%);
+
+  /**
+   * Z-index
+   */
+  --jd-z-index-dialog: 20000004;
+  --jd-z-index-dialog-overlay: 20000003;
+  --jd-z-index-popup: 10000001;
+  --jd-z-index-full-size: 100000;
+  --jd-z-index-context-menu: 30000005;
+  --jd-z-index-tooltip: 30000006;
+
+  /**
+   * Animation and transition
+   */
+  --jd-anl-color-new-line: var(--jd-color-border);
+  --jd-anl-handle-offset: calc(100% - var(--jd-anl-handle-size));
+  --jd-anl-handle-size: 2rem;
+  --jd-timeout-button-active: 0.1s;
+  --jd-transform-button-active: 0.95;
+
+  /**
+   * Tooltip
+   */
+  --jd-tooltip-color: rgb(255 255 255);
+  --jd-tooltip-background-color: rgb(0 0 0 / 70%);
+  --jd-tooltip-sfx-shadow: rgb(0 0 0 / 15%);
+  --jd-tooltip-border-width: 0;
+  --jd-tooltip-border-color: rgb(229 229 229);
+}

package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.js

@@ -0,0 +1 @@
+export {};