@contentful/field-editor-rich-text 3.4.22 → 3.5.0

package/dist/cjs/plugins/Hyperlink/HyperlinkModal.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    HyperlinkModal: function() {
+        return HyperlinkModal;
+    },
+    addOrEditLink: function() {
+        return addOrEditLink;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _fieldeditorreference = require("@contentful/field-editor-reference");
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _richtexttypes = require("@contentful/rich-text-types");
+const _emotion = require("emotion");
+const _editor = require("../../helpers/editor");
+const _getLinkedContentTypeIdsForNodeType = _interop_require_default(require("../../helpers/getLinkedContentTypeIdsForNodeType"));
+const _validations = require("../../helpers/validations");
+const _internal = require("../../internal");
+const _queries = require("../../internal/queries");
+const _transforms = require("../../internal/transforms");
+const _FetchingWrappedAssetCard = require("../shared/FetchingWrappedAssetCard");
+const _FetchingWrappedEntryCard = require("../shared/FetchingWrappedEntryCard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const styles = {
+    removeSelectionLabel: (0, _emotion.css)`
+    margin-left: ${_f36tokens.default.spacingS};
+  `
+};
+const SYS_LINK_TYPES = {
+    [_richtexttypes.INLINES.ENTRY_HYPERLINK]: 'Entry',
+    [_richtexttypes.INLINES.ASSET_HYPERLINK]: 'Asset'
+};
+const LINK_TYPE_SELECTION_VALUES = {
+    [_richtexttypes.INLINES.HYPERLINK]: 'URL',
+    [_richtexttypes.INLINES.ENTRY_HYPERLINK]: 'Entry',
+    [_richtexttypes.INLINES.ASSET_HYPERLINK]: 'Asset'
+};
+function HyperlinkModal(props) {
+    const enabledLinkTypes = _editor.LINK_TYPES.filter((nodeType)=>(0, _validations.isNodeTypeEnabled)(props.sdk.field, nodeType));
+    const [defaultLinkType] = enabledLinkTypes;
+    const [linkText, setLinkText] = _react.useState(props.linkText ?? '');
+    const [linkType, setLinkType] = _react.useState(props.linkType ?? defaultLinkType);
+    const [linkTarget, setLinkTarget] = _react.useState(props.linkTarget ?? '');
+    const [linkEntity, setLinkEntity] = _react.useState(props.linkEntity ?? null);
+    function isLinkComplete() {
+        const isRegularLink = linkType === _richtexttypes.INLINES.HYPERLINK;
+        if (isRegularLink) {
+            return !!(linkText && linkTarget);
+        }
+        const entityLinks = Object.keys(SYS_LINK_TYPES);
+        const isEntityLink = entityLinks.includes(linkType);
+        if (isEntityLink) {
+            return !!(linkText && linkEntity);
+        }
+        return false;
+    }
+    function handleOnSubmit(event) {
+        event.preventDefault();
+        props.onClose({
+            linkText,
+            linkType,
+            linkTarget,
+            linkEntity
+        });
+    }
+    function entityToLink(entity) {
+        const { id , type  } = entity.sys;
+        return {
+            sys: {
+                id,
+                type: 'Link',
+                linkType: type
+            }
+        };
+    }
+    async function selectEntry() {
+        const options = {
+            locale: props.sdk.field.locale,
+            contentTypes: (0, _getLinkedContentTypeIdsForNodeType.default)(props.sdk.field, _richtexttypes.INLINES.ENTRY_HYPERLINK)
+        };
+        const entry = await props.sdk.dialogs.selectSingleEntry(options);
+        setLinkTarget('');
+        setLinkEntity(entityToLink(entry));
+    }
+    async function selectAsset() {
+        const options = {
+            locale: props.sdk.field.locale
+        };
+        const asset = await props.sdk.dialogs.selectSingleAsset(options);
+        setLinkTarget('');
+        setLinkEntity(entityToLink(asset));
+    }
+    function resetLinkEntity(event) {
+        event.preventDefault();
+        setLinkEntity(null);
+    }
+    return _react.createElement(_fieldeditorreference.EntityProvider, {
+        sdk: props.sdk
+    }, _react.createElement(_react.Fragment, null, _react.createElement(_f36components.ModalContent, null, _react.createElement(_f36components.Form, null, !props.linkType && _react.createElement(_f36components.FormControl, {
+        id: "link-text",
+        isRequired: true
+    }, _react.createElement(_f36components.FormControl.Label, null, "Link text"), _react.createElement(_f36components.TextInput, {
+        testId: "link-text-input",
+        name: "link-text",
+        value: linkText,
+        onChange: (event)=>setLinkText(event.target.value)
+    })), enabledLinkTypes.length > 1 && _react.createElement(_f36components.FormControl, {
+        id: "link-type"
+    }, _react.createElement(_f36components.FormControl.Label, null, "Link type"), _react.createElement(_f36components.Select, {
+        value: linkType,
+        onChange: (event)=>setLinkType(event.target.value),
+        testId: "link-type-input",
+        isDisabled: props.readonly
+    }, enabledLinkTypes.map((nodeType)=>_react.createElement(_f36components.Select.Option, {
+            key: nodeType,
+            value: nodeType
+        }, LINK_TYPE_SELECTION_VALUES[nodeType])))), linkType === _richtexttypes.INLINES.HYPERLINK && _react.createElement(_f36components.FormControl, {
+        id: "linkTarget",
+        isRequired: true
+    }, _react.createElement(_f36components.FormControl.Label, null, "Link target"), _react.createElement(_f36components.TextInput, {
+        name: "linkTarget",
+        value: linkTarget,
+        onChange: (event)=>{
+            setLinkEntity(null);
+            setLinkTarget(event.target.value);
+        },
+        testId: "link-target-input",
+        isDisabled: props.readonly
+    }), _react.createElement(_f36components.FormControl.HelpText, null, "A protocol may be required, e.g. https://")), linkType !== _richtexttypes.INLINES.HYPERLINK && _react.createElement("div", null, _react.createElement(_f36components.FormLabel, {
+        isRequired: true,
+        htmlFor: ""
+    }, "Link target", ' '), linkEntity && linkEntity.sys.linkType === SYS_LINK_TYPES[linkType] ? _react.createElement(_react.Fragment, null, !props.readonly && _react.createElement(_f36components.TextLink, {
+        testId: "entity-selection-link",
+        onClick: resetLinkEntity,
+        className: styles.removeSelectionLabel
+    }, "Remove selection"), _react.createElement("div", null, linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK && _react.createElement(_FetchingWrappedEntryCard.FetchingWrappedEntryCard, {
+        sdk: props.sdk,
+        locale: props.sdk.field.locale,
+        entryId: linkEntity.sys.id,
+        isDisabled: true,
+        isSelected: false
+    }), linkType === _richtexttypes.INLINES.ASSET_HYPERLINK && _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {
+        sdk: props.sdk,
+        locale: props.sdk.field.locale,
+        assetId: linkEntity.sys.id,
+        isDisabled: true,
+        isSelected: false
+    }))) : _react.createElement("div", null, linkType === _richtexttypes.INLINES.ENTRY_HYPERLINK && _react.createElement(_f36components.TextLink, {
+        testId: "entity-selection-link",
+        onClick: selectEntry
+    }, "Select entry"), linkType === _richtexttypes.INLINES.ASSET_HYPERLINK && _react.createElement(_f36components.TextLink, {
+        testId: "entity-selection-link",
+        onClick: selectAsset
+    }, "Select asset"))))), _react.createElement(_f36components.ModalControls, null, _react.createElement(_f36components.Button, {
+        type: "button",
+        onClick: ()=>props.onClose(null),
+        variant: "secondary",
+        testId: "cancel-cta",
+        size: "small"
+    }, "Cancel"), _react.createElement(_f36components.Button, {
+        type: "submit",
+        variant: "positive",
+        size: "small",
+        isDisabled: props.readonly || !isLinkComplete(),
+        onClick: handleOnSubmit,
+        testId: "confirm-cta"
+    }, props.linkType ? 'Update' : 'Insert'))));
+}
+async function addOrEditLink(editor, sdk, logAction, targetPath) {
+    const isReadOnly = (0, _queries.isEditorReadOnly)(editor);
+    const selectionBeforeBlur = editor.selection ? {
+        ...editor.selection
+    } : undefined;
+    if (!targetPath && !selectionBeforeBlur) return;
+    let linkType;
+    let linkText;
+    let linkTarget;
+    let linkEntity;
+    const [node, path] = (0, _editor.getNodeEntryFromSelection)(editor, _editor.LINK_TYPES, targetPath);
+    if (node && path) {
+        linkType = node.type;
+        linkText = (0, _queries.getText)(editor, path);
+        linkTarget = node.data.uri || '';
+        linkEntity = node.data.target;
+    }
+    const selectionAfterFocus = targetPath ?? selectionBeforeBlur;
+    const currentLinkText = linkText || (editor.selection ? (0, _queries.getText)(editor, editor.selection) : '');
+    const isEditing = Boolean(node && path);
+    logAction(isEditing ? 'openEditHyperlinkDialog' : 'openCreateHyperlinkDialog');
+    const data = await _fieldeditorshared.ModalDialogLauncher.openDialog({
+        title: isEditing ? 'Edit hyperlink' : 'Insert hyperlink',
+        width: 'large',
+        shouldCloseOnEscapePress: true,
+        shouldCloseOnOverlayClick: true,
+        allowHeightOverflow: true
+    }, ({ onClose  })=>{
+        return _react.createElement(HyperlinkModal, {
+            linkTarget: linkTarget,
+            linkText: currentLinkText,
+            linkType: linkType,
+            linkEntity: linkEntity,
+            onClose: onClose,
+            sdk: sdk,
+            readonly: isReadOnly
+        });
+    });
+    (0, _transforms.select)(editor, selectionAfterFocus);
+    if (!data) {
+        (0, _editor.focus)(editor);
+        logAction(isEditing ? 'cancelEditHyperlinkDialog' : 'cancelCreateHyperlinkDialog');
+        return;
+    }
+    const { linkText: text , linkTarget: url , linkType: type , linkEntity: target  } = data;
+    (0, _internal.withoutNormalizing)(editor, ()=>{
+        (0, _editor.insertLink)(editor, {
+            text,
+            url,
+            type,
+            target,
+            path
+        });
+    });
+    logAction(isEditing ? 'edit' : 'insert', {
+        nodeType: type,
+        linkType: target?.sys.linkType ?? 'uri'
+    });
+    (0, _editor.focus)(editor);
+}

