@atlaskit/editor-core 193.24.0 → 193.24.15

package/dist/es2019/ui/ContentStyles/code-block.js

@@ -4,73 +4,73 @@ import { CodeBlockSharedCssClassName, codeBlockSharedStyles } from '@atlaskit/ed
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { R75 } from '@atlaskit/theme/colors';
 const GutterDangerOverlay = () => css`
-  &::after {
-    height: 100%;
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 24px;
-    background-color: ${"var(--ds-blanket-danger, none)"};
-  }
+	&::after {
+		height: 100%;
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 24px;
+		background-color: ${"var(--ds-blanket-danger, none)"};
+	}
 `;
 export const codeBlockStyles = () => css`
-  .ProseMirror {
-    ${codeBlockSharedStyles()}
-  }
+	.ProseMirror {
+		${codeBlockSharedStyles()}
+	}
 
-  .ProseMirror li {
-    /* if same list item has multiple code blocks we need top margin for all but first */
-    > .code-block {
-      margin: ${blockNodesVerticalMargin} 0 0 0;
-    }
-    > .code-block:first-child,
-    > .ProseMirror-gapcursor:first-child + .code-block {
-      margin-top: 0;
-    }
+	.ProseMirror li {
+		/* if same list item has multiple code blocks we need top margin for all but first */
+		> .code-block {
+			margin: ${blockNodesVerticalMargin} 0 0 0;
+		}
+		> .code-block:first-child,
+		> .ProseMirror-gapcursor:first-child + .code-block {
+			margin-top: 0;
+		}
 
-    > div:last-of-type.code-block {
-      margin-bottom: ${blockNodesVerticalMargin};
-    }
-  }
+		> div:last-of-type.code-block {
+			margin-bottom: ${blockNodesVerticalMargin};
+		}
+	}
 
-  .ProseMirror .code-block.${akEditorSelectedNodeClassName}:not(.danger) {
-    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
-  }
+	.ProseMirror .code-block.${akEditorSelectedNodeClassName}:not(.danger) {
+		${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
+	}
 
-  /* Danger when top level node */
-  .ProseMirror .danger.code-block {
-    box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-      ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
+	/* Danger when top level node */
+	.ProseMirror .danger.code-block {
+		box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+			${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
 
-    .${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-      background-color: ${`var(--ds-background-danger, ${R75})`};
-      color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
-      ${GutterDangerOverlay()};
-    }
+		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
+			background-color: ${`var(--ds-background-danger, ${R75})`};
+			color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
+			${GutterDangerOverlay()};
+		}
 
-    .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-      background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackground})`};
-    }
-  }
+		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
+			background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackground})`};
+		}
+	}
 
-  /* Danger when nested node */
-  .ProseMirror .danger .code-block {
-    .${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-      background-color: ${"var(--ds-background-danger, rgba(255, 143, 115, 0.5))"};
-      color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
-      ${GutterDangerOverlay()};
-    }
+	/* Danger when nested node */
+	.ProseMirror .danger .code-block {
+		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
+			background-color: ${"var(--ds-background-danger, rgba(255, 143, 115, 0.5))"};
+			color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
+			${GutterDangerOverlay()};
+		}
 
-    .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-      background-color: ${"var(--ds-blanket-danger, rgba(255, 189, 173, 0.5))"};
-    }
-  }
+		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
+			background-color: ${"var(--ds-blanket-danger, rgba(255, 189, 173, 0.5))"};
+		}
+	}
 
-  /* When code-block is inside the panel  */
-  .ak-editor-panel__content {
-    > .code-block:first-child {
-      margin: 0 0 0 0 !important;
-    }
-  }
+	/* When code-block is inside the panel  */
+	.ak-editor-panel__content {
+		> .code-block:first-child {
+			margin: 0 0 0 0 !important;
+		}
+	}
 `;

package/dist/es2019/ui/ContentStyles/date.js

