@atlaskit/editor-common 64.0.0 → 65.0.0

package/dist/es2019/styles/shared/blockquote.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { gridSize } from '@atlaskit/theme/constants';
 export const blockquoteSharedStyles = css`

package/dist/es2019/styles/shared/code-mark.js

@@ -1,13 +1,16 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { getCodeStyles } from '@atlaskit/code/inline';
 import { DN70, N30A } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-export const codeMarkSharedStyles = css`
-  .code {
-    --ds--code--bg-color: ${themed({
-  light: N30A,
-  dark: DN70
-})};
-    ${getCodeStyles}
-  }
-`;
+import { getTheme, themed } from '@atlaskit/theme/components';
+export const codeMarkSharedStyles = props => {
+  const theme = getTheme(props);
+  return css`
+    .code {
+      --ds--code--bg-color: ${themed({
+    light: N30A,
+    dark: DN70
+  })(props)};
+      ${getCodeStyles(theme)}
+    }
+  `;
+};

package/dist/es2019/styles/shared/column-layout.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 const columnLayoutSharedStyle = css`
   [data-layout-section] {

package/dist/es2019/styles/shared/date.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const DateSharedCssClassName = {
   DATE_WRAPPER: `date-lozenger-container`,
   DATE_CONTAINER: 'dateView-content-wrap'

package/dist/es2019/styles/shared/headings.js

@@ -1,39 +1,39 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
 
-export const headingsSharedStyles = css`
+export const headingsSharedStyles = props => css`
   & h1 {
-    ${h700};
+    ${h700(props)};
     margin-bottom: 0;
     margin-top: 1.667em;
   }
 
   & h2 {
-    ${h600};
+    ${h600(props)};
     margin-top: 1.8em;
     margin-bottom: 0;
   }
 
   & h3 {
-    ${h500};
+    ${h500(props)};
     margin-top: 2em;
     margin-bottom: 0;
   }
 
   & h4 {
-    ${h400};
+    ${h400(props)};
     margin-top: 1.357em;
   }
 
   & h5 {
-    ${h300};
+    ${h300(props)};
     margin-top: 1.667em;
     text-transform: none;
   }
 
   & h6 {
-    ${h100};
+    ${h100(props)};
     margin-top: 1.455em;
     text-transform: none;
   }

package/dist/es2019/styles/shared/indentation.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const indentationSharedStyles = css`
   .fabric-editor-indentation-mark {
     &[data-level='1'] {

package/dist/es2019/styles/shared/lists.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
 import browser from '../../utils/browser';
 export const listsSharedStyles = css`

package/dist/es2019/styles/shared/media-single.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;
 const mediaSingleSharedStyle = css`

package/dist/es2019/styles/shared/paragraph.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 
 export const paragraphSharedStyles = css`

package/dist/es2019/styles/shared/shadow.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
 import { shadowClassNames } from '../../ui/OverflowShadow';

package/dist/es2019/styles/shared/table.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
 import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorWideLayoutWidth, getTableCellBackgroundDarkModeColors, overflowShadow } from '@atlaskit/editor-shared-styles';
 import { DN20 } from '@atlaskit/theme/colors';
@@ -26,7 +26,8 @@ export const TableSharedCssClassName = {
   TABLE_CELL_WRAPPER: tableCellSelector,
   TABLE_HEADER_CELL_WRAPPER: tableHeaderSelector
 };
-const tableSharedStyle = css`
+
+const tableSharedStyle = props => css`
   .${TableSharedCssClassName.TABLE_CONTAINER} {
     position: relative;
     margin: 0 auto ${tableMarginBottom}px;
@@ -53,7 +54,7 @@ const tableSharedStyle = css`
       ${themed({
   light: akEditorTableBorder,
   dark: akEditorTableBorderDark
-})};
+})(props)};
     table-layout: fixed;
     font-size: 1em;
     width: 100%;
@@ -85,7 +86,7 @@ const tableSharedStyle = css`
           ${themed({
   light: akEditorTableBorder,
   dark: akEditorTableBorderDark
-})};
+})(props)};
         border-right-width: 0;
         border-bottom-width: 0;
         padding: ${tableCellPadding}px;
@@ -94,7 +95,7 @@ const tableSharedStyle = css`
 
         ${themed({
   dark: getTableCellBackgroundDarkModeColors
-})};
+})(props)};
 
         > *:first-child {
           margin-top: 0;
@@ -117,7 +118,7 @@ const tableSharedStyle = css`
         background-color: ${themed({
   light: akEditorTableToolbar,
   dark: akEditorTableToolbarDark
-})};
+})(props)};
         text-align: left;
 
         /* only apply this styling to codeblocks in default background headercells */