package/dist/cjs/plugins/Hyperlink/__tests__/createHyperlinkPlugin.test.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _testutils = require("../../../test-utils");
+describe('normalization', ()=>{
+    it('removes empty links from the document structure', ()=>{
+        const input = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link"), (0, _testutils.jsx)("hlink", {
+            uri: "https://link.com"
+        })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "asset"), (0, _testutils.jsx)("hlink", {
+            asset: "asset-id"
+        })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "entry"), (0, _testutils.jsx)("hlink", {
+            entry: "entry-id"
+        })), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "explicit empty link"), (0, _testutils.jsx)("hlink", {
+            uri: "https://link.com"
+        }, '')), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link with empty space"), (0, _testutils.jsx)("hlink", {
+            uri: "https://link.com"
+        }, " ")));
+        const expected = (0, _testutils.jsx)("editor", null, (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "asset")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "entry")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "explicit empty link")), (0, _testutils.jsx)("hp", null, (0, _testutils.jsx)("htext", null, "link with empty space")));
+        (0, _testutils.assertOutput)({
+            input,
+            expected
+        });
+    });
+});

package/dist/cjs/plugins/Hyperlink/components/EntityHyperlink.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EntityHyperlink", {
+    enumerable: true,
+    get: function() {
+        return EntityHyperlink;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
+const _internal = require("../../../internal");
+const _SdkProvider = require("../../../SdkProvider");
+const _HyperlinkModal = require("../HyperlinkModal");
+const _useEntityInfo = require("../useEntityInfo");
+const _styles = require("./styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function EntityHyperlink(props) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    const { target  } = props.element.data;
+    const { onEntityFetchComplete  } = props;
+    const tooltipContent = (0, _useEntityInfo.useEntityInfo)({
+        target,
+        sdk,
+        onEntityFetchComplete
+    });
+    if (!target) return null;
+    function handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!editor) return;
+        const p = (0, _internal.fromDOMPoint)(editor, [
+            event.target,
+            0
+        ]);
+        if (p) {
+            (0, _HyperlinkModal.addOrEditLink)(editor, sdk, editor.tracking.onViewportAction, p.path);
+        }
+    }
+    return _react.createElement(_f36components.Tooltip, {
+        content: tooltipContent,
+        targetWrapperClassName: _styles.styles.hyperlinkWrapper,
+        placement: "bottom",
+        maxWidth: "auto"
+    }, _react.createElement(_f36components.TextLink, {
+        as: "a",
+        onClick: handleClick,
+        className: _styles.styles.hyperlink,
+        "data-link-type": target.sys.linkType,
+        "data-link-id": target.sys.id
+    }, props.children));
+}