@@ -3,25 +3,25 @@ import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export const dateStyles = css`
-  .${DateSharedCssClassName.DATE_CONTAINER} {
-    .${DateSharedCssClassName.DATE_WRAPPER} {
-      line-height: initial;
-      cursor: pointer;
-    }
+	.${DateSharedCssClassName.DATE_CONTAINER} {
+		.${DateSharedCssClassName.DATE_WRAPPER} {
+			line-height: initial;
+			cursor: pointer;
+		}
 
-    &.${akEditorSelectedNodeClassName} {
-      .${DateSharedCssClassName.DATE_WRAPPER} > span {
-        ${getSelectionStyles([SelectionStyle.BoxShadow])}
-      }
-    }
-  }
+		&.${akEditorSelectedNodeClassName} {
+			.${DateSharedCssClassName.DATE_WRAPPER} > span {
+				${getSelectionStyles([SelectionStyle.BoxShadow])}
+			}
+		}
+	}
 
-  .danger {
-    .${DateSharedCssClassName.DATE_CONTAINER}.${akEditorSelectedNodeClassName}
-      .${DateSharedCssClassName.DATE_WRAPPER}
-      > span {
-      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-        ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-    }
-  }
+	.danger {
+		.${DateSharedCssClassName.DATE_CONTAINER}.${akEditorSelectedNodeClassName}
+			.${DateSharedCssClassName.DATE_WRAPPER}
+			> span {
+			box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+				${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
+		}
+	}
 `;

package/dist/es2019/ui/ContentStyles/expand.js