@@ -128,7 +129,7 @@ const tableSharedStyle = css`
   background: themed({
     light: 'rgb(235, 237, 240)',
     dark: 'rgb(36, 47, 66)'
-  }),
+  })(props),
   width: `${gridSize()}px`
 })};
             background-attachment: local, scroll, scroll;
@@ -136,13 +137,13 @@ const tableSharedStyle = css`
             background-color: ${themed({
   light: 'rgb(235, 237, 240)',
   dark: 'rgb(36, 47, 66)'
-})};
+})(props)};
 
             .line-number-gutter {
               background-color: ${themed({
   light: 'rgb(226, 229, 233)',
   dark: DN20
-})};
+})(props)};
             }
 
             /* this is only relevant to the element taken care of by renderer */
@@ -151,20 +152,20 @@ const tableSharedStyle = css`
   background: themed({
     light: 'rgb(235, 237, 240)',
     dark: 'rgb(36, 47, 66)'
-  }),
+  })(props),
   width: `${gridSize()}px`
 })}!important;
 
               background-color: ${themed({
   light: 'rgb(235, 237, 240)',
   dark: 'rgb(36, 47, 66)'
-})}!important;
+})(props)}!important;
 
               // selector lives inside @atlaskit/code
               --ds--code--line-number-bg-color: ${themed({
   light: 'rgb(226, 229, 233)',
   dark: DN20
-})};
+})(props)};
             }
           }
         }
@@ -172,6 +173,7 @@ const tableSharedStyle = css`
     }
   }
 `;
+
 export const calcTableWidth = (layout, containerWidth, addControllerPadding = true) => {
   switch (layout) {
     case 'full-width':

package/dist/es2019/styles/shared/task-decision.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export const TaskDecisionSharedCssClassName = {
   DECISION_CONTAINER: 'decisionItemView-content-wrap'

package/dist/es2019/styles/shared/text-color.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const textColorStyles = css`
   .fabric-text-color-mark {
     color: var(--custom-text-color, inherit);

package/dist/es2019/styles/shared/whitespace.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 const whitespaceSharedStyles = css`
   word-wrap: break-word;
   white-space: pre-wrap;

package/dist/es2019/ui/BaseTheme/index.js

@@ -1,7 +1,9 @@
 import React, { useMemo } from 'react';
-import { ThemeProvider } from 'styled-components';
+import { ThemeProvider } from '@emotion/react';
+import { ThemeProvider as DeprecatedThemeProvider } from 'styled-components';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { fontSize } from '@atlaskit/theme/constants';
+import { useGlobalTheme } from '@atlaskit/theme/components';
+import { CHANNEL, fontSize } from '@atlaskit/theme/constants';
 import { WidthConsumer } from '../WidthProvider';
 
 function mapBreakpointToFontSize(breakpoint) {
@@ -35,13 +37,22 @@ export function BaseThemeWrapper({
   baseFontSize,
   children
 }) {
+  const {
+    mode
+  } = useGlobalTheme();
   const memoizedTheme = useMemo(() => ({
     baseFontSize: dynamicTextSizing ? mapBreakpointToFontSize(breakpoint) : baseFontSize || mapBreakpointToFontSize('S'),
-    layoutMaxWidth: dynamicTextSizing ? mapBreakpointToLayoutMaxWidth(breakpoint) : akEditorDefaultLayoutWidth
-  }), [breakpoint, dynamicTextSizing, baseFontSize]);
+    layoutMaxWidth: dynamicTextSizing ? mapBreakpointToLayoutMaxWidth(breakpoint) : akEditorDefaultLayoutWidth,
+    // Below is used for editor dark mode.
+    [CHANNEL]: {
+      mode
+    }
+  }), [breakpoint, dynamicTextSizing, baseFontSize, mode]);
   return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: memoizedTheme
-  }, children);
+  }, /*#__PURE__*/React.createElement(DeprecatedThemeProvider, {
+    theme: memoizedTheme
+  }, children));
 }
 export function BaseTheme({
   children,

package/dist/es2019/ui/Caption/index.js

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
+
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { N200, N400 } from '@atlaskit/theme/colors';
 import { messages } from './messages';
-const CaptionWrapper = styled.div`
+const captionWrapperStyle = css`
   margin-top: 8px;
   text-align: center;
   position: relative;
   color: ${N400};
 `;
-const Placeholder = styled.p`
+const placeholderStyle = css`
   color: ${N200};
   position: absolute;
   top: 0;
@@ -28,10 +30,14 @@ export class CaptionComponent extends React.Component {
       }
     } = this.props;
     const showPlaceholder = !selected && !hasContent;