package/dist/cjs/plugins/Hyperlink/components/ToolbarHyperlinkButton.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToolbarHyperlinkButton", {
+    enumerable: true,
+    get: function() {
+        return ToolbarHyperlinkButton;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36icons = require("@contentful/f36-icons");
+const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
+const _editor = require("../../../helpers/editor");
+const _SdkProvider = require("../../../SdkProvider");
+const _ToolbarButton = require("../../shared/ToolbarButton");
+const _HyperlinkModal = require("../HyperlinkModal");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function ToolbarHyperlinkButton(props) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const isActive = !!(editor && (0, _editor.isLinkActive)(editor));
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    async function handleClick() {
+        if (!editor) return;
+        if (isActive) {
+            (0, _editor.unwrapLink)(editor);
+            editor.tracking.onToolbarAction('unlinkHyperlinks');
+        } else {
+            (0, _HyperlinkModal.addOrEditLink)(editor, sdk, editor.tracking.onToolbarAction);
+        }
+    }
+    if (!editor) return null;
+    return _react.createElement(_ToolbarButton.ToolbarButton, {
+        title: "Hyperlink",
+        testId: "hyperlink-toolbar-button",
+        onClick: handleClick,
+        isActive: isActive,
+        isDisabled: props.isDisabled
+    }, _react.createElement(_f36icons.LinkIcon, null));
+}

