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

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

@@ -75,11 +75,27 @@ var getEditorLanguageLabelBorderColor = function getEditorLanguageLabelBorderCol
   return "1px solid ".concat(props.isReadOnly ? designSystem.designTokens.borderColorForInputWhenReadonly : designSystem.designTokens.borderColorForInputWhenDisabled);
 };
 
+var getBackgroundColor = function getBackgroundColor(props) {
+  if (props.isDisabled) {
+    return designSystem.designTokens.backgroundColorForInputWhenDisabled;
+  }
+
+  if (props.isReadOnly) {
+    return designSystem.designTokens.backgroundColorForInputWhenDisabled;
+  }
+
+  return designSystem.designTokens.backgroundColorForInput;
+};
+
 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:", function (props) {
+} )("white-space:nowrap;flex:0;color:", designSystem.designTokens.fontColorForInputWhenDisabled, ";line-height:calc(\n    ", designSystem.designTokens.sizeHeightInput, " - 2 * ", designSystem.designTokens.borderRadius1, "\n  );background-color:", function (props) {
+  return getBackgroundColor(props);
+}, ";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;" + ("" ));
+}, ";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;display:", function (props) {
+  return props.isNewTheme && 'flex';
+}, ";align-items:center;cursor:inherit;" + ("" ));
 
 var EditorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
   target: "ew063c1"
@@ -142,6 +158,10 @@ var _ref = {
 var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
   var intl = reactIntl.useIntl();
   var ref = react.useRef();
+
+  var _useTheme = designSystem.useTheme(),
+      isNewTheme = _useTheme.isNewTheme;
+
   var createEditorWithPlugins = pipe__default["default"](slateReact.withReact, slateHistory.withHistory); // eslint-disable-next-line react-hooks/exhaustive-deps
 
   var editor = react.useMemo(function () {
@@ -229,7 +249,9 @@ var Editor = /*#__PURE__*/react.forwardRef(function (props, forwardedRef) {
             onChange: props.onChange,
             children: [jsxRuntime.jsx(EditorLanguageLabel, {
               htmlFor: props.id,
+              isDisabled: props.isDisabled,
               isReadOnly: props.isReadOnly,
+              isNewTheme: isNewTheme,
               children: jsxRuntime.jsx(Text__default["default"].Detail, {
                 tone: "secondary",
                 children: props.language.toUpperCase()
@@ -623,7 +645,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.2";
+var version = "15.14.0";
 
 exports["default"] = LocalizedRichTextInput$1;
 exports.version = version;