@commercetools-frontend-extensions/change-history 8.20.4 → 8.20.6

package/dist/commercetools-frontend-extensions-change-history.cjs.dev.js

@@ -154,7 +154,7 @@ var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
 var LeadingIcon__default = /*#__PURE__*/_interopDefault(LeadingIcon);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.20.4";
+var version = "8.20.6";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -18517,22 +18517,11 @@ const SingleFilterTag = props => {
     children: jsxRuntime.jsxs("div", {
       css: tagBodyStyles,
       "data-testid": "single-filter-tag",
-      children: [jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsxs("div", {
         css: boldStyles,
-        children: jsxRuntime.jsx(uiKit.Text.Detail, {
-          as: "span",
-          isBold: true,
-          children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [props.fieldLabel, ':']
-          })
-        })
-      }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        as: "span",
-        children: jsxRuntime.jsx(jsxRuntime.Fragment, {
-          children: jsxRuntime.jsx("div", {
-            children: props.filterTypeLabel
-          })
-        })
+        children: [props.fieldLabel, ':']
+      }), jsxRuntime.jsx("div", {
+        children: props.filterTypeLabel
       }), jsxRuntime.jsx("div", {
         css: boldStyles,
         children: props.renderValue(props.value)
@@ -18609,13 +18598,9 @@ const DateSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsxRuntime.jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsxRuntime.jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -18631,13 +18616,9 @@ DateSingleFilterTag.propTypes = process.env.NODE_ENV !== "production" ? {
 const DateRangeFilterTag = props => jsxRuntime.jsx(RangeFilterTag, {
   fieldLabel: props.fieldLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsxRuntime.jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsxRuntime.jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -18657,11 +18638,7 @@ const TextSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: value
-  }),
+  renderValue: value => value,
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20274,11 +20251,7 @@ const EnumSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray__default["default"](option) ? option.join(', ') : "".concat(option.value)
-  }),
+  renderValue: option => _Array$isArray__default["default"](option) ? option.join(', ') : "".concat(option.value),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20300,11 +20273,7 @@ const EnumSingleOptionFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray__default["default"](option) ? _mapInstanceProperty__default["default"](option).call(option, value => value.label).join(', ') : "".concat(option.value.label)
-  }),
+  renderValue: option => _Array$isArray__default["default"](option) ? _mapInstanceProperty__default["default"](option).call(option, value => value.label).join(', ') : "".concat(option.value.label),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20312,10 +20281,10 @@ EnumSingleOptionFilterTag.displayName = 'EnumSingleOptionFilterTag';
 EnumSingleOptionFilterTag.propTypes = process.env.NODE_ENV !== "production" ? {
   fieldLabel: PropTypes__default["default"].string.isRequired,
   filterTypeLabel: PropTypes__default["default"].string.isRequired,
-  value: PropTypes__default["default"].shape({
+  value: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
     key: PropTypes__default["default"].any,
     label: PropTypes__default["default"].string.isRequired
-  }),
+  })).isRequired,
   onRemove: PropTypes__default["default"].func.isRequired,
   onClick: PropTypes__default["default"].func.isRequired
 } : {};
@@ -20336,7 +20305,7 @@ const EnumSingleFilterLabelTag = props => jsxRuntime.jsx(SingleFilterTag, {
       }).join(', ');
     }
     const selectedOption = _findInstanceProperty__default["default"](_context2 = props.options).call(_context2, propOption => propOption.value === option.value);