package/dist/cjs/plugins/Hyperlink/components/UrlHyperlink.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "UrlHyperlink", {
+    enumerable: true,
+    get: function() {
+        return UrlHyperlink;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36components = require("@contentful/f36-components");
+const _ContentfulEditorProvider = require("../../../ContentfulEditorProvider");
+const _internal = require("../../../internal");
+const _SdkProvider = require("../../../SdkProvider");
+const _HyperlinkModal = require("../HyperlinkModal");
+const _styles = require("./styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function UrlHyperlink(props) {
+    const editor = (0, _ContentfulEditorProvider.useContentfulEditor)();
+    const sdk = (0, _SdkProvider.useSdkContext)();
+    const { uri  } = props.element.data;
+    function handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!editor) return;
+        const p = (0, _internal.fromDOMPoint)(editor, [
+            event.target,
+            0
+        ], {
+            exactMatch: false,
+            suppressThrow: false
+        });
+        (0, _HyperlinkModal.addOrEditLink)(editor, sdk, editor.tracking.onViewportAction, p?.path);
+    }
+    return _react.createElement(_f36components.Tooltip, {
+        content: uri,
+        targetWrapperClassName: _styles.styles.hyperlinkWrapper,
+        placement: "bottom",
+        maxWidth: "auto"
+    }, _react.createElement(_f36components.TextLink, {
+        as: "a",
+        href: uri,
+        rel: "noopener noreferrer",
+        onClick: handleClick,
+        className: _styles.styles.hyperlink
+    }, props.children));
+}

package/dist/cjs/plugins/Hyperlink/components/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styles", {
+    enumerable: true,
+    get: function() {
+        return styles;
+    }
+});
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const styles = {
+    hyperlinkWrapper: (0, _emotion.css)({
+        display: 'inline',
+        position: 'static',
+        a: {
+            fontSize: 'inherit !important'
+        }
+    }),
+    hyperlink: (0, _emotion.css)({
+        fontSize: 'inherit !important',
+        display: 'inline !important',
+        '&:hover': {
+            fill: _f36tokens.default.gray900
+        },
+        '&:focus': {
+            fill: _f36tokens.default.gray900
+        }
+    })
+};