-    return /*#__PURE__*/React.createElement(CaptionWrapper, _extends({
+    return jsx("div", _extends({
       "data-media-caption": true,
       "data-testid": "media-caption"
-    }, dataAttributes), showPlaceholder ? /*#__PURE__*/React.createElement(Placeholder, null, formatMessage(messages.placeholder)) : null, children);
+    }, dataAttributes, {
+      css: captionWrapperStyle
+    }), showPlaceholder ? jsx("p", {
+      css: placeholderStyle
+    }, formatMessage(messages.placeholder)) : null, children);
   }
 
 }

package/dist/es2019/ui/MediaSingle/link.js

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
-export const MediaLink = styled.a`
+import { css } from '@emotion/react';
+export const mediaLinkStyle = css`
   position: absolute;
   background: transparent;
   top: 0;
@@ -9,5 +9,4 @@ export const MediaLink = styled.a`
   cursor: pointer;
   width: 100%;
   height: 100%;
-`;
-MediaLink.displayName = 'MediaLink';
+`;

package/dist/es2019/ui/Messages/index.js

@@ -1,48 +1,56 @@
-import React from 'react';
-import styled from 'styled-components';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import { G400, N200, R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-const Message = styled.div`
-  ${h200} font-weight: normal;
-  color: ${props => {
-  if (props.error) {
-    return R400;
-  }
-
-  if (props.valid) {
-    return G400;
-  }
+const errorColor = css`
+  color: ${R400};
+`;
+const validColor = css`
+  color: ${G400};
+`;
 
-  return N200;
-}};
+const messageStyle = props => css`
+  ${h200(props)} font-weight: normal;
+  color: ${N200};
   margin-top: ${gridSize() / 2}px;
   display: flex;
   justify-content: baseline;
 `;
