@contentful/field-editor-shared 2.13.4 → 2.13.5

package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusBadge.js

@@ -10,38 +10,17 @@ Object.defineProperty(exports, "ReleaseEntityStatusBadge", {
 });
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _getReleaseStatusBadgeConfig = require("../utils/getReleaseStatusBadgeConfig");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const config = {
-    willPublish: {
-        label: 'Will publish',
-        variant: 'positive'
-    },
-    becomesDraft: {
-        label: 'Becomes draft',
-        variant: 'warning'
-    },
-    remainsDraft: {
-        label: 'Remains draft',
-        variant: 'warning'
-    },
-    notInRelease: {
-        label: 'Not in release',
-        variant: 'secondary'
-    },
-    published: {
-        label: 'Published',
-        variant: 'positive'
-    }
-};
 function ReleaseEntityStatusBadge({ className, status }) {
-    const badgeConfig = config[status];
+    const { label, variant } = (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status);
     return /*#__PURE__*/ _react.default.createElement(_f36components.Badge, {
         testId: "release-entity-action-status",
         className: className,
-        variant: badgeConfig.variant
-    }, badgeConfig.label);
+        variant: variant
+    }, label);
 }

package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusLocale.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "ReleaseEntityStatusLocale", {
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _core = require("@lingui/core");
 const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -34,6 +35,8 @@ const styles = {
     })
 };
 function ReleaseEntityStatusLocale({ locale, label, variant }) {
+    const localeCode = locale.code;
+    const isDefaultLocale = `${locale.default ? ', Default' : ''}`;
     return /*#__PURE__*/ _react.default.createElement("div", {
         className: styles.localePublishStatus,
         "data-test-id": "locale-publishing-status"
@@ -42,7 +45,14 @@ function ReleaseEntityStatusLocale({ locale, label, variant }) {
         fontColor: "gray700"
     }, locale.name, ' ', /*#__PURE__*/ _react.default.createElement(_f36components.Text, {
         fontColor: "gray500"
-    }, "(", locale.code, ")", locale.default && ', Default')), /*#__PURE__*/ _react.default.createElement(_f36components.Badge, {
+    }, _core.i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocale.LocaleCode",
+        message: "({localeCode}) {isDefaultLocale}",
+        values: {
+            localeCode: localeCode,
+            isDefaultLocale: isDefaultLocale
+        }
+    }))), /*#__PURE__*/ _react.default.createElement(_f36components.Badge, {
         className: styles.status,
         variant: variant
     }, label));

package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusLocalesList.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "ReleaseEntityStatusLocalesList", {
 });
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
+const _core = require("@lingui/core");
 const _lodash = require("lodash");
 const _Banner = require("./Banner");
 const _ReleaseEntityStatusLocale = require("./ReleaseEntityStatusLocale");