-    return jsxRuntime.jsx(uiKit.Text.Body, {
+    return jsxRuntime.jsx(uiKit.Text.Detail, {
       as: "span",
       isBold: true,
       children: selectedOption.label || "".concat(option.value)
@@ -20373,7 +20342,7 @@ var messages$5 = reactIntl.defineMessages({
 
 function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const GetBoldText = msg => jsxRuntime.jsx(uiKit.Text.Body, {
+const GetBoldText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   as: "span",
   isBold: true,
   children: msg
@@ -20386,7 +20355,7 @@ const ResourceChangeFilterTag = props => {
     fieldLabel: formatMessage(messages$5.fieldLabel),
     filterTypeLabel: props.filterTypeLabel,
     value: props.value,
-    renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
+    renderValue: value => jsxRuntime.jsx(uiKit.Text.Detail, {
       as: "span",
       intlMessage: _objectSpread$f(_objectSpread$f({}, messages$5.tagTxt), {}, {
         values: _objectSpread$f(_objectSpread$f({}, value), {}, {

package/dist/commercetools-frontend-extensions-change-history.cjs.prod.js

@@ -154,7 +154,7 @@ var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
 var LeadingIcon__default = /*#__PURE__*/_interopDefault(LeadingIcon);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.20.4";
+var version = "8.20.6";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -17440,22 +17440,11 @@ const SingleFilterTag = props => {
     children: jsxRuntime.jsxs("div", {
       css: tagBodyStyles,
       "data-testid": "single-filter-tag",
-      children: [jsxRuntime.jsx("div", {
+      children: [jsxRuntime.jsxs("div", {
         css: boldStyles,
-        children: jsxRuntime.jsx(uiKit.Text.Detail, {
-          as: "span",
-          isBold: true,
-          children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [props.fieldLabel, ':']
-          })
-        })
-      }), jsxRuntime.jsx(uiKit.Text.Detail, {
-        as: "span",
-        children: jsxRuntime.jsx(jsxRuntime.Fragment, {
-          children: jsxRuntime.jsx("div", {
-            children: props.filterTypeLabel
-          })
-        })
+        children: [props.fieldLabel, ':']
+      }), jsxRuntime.jsx("div", {
+        children: props.filterTypeLabel
       }), jsxRuntime.jsx("div", {
         css: boldStyles,
         children: props.renderValue(props.value)
@@ -17510,13 +17499,9 @@ const DateSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsxRuntime.jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsxRuntime.jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -17526,13 +17511,9 @@ DateSingleFilterTag.propTypes = {};
 const DateRangeFilterTag = props => jsxRuntime.jsx(RangeFilterTag, {
   fieldLabel: props.fieldLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsxRuntime.jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsxRuntime.jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -17544,11 +17525,7 @@ const TextSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: value
-  }),
+  renderValue: value => value,
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -18873,11 +18850,7 @@ const EnumSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray__default["default"](option) ? option.join(', ') : "".concat(option.value)
-  }),
+  renderValue: option => _Array$isArray__default["default"](option) ? option.join(', ') : "".concat(option.value),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -18887,11 +18860,7 @@ const EnumSingleOptionFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsxRuntime.jsx(uiKit.Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray__default["default"](option) ? _mapInstanceProperty__default["default"](option).call(option, value => value.label).join(', ') : "".concat(option.value.label)
-  }),
+  renderValue: option => _Array$isArray__default["default"](option) ? _mapInstanceProperty__default["default"](option).call(option, value => value.label).join(', ') : "".concat(option.value.label),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -18914,7 +18883,7 @@ const EnumSingleFilterLabelTag = props => jsxRuntime.jsx(SingleFilterTag, {
       }).join(', ');
     }
     const selectedOption = _findInstanceProperty__default["default"](_context2 = props.options).call(_context2, propOption => propOption.value === option.value);
-    return jsxRuntime.jsx(uiKit.Text.Body, {
+    return jsxRuntime.jsx(uiKit.Text.Detail, {
       as: "span",
       isBold: true,
       children: selectedOption.label || "".concat(option.value)
@@ -18941,7 +18910,7 @@ var messages$5 = reactIntl.defineMessages({
 
 function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const GetBoldText = msg => jsxRuntime.jsx(uiKit.Text.Body, {
+const GetBoldText = msg => jsxRuntime.jsx(uiKit.Text.Detail, {
   as: "span",
   isBold: true,
   children: msg
@@ -18954,7 +18923,7 @@ const ResourceChangeFilterTag = props => {
     fieldLabel: formatMessage(messages$5.fieldLabel),
     filterTypeLabel: props.filterTypeLabel,
     value: props.value,
-    renderValue: value => jsxRuntime.jsx(uiKit.Text.Body, {
+    renderValue: value => jsxRuntime.jsx(uiKit.Text.Detail, {
       as: "span",
       intlMessage: _objectSpread$f(_objectSpread$f({}, messages$5.tagTxt), {}, {
         values: _objectSpread$f(_objectSpread$f({}, value), {}, {

package/dist/commercetools-frontend-extensions-change-history.esm.js

@@ -92,7 +92,7 @@ import LeadingIcon from '@commercetools-uikit/icons/leading-icon';
 import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.20.4";
+var version = "8.20.6";
 
 var fetchFeatureStatusQuery = { kind: "Document", definitions: [{ kind: "OperationDefinition", operation: "query", name: { kind: "Name", value: "FetchFeatureStatusQuery" }, variableDefinitions: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "allFeatures" }, arguments: [], directives: [], selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "name" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "value" }, arguments: [], directives: [] }, { kind: "Field", name: { kind: "Name", value: "reason" }, arguments: [], directives: [] }] } }] } }], loc: { start: 0, end: 84, source: { body: "query FetchFeatureStatusQuery {\n  allFeatures {\n    name\n    value\n    reason\n  }\n}\n", name: "GraphQL request", locationOffset: { line: 1, column: 1 } } } };
 /**
@@ -18455,22 +18455,11 @@ const SingleFilterTag = props => {
     children: jsxs("div", {
       css: tagBodyStyles,
       "data-testid": "single-filter-tag",
-      children: [jsx("div", {
+      children: [jsxs("div", {
         css: boldStyles,
-        children: jsx(Text.Detail, {
-          as: "span",
-          isBold: true,
-          children: jsxs(Fragment, {
-            children: [props.fieldLabel, ':']
-          })
-        })
-      }), jsx(Text.Detail, {
-        as: "span",
-        children: jsx(Fragment, {
-          children: jsx("div", {
-            children: props.filterTypeLabel
-          })
-        })
+        children: [props.fieldLabel, ':']
+      }), jsx("div", {
+        children: props.filterTypeLabel
       }), jsx("div", {
         css: boldStyles,
         children: props.renderValue(props.value)
@@ -18547,13 +18536,9 @@ const DateSingleFilterTag = props => jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsx(Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -18569,13 +18554,9 @@ DateSingleFilterTag.propTypes = process.env.NODE_ENV !== "production" ? {
 const DateRangeFilterTag = props => jsx(RangeFilterTag, {
   fieldLabel: props.fieldLabel,
   value: props.value,
-  renderValue: value => jsx(Text.Body, {
-    as: "span",
-    isBold: true,
-    children: jsx(FormattedDateTime$1, {
-      type: "date",
-      value: value
-    })
+  renderValue: value => jsx(FormattedDateTime$1, {
+    type: "date",
+    value: value
   }),
   onRemove: props.onRemove,
   onClick: props.onClick
@@ -18595,11 +18576,7 @@ const TextSingleFilterTag = props => jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: value => jsx(Text.Body, {
-    as: "span",
-    isBold: true,
-    children: value
-  }),
+  renderValue: value => value,
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20212,11 +20189,7 @@ const EnumSingleFilterTag = props => jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsx(Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray(option) ? option.join(', ') : "".concat(option.value)
-  }),
+  renderValue: option => _Array$isArray(option) ? option.join(', ') : "".concat(option.value),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20238,11 +20211,7 @@ const EnumSingleOptionFilterTag = props => jsx(SingleFilterTag, {
   fieldLabel: props.fieldLabel,
   filterTypeLabel: props.filterTypeLabel,
   value: props.value,
-  renderValue: option => jsx(Text.Body, {
-    as: "span",
-    isBold: true,
-    children: _Array$isArray(option) ? _mapInstanceProperty(option).call(option, value => value.label).join(', ') : "".concat(option.value.label)
-  }),
+  renderValue: option => _Array$isArray(option) ? _mapInstanceProperty(option).call(option, value => value.label).join(', ') : "".concat(option.value.label),
   onRemove: props.onRemove,
   onClick: props.onClick
 });
@@ -20250,10 +20219,10 @@ EnumSingleOptionFilterTag.displayName = 'EnumSingleOptionFilterTag';
 EnumSingleOptionFilterTag.propTypes = process.env.NODE_ENV !== "production" ? {
   fieldLabel: PropTypes.string.isRequired,
   filterTypeLabel: PropTypes.string.isRequired,
-  value: PropTypes.shape({
+  value: PropTypes.arrayOf(PropTypes.shape({
     key: PropTypes.any,
     label: PropTypes.string.isRequired
-  }),
+  })).isRequired,
   onRemove: PropTypes.func.isRequired,
   onClick: PropTypes.func.isRequired
 } : {};
@@ -20274,7 +20243,7 @@ const EnumSingleFilterLabelTag = props => jsx(SingleFilterTag, {
       }).join(', ');
     }
     const selectedOption = _findInstanceProperty(_context2 = props.options).call(_context2, propOption => propOption.value === option.value);
-    return jsx(Text.Body, {
+    return jsx(Text.Detail, {
       as: "span",
       isBold: true,
       children: selectedOption.label || "".concat(option.value)
@@ -20311,7 +20280,7 @@ var messages$5 = defineMessages({
 
 function ownKeys$f(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$f(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$f(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const GetBoldText = msg => jsx(Text.Body, {
+const GetBoldText = msg => jsx(Text.Detail, {
   as: "span",
   isBold: true,
   children: msg
@@ -20324,7 +20293,7 @@ const ResourceChangeFilterTag = props => {
     fieldLabel: formatMessage(messages$5.fieldLabel),
     filterTypeLabel: props.filterTypeLabel,
     value: props.value,
-    renderValue: value => jsx(Text.Body, {
+    renderValue: value => jsx(Text.Detail, {
       as: "span",
       intlMessage: _objectSpread$f(_objectSpread$f({}, messages$5.tagTxt), {}, {
         values: _objectSpread$f(_objectSpread$f({}, value), {}, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/change-history",
   "description": "Change history shared components and utilities",
-  "version": "8.20.4",
+  "version": "8.20.6",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -18,7 +18,7 @@
     "@apollo/client": "3.8.5",
     "@babel/runtime": "7.24.1",
     "@babel/runtime-corejs3": "7.24.1",
-    "@commercetools-frontend/ui-kit": "19.1.0",
+    "@commercetools-frontend/ui-kit": "19.3.0",
     "@commercetools-uikit/data-table": "^19.1.0",
     "@commercetools-uikit/data-table-manager": "^19.1.0",
     "@commercetools-uikit/design-system": "^19.1.0",
@@ -56,20 +56,20 @@
     "@commercetools-frontend/permissions": "22.23.3",
     "@commercetools-frontend/sdk": "22.23.3",
     "@commercetools-frontend/sentry": "22.23.3",
-    "@commercetools-frontend/ui-kit": "19.1.0",
+    "@commercetools-frontend/ui-kit": "19.3.0",
     "@faker-js/faker": "7.6.0",
-    "@formatjs/cli": "6.2.7",
+    "@formatjs/cli": "6.2.9",
     "@preconstruct/cli": "2.8.3",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "babel-plugin-import-graphql": "2.8.1",
     "babel-plugin-inline-svg": "1.2.0",
     "cross-env": "7.0.3",
-    "jest-date-mock": "1.0.8",
+    "jest-date-mock": "1.0.10",
     "msw": "1.3.3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "6.6.4",
+    "react-intl": "6.6.5",
     "react-redux": "7.2.9",
     "react-router-dom": "5.3.4",
     "react-test-renderer": "17.0.2",