@commercetools-uikit/localized-rich-text-input 15.13.0 → 15.13.2

package/dist/commercetools-uikit-localized-rich-text-input.cjs.prod.js

@@ -71,9 +71,15 @@ var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
 var isHotkey__default = /*#__PURE__*/_interopDefault(isHotkey);
 var pipe__default = /*#__PURE__*/_interopDefault(pipe);
 
+var getEditorLanguageLabelBorderColor = function getEditorLanguageLabelBorderColor(props) {
+  return "1px solid ".concat(props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled);
+};
+
 var EditorLanguageLabel = /*#__PURE__*/_styled__default["default"]("label", {
   target: "ew063c2"
-} )("white-space:nowrap;flex:0;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";line-height:calc(\n    ", designSystem.designTokens.sizeHeightInput, " - 2 * ", designSystem.designTokens.borderRadius1, "\n  );background-color:", designSystem.designTokens.backgroundColorForInputWhenDisabled, ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px ", designSystem.designTokens.borderColorForInputWhenDisabled, " solid;padding:", designSystem.designTokens.paddingForLocalizedRichTextInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;cursor:inherit;" + ("" ));
+} )("white-space:nowrap;flex:0;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";line-height:calc(\n    ", designSystem.designTokens.sizeHeightInput, " - 2 * ", designSystem.designTokens.borderRadius1, "\n  );background-color:", designSystem.designTokens.backgroundColorForInputWhenDisabled, ";border-top-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom-left-radius:", designSystem.designTokens.borderRadiusForInput, ";border:", function (props) {
+  return getEditorLanguageLabelBorderColor(props);
+}, ";padding:", designSystem.designTokens.paddingForLocalizedRichTextInputLabel, ";transition:border-color ", designSystem.designTokens.transitionStandard, ",background-color ", designSystem.designTokens.transitionStandard, ",color ", designSystem.designTokens.transitionStandard, ";border-right:0;box-shadow:none;appearance:none;cursor:inherit;" + ("" ));
 
 var EditorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ew063c1"
@@ -223,6 +229,7 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
             onChange: props.onChange,
             children: [jsxRuntime.jsx(EditorLanguageLabel, {
               htmlFor: props.id,
+              isReadOnly: props.isReadOnly,
               children: jsxRuntime.jsx(Text__default["default"].Detail, {
                 tone: "secondary",
                 children: props.language.toUpperCase()
@@ -397,7 +404,7 @@ var RichTextInput = /*#__PURE__*/function (_PureComponent) {
 
       return jsxRuntime.jsx(Editor$1, _objectSpread$2(_objectSpread$2({}, utils.filterDataAttributes(this.props)), {}, {
         name: this.props.name,
-        isReadOnly: this.props.isReadOnly || this.props.isDisabled,
+        isReadOnly: this.props.isReadOnly,
         onChange: this.onValueChange,
         id: this.props.id,
         value: this.internalSlateValue,
@@ -616,7 +623,7 @@ LocalizedRichTextInput.isTouched = localizedUtils.isTouched;
 var LocalizedRichTextInput$1 = LocalizedRichTextInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.13.0";
+var version = "15.13.2";
 
 exports["default"] = LocalizedRichTextInput$1;
 exports.version = version;