-const IconWrapper = styled.span`
+
+const iconWrapperStyle = css`
   display: flex;
   margin-right: 4px;
 `;
 export const HelperMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, null, children);
+}) => jsx("div", {
+  css: messageStyle
+}, children);
 export const ErrorMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, {
-  error: true
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
+}) => jsx("div", {
+  css: theme => {
+    return [messageStyle(theme), errorColor];
+  }
+}, jsx("span", {
+  css: iconWrapperStyle
+}, jsx(ErrorIcon, {
   size: "small",
   label: "error",
   "aria-label": "error"
 })), children);
 export const ValidMessage = ({
   children
-}) => /*#__PURE__*/React.createElement(Message, {
-  valid: true
-}, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(SuccessIcon, {
+}) => jsx("div", {
+  css: theme => {
+    return [messageStyle(theme), validColor];
+  }
+}, jsx("span", {
+  css: iconWrapperStyle
+}, jsx(SuccessIcon, {
   size: "small",
   label: "success"
 })), children);

package/dist/es2019/ui/UnsupportedBlock/index.js

@@ -1,6 +1,7 @@
+/** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';
 import { N30, N50 } from '@atlaskit/theme/colors';
@@ -10,7 +11,7 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { ACTION_SUBJECT_ID } from '../../utils/analytics';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
-const BlockNode = styled.div`
+const blockNodeStyle = css`
   align-items: center;
   background: ${N30};
   border: 1px dashed ${N50};
@@ -43,15 +44,18 @@ const UnsupportedBlockNode = ({
   });
   const originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   const tooltipOnShowHandler = useCallback(() => dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType), [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/React.createElement(BlockNode, null, message, /*#__PURE__*/React.createElement(Tooltip, {
+  return jsx("div", {
+    css: blockNodeStyle,
+    className: "unsupported"
+  }, message, jsx(Tooltip, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     style: style
-  }, /*#__PURE__*/React.createElement(QuestionsIcon, {
+  }, jsx(QuestionsIcon, {
     label: "?",
     size: "small"
   }))));

package/dist/es2019/ui/UnsupportedInline/index.js

@@ -1,6 +1,7 @@
+/** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import QuestionsIcon from '@atlaskit/icon/glyph/question-circle';
 import { N30, N50 } from '@atlaskit/theme/colors';
@@ -10,7 +11,7 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { ACTION_SUBJECT_ID } from '../../utils/analytics';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
-const InlineNode = styled.span`
+const inlineNodeStyle = css`
   align-items: center;
   background: ${N30};
   border: 1px dashed ${N50};
@@ -40,15 +41,17 @@ const UnsupportedInlineNode = ({
   });
   const originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   const tooltipOnShowHandler = useCallback(() => dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_INLINE, originalNodeType), [dispatchAnalyticsEvent, originalNodeType]);
-  return /*#__PURE__*/React.createElement(InlineNode, null, message, /*#__PURE__*/React.createElement(Tooltip, {
+  return jsx("span", {
+    css: inlineNodeStyle
+  }, message, jsx(Tooltip, {
     content: tooltipContent,
     hideTooltipOnClick: false,
     position: "bottom",
     onShow: tooltipOnShowHandler,
     strategy: "absolute"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     style: style
-  }, /*#__PURE__*/React.createElement(QuestionsIcon, {
+  }, jsx(QuestionsIcon, {
     label: "?",
     size: "small"
   }))));

package/dist/es2019/ui/WidthProvider/index.js

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
-import styled from 'styled-components';
 import { WidthObserver } from '@atlaskit/width-detector';
 const SCROLLBAR_WIDTH = 30;
 export function getBreakpoint(width = 0) {
@@ -27,10 +29,6 @@ const {
   Provider,
   Consumer
 } = WidthContext;
-const RelativeContainer = /*#__PURE__*/React.memo(styled.div`
-  position: relative;
-  width: 100%;
-`);
 export class WidthProvider extends React.Component {
   constructor(props) {
     super(props);
@@ -54,12 +52,16 @@ export class WidthProvider extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(RelativeContainer, {
+    return jsx("div", {
+      css: css`
+          position: relative;
+          width: 100%;
+        `,
       className: this.props.className
-    }, /*#__PURE__*/React.createElement(WidthObserver, {
+    }, jsx(WidthObserver, {
       setWidth: this.setWidth,
       offscreen: true
-    }), /*#__PURE__*/React.createElement(Provider, {
+    }), jsx(Provider, {
       value: createWidthContext(this.state.width)
     }, this.props.children));
   }

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -1,6 +1,6 @@
-import styled from 'styled-components'; // We use !important to ensure next sibling gets the margin reset no matter what
+import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
-export const ClearNextSiblingMarginTop = styled.div`
+export const clearNextSiblingMarginTopStyle = css`
   & + * {
     margin-top: 0 !important;
   }

package/dist/es2019/ui/index.js

@@ -2,7 +2,7 @@ export { default as Caption } from './Caption';
 export { default as MediaSingle, DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, wrappedLayouts, shouldAddDefaultWrappedWidth } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
+export { mediaLinkStyle } from './MediaSingle/link';
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
 export { default as UnsupportedInline } from './UnsupportedInline';
@@ -13,7 +13,7 @@ export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlNextErrorBoundary';
 export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
 export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "64.0.0",
+	"version": "65.0.0",
 	"sideEffects": false
 }

package/dist/esm/i18n/cs.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Czech
+//Czech
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
+  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.collapseNode': 'Sbalit obsah',
   'fabric.editor.expandDefaultTitle': 'Klikněte sem pro rozbalení...',
   'fabric.editor.expandNode': 'Rozbalit obsah',

package/dist/esm/i18n/da.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Danish
+//Danish (Denmark)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Tilføj en billedtekst',
+  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.collapseNode': 'skjul indhold',
   'fabric.editor.expandDefaultTitle': 'Klik her for at udvide...',
   'fabric.editor.expandNode': 'Udvid indhold',

package/dist/esm/i18n/de.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// German
+//German (Germany)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Bidirektionale Zeichen ändern die Reihenfolge, in der Text gerendert wird. Dies könnte verwendet werden, um bösartigen Code zu verbergen.',
   'fabric.editor.captionPlaceholder': 'Eine Bildunterschrift hinzufügen',
+  'fabric.editor.codeBidiWarningLabel': 'Bidirektionale Zeichen ändern die Reihenfolge, in der Text gerendert wird. Dies könnte verwendet werden, um bösartigen Code zu verbergen.',
   'fabric.editor.collapseNode': 'Inhaltsanzeige reduzieren',
   'fabric.editor.expandDefaultTitle': 'Klicken Sie hier, um zu erweitern …',
   'fabric.editor.expandNode': 'Inhaltsanzeige erweitern',