@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
56 lines (51 loc) • 3.85 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.dateVanillaStyles = exports.dateStyles = exports.dangerDateStyles = exports.DateSharedCssClassName = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = require("@emotion/react");
var _selectionStyles = require("./selectionStyles");
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
var DateSharedCssClassName = exports.DateSharedCssClassName = {
DATE_WRAPPER: "date-lozenger-container",
DATE_CONTAINER: 'dateView-content-wrap'
};
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var dateVanillaStyles = exports.dateVanillaStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
backgroundColor: "var(--ds-background-neutral, #0515240F)",
color: "var(--ds-text, #292A2E)",
borderRadius: "var(--ds-radius-small, 4px)",
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
margin: '0 1px',
position: 'relative',
transition: 'background 0.3s',
whiteSpace: 'nowrap',
cursor: 'unset'
}), "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span:hover"), {
backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
}), "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span.date-node-color-red"), {
backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
color: "var(--ds-text-accent-red, #AE2E24)"
}), "[data-prosemirror-node-name='date'] .".concat(DateSharedCssClassName.DATE_WRAPPER, " span.date-node-color-red:hover"), {
backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
}));
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var dateStyles = exports.dateStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
whiteSpace: 'unset'
}), ".".concat(DateSharedCssClassName.DATE_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER), {
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
lineHeight: 'initial',
cursor: 'pointer'
}), '&.ak-editor-selected-node', (0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " > span"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]))), '.danger', (0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_CONTAINER, ".ak-editor-selected-node .").concat(DateSharedCssClassName.DATE_WRAPPER, " > span"), {
boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
})));
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var dangerDateStyles = exports.dangerDateStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(DateSharedCssClassName.DATE_CONTAINER, ".ak-editor-selected-node.danger .").concat(DateSharedCssClassName.DATE_WRAPPER, " > span"),
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
[_selectionStyles.dangerBorderStyles]));