@@ -13,109 +13,109 @@ const DANGER_STATE_BORDER_COLOR = `var(--ds-border-danger, ${R300})`;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export const expandStyles = () => css`
-  .${expandClassNames.icon} > div {
-    display: flex;
-  }
+	.${expandClassNames.icon} > div {
+		display: flex;
+	}
 
-  .${expandClassNames.prefix} {
-    ${sharedExpandStyles.containerStyles({
+	.${expandClassNames.prefix} {
+		${sharedExpandStyles.containerStyles({
   expanded: false,
   focused: false
 })()}
-    overflow: hidden;
-    cursor: pointer;
-    box-sizing: border-box;
-
-    td > & {
-      margin-top: 0;
-    }
-
-    .${expandClassNames.iconContainer} svg {
-      ${EXPAND_ICON_COLOR()};
-      transform: rotate(90deg);
-    }
-
-    &.${akEditorSelectedNodeClassName}:not(.danger) {
-      ${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border])}
-    }
-
-    &.danger {
-      background: ${DANGER_STATE_BACKGROUND_COLOR};
-      border-color: ${DANGER_STATE_BORDER_COLOR};
-    }
-  }
-
-  .ProseMirror
-    > .${expandClassNames.type('expand')},
-    .${BreakoutCssClassName.BREAKOUT_MARK_DOM}
-    > .${expandClassNames.type('expand')} {
-    margin-left: -${akLayoutGutterOffset}px;
-    margin-right: -${akLayoutGutterOffset}px;
-  }
-
-  .${expandClassNames.content} {
-    ${sharedExpandStyles.contentStyles({
+		overflow: hidden;
+		cursor: pointer;
+		box-sizing: border-box;
+
+		td > & {
+			margin-top: 0;
+		}
+
+		.${expandClassNames.iconContainer} svg {
+			${EXPAND_ICON_COLOR()};
+			transform: rotate(90deg);
+		}
+
+		&.${akEditorSelectedNodeClassName}:not(.danger) {
+			${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border])}
+		}
+
+		&.danger {
+			background: ${DANGER_STATE_BACKGROUND_COLOR};
+			border-color: ${DANGER_STATE_BORDER_COLOR};
+		}
+	}
+
+	.ProseMirror
+		> .${expandClassNames.type('expand')},
+		.${BreakoutCssClassName.BREAKOUT_MARK_DOM}
+		> .${expandClassNames.type('expand')} {
+		margin-left: -${akLayoutGutterOffset}px;
+		margin-right: -${akLayoutGutterOffset}px;
+	}
+
+	.${expandClassNames.content} {
+		${sharedExpandStyles.contentStyles({
   expanded: false,
   focused: false
 })()}
-    cursor: text;
-    padding-top: 0px;
-  }
-
-  .${expandClassNames.titleInput} {
-    ${sharedExpandStyles.titleInputStyles()}
-  }
-
-  .${expandClassNames.titleContainer} {
-    ${sharedExpandStyles.titleContainerStyles()};
-    align-items: center;
-    overflow: visible;
-  }
-
-  .${expandClassNames.expanded} {
-    background: ${EXPAND_SELECTED_BACKGROUND};
-    border-color: ${`var(--ds-border, ${N40A})`};
-
-    .${expandClassNames.content} {
-      padding-top: ${"var(--ds-space-100, 8px)"};
-    }
-  }
-
-  .${expandClassNames.inputContainer} {
-    width: 100%;
-  }
-
-  /* stylelint-disable property-no-unknown, value-keyword-case */
-  .${expandClassNames.prefix}:(.${expandClassNames.expanded}) {
-    .expand-content-wrapper {
-      height: auto;
-    }
-  }
-  /* stylelint-enable property-no-unknown, value-keyword-case */
-
-  .${expandClassNames.prefix}:not(.${expandClassNames.expanded}) {
-    .ak-editor-expand__content {
-      position: absolute;
-      height: 1px;
-      width: 1px;
-      overflow: hidden;
-      clip: rect(1px, 1px, 1px, 1px);
-      white-space: nowrap;
-    }
-
-    .${expandClassNames.iconContainer} svg {
-      ${EXPAND_ICON_COLOR()};
-      transform: rotate(0deg);
-    }
-
-    &:not(.${akEditorSelectedNodeClassName}):not(.danger) {
-      background: transparent;
-      border-color: transparent;
-
-      &:hover {
-        border-color: ${`var(--ds-border, ${N50A})`};
-        background: ${EXPAND_SELECTED_BACKGROUND};
-      }
-    }
-  }
+		cursor: text;
+		padding-top: 0px;
+	}
+
+	.${expandClassNames.titleInput} {
+		${sharedExpandStyles.titleInputStyles()}
+	}
+
+	.${expandClassNames.titleContainer} {
+		${sharedExpandStyles.titleContainerStyles()};
+		align-items: center;
+		overflow: visible;
+	}
+
+	.${expandClassNames.expanded} {
+		background: ${EXPAND_SELECTED_BACKGROUND};
+		border-color: ${`var(--ds-border, ${N40A})`};
+
+		.${expandClassNames.content} {
+			padding-top: ${"var(--ds-space-100, 8px)"};
+		}
+	}
+
+	.${expandClassNames.inputContainer} {
+		width: 100%;
+	}
+
+	/* stylelint-disable property-no-unknown, value-keyword-case */
+	.${expandClassNames.prefix}:(.${expandClassNames.expanded}) {
+		.expand-content-wrapper {
+			height: auto;
+		}
+	}
+	/* stylelint-enable property-no-unknown, value-keyword-case */
+
+	.${expandClassNames.prefix}:not(.${expandClassNames.expanded}) {
+		.ak-editor-expand__content {
+			position: absolute;
+			height: 1px;
+			width: 1px;
+			overflow: hidden;
+			clip: rect(1px, 1px, 1px, 1px);
+			white-space: nowrap;
+		}
+
+		.${expandClassNames.iconContainer} svg {
+			${EXPAND_ICON_COLOR()};
+			transform: rotate(0deg);
+		}
+
+		&:not(.${akEditorSelectedNodeClassName}):not(.danger) {
+			background: transparent;
+			border-color: transparent;
+
+			&:hover {
+				border-color: ${`var(--ds-border, ${N50A})`};
+				background: ${EXPAND_SELECTED_BACKGROUND};
+			}
+		}
+	}
 `;