@@ -54,7 +55,7 @@ function ReleaseEntityStatusLocalesList({ statusMap, activeLocales }) {
     const entries = [
         ...statusMap.entries()
     ];
-    const counters = entries.reduce((prev, [, { status }])=>({
+    const { willPublish, becomesDraft, remainsDraft } = entries.reduce((prev, [, { status }])=>({
             becomesDraft: prev.becomesDraft + (status === 'becomesDraft' ? 1 : 0),
             willPublish: prev.willPublish + (status === 'willPublish' ? 1 : 0),
             remainsDraft: prev.remainsDraft + (status === 'remainsDraft' ? 1 : 0)
@@ -65,18 +66,35 @@ function ReleaseEntityStatusLocalesList({ statusMap, activeLocales }) {
     });
     const { selected, nonSelected } = groupAndSortLocales(entries, activeLocales);
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Banner.Banner, {
-        content: "The statuses of the locales for this content:",
-        highlight: `${counters.becomesDraft} becomes draft, ${counters.willPublish} will publish, ${counters.remainsDraft} remains draft`
+        content: _core.i18n._({
+            id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.BannerContent",
+            message: "The statuses of the locales for this content:"
+        }),
+        highlight: _core.i18n._({
+            id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.BannerHighlight",
+            message: "{becomesDraft} becomes draft, {willPublish} will publish, {remainsDraft} remains draft",
+            values: {
+                becomesDraft: becomesDraft,
+                willPublish: willPublish,
+                remainsDraft: remainsDraft
+            }
+        })
     }), /*#__PURE__*/ _react.default.createElement("div", {
         "data-test-id": "locale-publishing-selected"
-    }, /*#__PURE__*/ _react.default.createElement(_f36components.MenuSectionTitle, null, "Locales in the entry editor:"), selected.map(({ locale, label, variant })=>/*#__PURE__*/ _react.default.createElement(_ReleaseEntityStatusLocale.ReleaseEntityStatusLocale, {
+    }, /*#__PURE__*/ _react.default.createElement(_f36components.MenuSectionTitle, null, _core.i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.SelectedLocalesTitle",
+        message: "Locales in the entry editor:"
+    })), selected.map(({ locale, label, variant })=>/*#__PURE__*/ _react.default.createElement(_ReleaseEntityStatusLocale.ReleaseEntityStatusLocale, {
             key: `selected-${locale.code}`,
             label: label,
             variant: variant,
             locale: locale
         }))), nonSelected.length > 0 && /*#__PURE__*/ _react.default.createElement("div", {
         "data-test-id": "locale-publishing-others"
-    }, /*#__PURE__*/ _react.default.createElement(_f36components.MenuSectionTitle, null, "Other locales:"), nonSelected.map(({ locale, label, variant })=>/*#__PURE__*/ _react.default.createElement(_ReleaseEntityStatusLocale.ReleaseEntityStatusLocale, {
+    }, /*#__PURE__*/ _react.default.createElement(_f36components.MenuSectionTitle, null, _core.i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.OtherLocalesTitle",
+        message: "Other locales:"
+    })), nonSelected.map(({ locale, label, variant })=>/*#__PURE__*/ _react.default.createElement(_ReleaseEntityStatusLocale.ReleaseEntityStatusLocale, {
             key: `others-${locale.code}`,
             label: label,
             variant: variant,

package/dist/cjs/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js

@@ -13,7 +13,7 @@ const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _emotion = require("emotion");
-const _constants = require("./constants");
+const _getReleaseStatusBadgeConfig = require("../utils/getReleaseStatusBadgeConfig");
 const _ReleaseEntityStatusLocalesList = require("./ReleaseEntityStatusLocalesList");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -63,7 +63,8 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const getColor = ({ secondary, tertiary, isHover })=>{
     const status = secondary || tertiary;
-    return isHover ? _constants.RELEASE_BADGES[status]?.hover : _constants.RELEASE_BADGES[status]?.default;
+    const config = (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status);
+    return isHover ? config?.hover : config?.default;
 };
 const generateDynamicStyles = (status)=>{
     const wrapperClass = (0, _emotion.css)({
@@ -210,6 +211,7 @@ function ReleaseEntityStatusPopover({ releaseStatusMap, activeLocales }) {
     const status = determineBadgeStatus(releaseStatusMap, activeLocales);
     const ariaLabel = status.secondary ? 'Multiple statuses' : status.primary;
     const wrapperClass = generateDynamicStyles(status);
+    const { label, icon, variant } = (0, _getReleaseStatusBadgeConfig.getReleaseStatusBadgeConfig)(status.primary);
     return /*#__PURE__*/ _react.default.createElement(_f36components.Popover, {
         isOpen: releaseStatusMap && isOpen,
         onClose: ()=>setIsOpen(false),
@@ -221,17 +223,17 @@ function ReleaseEntityStatusPopover({ releaseStatusMap, activeLocales }) {
         className: (0, _emotion.cx)(styles.wrapper, wrapperClass)
     }, /*#__PURE__*/ _react.default.createElement(_f36components.Badge, {
         tabIndex: 0,
-        variant: _constants.RELEASE_BADGES[status.primary].variant,
+        variant: variant,
         onFocus: ()=>setIsOpen(true),
         onBlur: ()=>setIsOpen(false),
         endIcon: /*#__PURE__*/ _react.default.createElement(_f36icons.CaretDownIcon, {
             size: "tiny",
-            color: _constants.RELEASE_BADGES[status.primary].icon
+            color: icon
         }),
         onMouseOver: onMouseEnter,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave
-    }, _constants.RELEASE_BADGES[status.primary].label), status.secondary && /*#__PURE__*/ _react.default.createElement("svg", {
+    }, label), status.secondary && /*#__PURE__*/ _react.default.createElement("svg", {
         "data-status": "secondary",
         "aria-hidden": "true",
         width: "4",

package/dist/cjs/index.js

@@ -112,6 +112,7 @@ _export_star(require("./LocalePublishingEntityStatusBadge"), exports);
 _export_star(require("./ReleaseEntityStatusBadge"), exports);
 _export_star(require("./utils/determineReleaseAction"), exports);
 _export_star(require("./utils/getEntityReleaseStatus"), exports);
+_export_star(require("./utils/getReleaseStatusBadgeConfig"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/utils/getReleaseStatusBadgeConfig.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getReleaseStatusBadgeConfig", {
+    enumerable: true,
+    get: function() {
+        return getReleaseStatusBadgeConfig;
+    }
+});
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _core = require("@lingui/core");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getReleaseStatusBadgeConfig(status) {
+    switch(status){
+        case 'willPublish':
+            return {
+                label: _core.i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.WillPublish",
+                    message: "Will publish"
+                }),
+                variant: 'positive',
+                default: _f36tokens.default.green300,
+                hover: _f36tokens.default.green400,
+                icon: _f36tokens.default.green400
+            };
+        case 'becomesDraft':
+            return {
+                label: _core.i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.BecomesDraft",
+                    message: "Becomes draft"
+                }),
+                variant: 'warning',
+                default: _f36tokens.default.orange300,
+                hover: _f36tokens.default.orange400,
+                icon: _f36tokens.default.orange400
+            };
+        case 'remainsDraft':
+            return {
+                label: _core.i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.RemainsDraft",
+                    message: "Remains draft"
+                }),
+                variant: 'warning',
+                default: _f36tokens.default.orange300,
+                hover: _f36tokens.default.orange400,
+                icon: _f36tokens.default.orange400
+            };
+        case 'notInRelease':
+            return {
+                label: _core.i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.NotInRelease",
+                    message: "Not in release"
+                }),
+                variant: 'secondary',
+                default: _f36tokens.default.gray300,
+                hover: _f36tokens.default.gray400,
+                icon: _f36tokens.default.gray400
+            };
+        case 'published':
+            return {
+                label: _core.i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.Published",
+                    message: "Published"
+                }),
+                variant: 'positive',
+                default: _f36tokens.default.green300,
+                hover: _f36tokens.default.green400,
+                icon: _f36tokens.default.green400
+            };
+    }
+}

package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusBadge.js

@@ -1,32 +1,11 @@
 import React from 'react';
 import { Badge } from '@contentful/f36-components';
-const config = {
-    willPublish: {
-        label: 'Will publish',
-        variant: 'positive'
-    },
-    becomesDraft: {
-        label: 'Becomes draft',
-        variant: 'warning'
-    },
-    remainsDraft: {
-        label: 'Remains draft',
-        variant: 'warning'
-    },
-    notInRelease: {
-        label: 'Not in release',
-        variant: 'secondary'
-    },
-    published: {
-        label: 'Published',
-        variant: 'positive'
-    }
-};
+import { getReleaseStatusBadgeConfig } from '../utils/getReleaseStatusBadgeConfig';
 export function ReleaseEntityStatusBadge({ className, status }) {
-    const badgeConfig = config[status];
+    const { label, variant } = getReleaseStatusBadgeConfig(status);
     return /*#__PURE__*/ React.createElement(Badge, {
         testId: "release-entity-action-status",
         className: className,
-        variant: badgeConfig.variant
-    }, badgeConfig.label);
+        variant: variant
+    }, label);
 }

package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusLocale.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Badge, Text } from '@contentful/f36-components';
 import tokens from '@contentful/f36-tokens';
+import { i18n as $_i18n } from "@lingui/core";
 import { css } from 'emotion';
 const styles = {
     locale: css({
@@ -19,6 +20,8 @@ const styles = {
     })
 };
 export function ReleaseEntityStatusLocale({ locale, label, variant }) {
+    const localeCode = locale.code;
+    const isDefaultLocale = `${locale.default ? ', Default' : ''}`;
     return /*#__PURE__*/ React.createElement("div", {
         className: styles.localePublishStatus,
         "data-test-id": "locale-publishing-status"
@@ -27,7 +30,14 @@ export function ReleaseEntityStatusLocale({ locale, label, variant }) {
         fontColor: "gray700"
     }, locale.name, ' ', /*#__PURE__*/ React.createElement(Text, {
         fontColor: "gray500"
-    }, "(", locale.code, ")", locale.default && ', Default')), /*#__PURE__*/ React.createElement(Badge, {
+    }, $_i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocale.LocaleCode",
+        message: "({localeCode}) {isDefaultLocale}",
+        values: {
+            localeCode: localeCode,
+            isDefaultLocale: isDefaultLocale
+        }
+    }))), /*#__PURE__*/ React.createElement(Badge, {
         className: styles.status,
         variant: variant
     }, label));

package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusLocalesList.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MenuSectionTitle } from '@contentful/f36-components';
+import { i18n as $_i18n } from "@lingui/core";
 import { sortBy } from 'lodash';
 import { Banner } from './Banner';
 import { ReleaseEntityStatusLocale } from './ReleaseEntityStatusLocale';
@@ -39,7 +40,7 @@ export function ReleaseEntityStatusLocalesList({ statusMap, activeLocales }) {
     const entries = [
         ...statusMap.entries()
     ];
-    const counters = entries.reduce((prev, [, { status }])=>({
+    const { willPublish, becomesDraft, remainsDraft } = entries.reduce((prev, [, { status }])=>({
             becomesDraft: prev.becomesDraft + (status === 'becomesDraft' ? 1 : 0),
             willPublish: prev.willPublish + (status === 'willPublish' ? 1 : 0),
             remainsDraft: prev.remainsDraft + (status === 'remainsDraft' ? 1 : 0)
@@ -50,18 +51,35 @@ export function ReleaseEntityStatusLocalesList({ statusMap, activeLocales }) {
     });
     const { selected, nonSelected } = groupAndSortLocales(entries, activeLocales);
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Banner, {
-        content: "The statuses of the locales for this content:",
-        highlight: `${counters.becomesDraft} becomes draft, ${counters.willPublish} will publish, ${counters.remainsDraft} remains draft`
+        content: $_i18n._({
+            id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.BannerContent",
+            message: "The statuses of the locales for this content:"
+        }),
+        highlight: $_i18n._({
+            id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.BannerHighlight",
+            message: "{becomesDraft} becomes draft, {willPublish} will publish, {remainsDraft} remains draft",
+            values: {
+                becomesDraft: becomesDraft,
+                willPublish: willPublish,
+                remainsDraft: remainsDraft
+            }
+        })
     }), /*#__PURE__*/ React.createElement("div", {
         "data-test-id": "locale-publishing-selected"
-    }, /*#__PURE__*/ React.createElement(MenuSectionTitle, null, "Locales in the entry editor:"), selected.map(({ locale, label, variant })=>/*#__PURE__*/ React.createElement(ReleaseEntityStatusLocale, {
+    }, /*#__PURE__*/ React.createElement(MenuSectionTitle, null, $_i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.SelectedLocalesTitle",
+        message: "Locales in the entry editor:"
+    })), selected.map(({ locale, label, variant })=>/*#__PURE__*/ React.createElement(ReleaseEntityStatusLocale, {
             key: `selected-${locale.code}`,
             label: label,
             variant: variant,
             locale: locale
         }))), nonSelected.length > 0 && /*#__PURE__*/ React.createElement("div", {
         "data-test-id": "locale-publishing-others"
-    }, /*#__PURE__*/ React.createElement(MenuSectionTitle, null, "Other locales:"), nonSelected.map(({ locale, label, variant })=>/*#__PURE__*/ React.createElement(ReleaseEntityStatusLocale, {
+    }, /*#__PURE__*/ React.createElement(MenuSectionTitle, null, $_i18n._({
+        id: "FieldEditors.Shared.ReleaseEntityStatusLocalesList.OtherLocalesTitle",
+        message: "Other locales:"
+    })), nonSelected.map(({ locale, label, variant })=>/*#__PURE__*/ React.createElement(ReleaseEntityStatusLocale, {
             key: `others-${locale.code}`,
             label: label,
             variant: variant,

package/dist/esm/ReleaseEntityStatusBadge/ReleaseEntityStatusPopover.js

@@ -2,12 +2,13 @@ import React, { useCallback, useRef, useState } from 'react';
 import { Badge, Flex, Popover } from '@contentful/f36-components';
 import { CaretDownIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
-import { cx, css } from 'emotion';
-import { RELEASE_BADGES } from './constants';
+import { css, cx } from 'emotion';
+import { getReleaseStatusBadgeConfig } from '../utils/getReleaseStatusBadgeConfig';
 import { ReleaseEntityStatusLocalesList } from './ReleaseEntityStatusLocalesList';
 const getColor = ({ secondary, tertiary, isHover })=>{
     const status = secondary || tertiary;
-    return isHover ? RELEASE_BADGES[status]?.hover : RELEASE_BADGES[status]?.default;
+    const config = getReleaseStatusBadgeConfig(status);
+    return isHover ? config?.hover : config?.default;
 };
 const generateDynamicStyles = (status)=>{
     const wrapperClass = css({
@@ -154,6 +155,7 @@ export function ReleaseEntityStatusPopover({ releaseStatusMap, activeLocales })
     const status = determineBadgeStatus(releaseStatusMap, activeLocales);
     const ariaLabel = status.secondary ? 'Multiple statuses' : status.primary;
     const wrapperClass = generateDynamicStyles(status);
+    const { label, icon, variant } = getReleaseStatusBadgeConfig(status.primary);
     return /*#__PURE__*/ React.createElement(Popover, {
         isOpen: releaseStatusMap && isOpen,
         onClose: ()=>setIsOpen(false),
@@ -165,17 +167,17 @@ export function ReleaseEntityStatusPopover({ releaseStatusMap, activeLocales })
         className: cx(styles.wrapper, wrapperClass)
     }, /*#__PURE__*/ React.createElement(Badge, {
         tabIndex: 0,
-        variant: RELEASE_BADGES[status.primary].variant,
+        variant: variant,
         onFocus: ()=>setIsOpen(true),
         onBlur: ()=>setIsOpen(false),
         endIcon: /*#__PURE__*/ React.createElement(CaretDownIcon, {
             size: "tiny",
-            color: RELEASE_BADGES[status.primary].icon
+            color: icon
         }),
         onMouseOver: onMouseEnter,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave
-    }, RELEASE_BADGES[status.primary].label), status.secondary && /*#__PURE__*/ React.createElement("svg", {
+    }, label), status.secondary && /*#__PURE__*/ React.createElement("svg", {
         "data-status": "secondary",
         "aria-hidden": "true",
         width: "4",

package/dist/esm/index.js

@@ -19,3 +19,4 @@ export * from './LocalePublishingEntityStatusBadge';
 export * from './ReleaseEntityStatusBadge';
 export * from './utils/determineReleaseAction';
 export * from './utils/getEntityReleaseStatus';
+export * from './utils/getReleaseStatusBadgeConfig';

package/dist/esm/utils/getReleaseStatusBadgeConfig.js

@@ -0,0 +1,61 @@
+import tokens from '@contentful/f36-tokens';
+import { i18n as $_i18n } from "@lingui/core";
+export function getReleaseStatusBadgeConfig(status) {
+    switch(status){
+        case 'willPublish':
+            return {
+                label: $_i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.WillPublish",
+                    message: "Will publish"
+                }),
+                variant: 'positive',
+                default: tokens.green300,
+                hover: tokens.green400,
+                icon: tokens.green400
+            };
+        case 'becomesDraft':
+            return {
+                label: $_i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.BecomesDraft",
+                    message: "Becomes draft"
+                }),
+                variant: 'warning',
+                default: tokens.orange300,
+                hover: tokens.orange400,
+                icon: tokens.orange400
+            };
+        case 'remainsDraft':
+            return {
+                label: $_i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.RemainsDraft",
+                    message: "Remains draft"
+                }),
+                variant: 'warning',
+                default: tokens.orange300,
+                hover: tokens.orange400,
+                icon: tokens.orange400
+            };
+        case 'notInRelease':
+            return {
+                label: $_i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.NotInRelease",
+                    message: "Not in release"
+                }),
+                variant: 'secondary',
+                default: tokens.gray300,
+                hover: tokens.gray400,
+                icon: tokens.gray400
+            };
+        case 'published':
+            return {
+                label: $_i18n._({
+                    id: "FieldEditors.Shared.ReleaseEntityStatusBadge.Published",
+                    message: "Published"
+                }),
+                variant: 'positive',
+                default: tokens.green300,
+                hover: tokens.green400,
+                icon: tokens.green400
+            };
+    }
+}

package/dist/types/index.d.ts

@@ -21,3 +21,4 @@ export * from './LocalePublishingEntityStatusBadge';
 export * from './ReleaseEntityStatusBadge';
 export * from './utils/determineReleaseAction';
 export * from './utils/getEntityReleaseStatus';
+export * from './utils/getReleaseStatusBadgeConfig';

package/dist/types/utils/getReleaseStatusBadgeConfig.d.ts

@@ -0,0 +1,9 @@
+import { BadgeVariant } from '@contentful/f36-components';
+import { ReleaseEntityStatus } from 'types';
+export declare function getReleaseStatusBadgeConfig(status: ReleaseEntityStatus): {
+    label: string;
+    variant: BadgeVariant;
+    default: string;
+    hover: string;
+    icon: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "2.13.4",
+  "version": "2.13.5",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "6b347423eb0afd1ec8af88f48298db3201b8246a"
+  "gitHead": "0534746626483359387c34f48952d76f90be6e1f"
 }