@atlaskit/editor-core 214.2.3 → 215.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/cjs/index.js +0 -7
  3. package/dist/cjs/ui/Addon/click-area-helper.js +1 -2
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +38 -2
  5. package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +10 -2
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/index.js +0 -8
  8. package/dist/es2019/ui/Addon/click-area-helper.js +1 -2
  9. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +40 -3
  10. package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +9 -1
  11. package/dist/es2019/version-wrapper.js +1 -1
  12. package/dist/esm/index.js +0 -8
  13. package/dist/esm/ui/Addon/click-area-helper.js +1 -2
  14. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +39 -3
  15. package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +9 -1
  16. package/dist/esm/version-wrapper.js +1 -1
  17. package/dist/types/index.d.ts +0 -7
  18. package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +1 -0
  19. package/dist/types-ts4.5/index.d.ts +0 -7
  20. package/dist/types-ts4.5/ui/EditorContentContainer/styles/tableStyles.d.ts +1 -0
  21. package/package.json +11 -8
  22. package/create-editor-content-style/package.json +0 -17
  23. package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js +0 -43
  24. package/dist/cjs/ui/ContentStyles/ai-panels.js +0 -91
  25. package/dist/cjs/ui/ContentStyles/code-bidi-warning.js +0 -75
  26. package/dist/cjs/ui/ContentStyles/code-block.js +0 -28
  27. package/dist/cjs/ui/ContentStyles/date.js +0 -43
  28. package/dist/cjs/ui/ContentStyles/expand.js +0 -37
  29. package/dist/cjs/ui/ContentStyles/extension.js +0 -21
  30. package/dist/cjs/ui/ContentStyles/index.js +0 -220
  31. package/dist/cjs/ui/ContentStyles/layout.js +0 -80
  32. package/dist/cjs/ui/ContentStyles/media.js +0 -27
  33. package/dist/cjs/ui/ContentStyles/panel.js +0 -17
  34. package/dist/cjs/ui/ContentStyles/status.js +0 -158
  35. package/dist/cjs/ui/ContentStyles/tasks-and-decisions.js +0 -556
  36. package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js +0 -47
  37. package/dist/es2019/ui/ContentStyles/ai-panels.js +0 -168
  38. package/dist/es2019/ui/ContentStyles/code-bidi-warning.js +0 -68
  39. package/dist/es2019/ui/ContentStyles/code-block.js +0 -90
  40. package/dist/es2019/ui/ContentStyles/date.js +0 -57
  41. package/dist/es2019/ui/ContentStyles/expand.js +0 -142
  42. package/dist/es2019/ui/ContentStyles/extension.js +0 -236
  43. package/dist/es2019/ui/ContentStyles/index.js +0 -580
  44. package/dist/es2019/ui/ContentStyles/layout.js +0 -388
  45. package/dist/es2019/ui/ContentStyles/media.js +0 -207
  46. package/dist/es2019/ui/ContentStyles/panel.js +0 -66
  47. package/dist/es2019/ui/ContentStyles/status.js +0 -197
  48. package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js +0 -551
  49. package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js +0 -36
  50. package/dist/esm/ui/ContentStyles/ai-panels.js +0 -87
  51. package/dist/esm/ui/ContentStyles/code-bidi-warning.js +0 -68
  52. package/dist/esm/ui/ContentStyles/code-block.js +0 -21
  53. package/dist/esm/ui/ContentStyles/date.js +0 -37
  54. package/dist/esm/ui/ContentStyles/expand.js +0 -31
  55. package/dist/esm/ui/ContentStyles/extension.js +0 -15
  56. package/dist/esm/ui/ContentStyles/index.js +0 -214
  57. package/dist/esm/ui/ContentStyles/layout.js +0 -74
  58. package/dist/esm/ui/ContentStyles/media.js +0 -21
  59. package/dist/esm/ui/ContentStyles/panel.js +0 -11
  60. package/dist/esm/ui/ContentStyles/status.js +0 -152
  61. package/dist/esm/ui/ContentStyles/tasks-and-decisions.js +0 -548
  62. package/dist/types/nodeviews/getInlineNodeViewProducer.styles.d.ts +0 -2
  63. package/dist/types/ui/ContentStyles/ai-panels.d.ts +0 -8
  64. package/dist/types/ui/ContentStyles/code-bidi-warning.d.ts +0 -2
  65. package/dist/types/ui/ContentStyles/code-block.d.ts +0 -2
  66. package/dist/types/ui/ContentStyles/date.d.ts +0 -3
  67. package/dist/types/ui/ContentStyles/expand.d.ts +0 -2
  68. package/dist/types/ui/ContentStyles/extension.d.ts +0 -2
  69. package/dist/types/ui/ContentStyles/index.d.ts +0 -23
  70. package/dist/types/ui/ContentStyles/layout.d.ts +0 -8
  71. package/dist/types/ui/ContentStyles/media.d.ts +0 -2
  72. package/dist/types/ui/ContentStyles/panel.d.ts +0 -2
  73. package/dist/types/ui/ContentStyles/status.d.ts +0 -3
  74. package/dist/types/ui/ContentStyles/tasks-and-decisions.d.ts +0 -6
  75. package/dist/types-ts4.5/nodeviews/getInlineNodeViewProducer.styles.d.ts +0 -2
  76. package/dist/types-ts4.5/ui/ContentStyles/ai-panels.d.ts +0 -8
  77. package/dist/types-ts4.5/ui/ContentStyles/code-bidi-warning.d.ts +0 -2
  78. package/dist/types-ts4.5/ui/ContentStyles/code-block.d.ts +0 -2
  79. package/dist/types-ts4.5/ui/ContentStyles/date.d.ts +0 -3
  80. package/dist/types-ts4.5/ui/ContentStyles/expand.d.ts +0 -2
  81. package/dist/types-ts4.5/ui/ContentStyles/extension.d.ts +0 -2
  82. package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +0 -23
  83. package/dist/types-ts4.5/ui/ContentStyles/layout.d.ts +0 -8
  84. package/dist/types-ts4.5/ui/ContentStyles/media.d.ts +0 -2
  85. package/dist/types-ts4.5/ui/ContentStyles/panel.d.ts +0 -2
  86. package/dist/types-ts4.5/ui/ContentStyles/status.d.ts +0 -3
  87. package/dist/types-ts4.5/ui/ContentStyles/tasks-and-decisions.d.ts +0 -6
@@ -1,556 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.taskItemStylesWithBlockTaskItem = exports.taskItemStyles = exports.taskDecisionStyles = exports.taskDecisionIconWithoutVisualRefresh = exports.taskDecisionIconWithVisualRefresh = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = require("@emotion/react");
10
- var _styles = require("@atlaskit/editor-common/styles");
11
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
-
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
15
- var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)({
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
- '.ak-editor-selected-node > [data-decision-wrapper], ol[data-node-type="decisionList"].ak-editor-selected-node':
18
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
19
- [{
20
- borderRadius: "var(--ds-radius-small, 4px)"
21
- },
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
23
- (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket])],
24
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
25
- '.danger decisionItemView-content-wrap.ak-editor-selected-node > div': {
26
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
27
- backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
28
- '&::after': {
29
- content: 'none' // reset the Blanket selection style
30
- }
31
- },
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
33
- '[data-prosemirror-node-name="decisionItem"]': {
34
- listStyleType: 'none'
35
- },
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
37
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
38
- cursor: 'pointer',
39
- display: 'flex',
40
- flexDirection: 'row',
41
- margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
42
- padding: "var(--ds-space-100, 8px)",
43
- paddingLeft: "var(--ds-space-150, 12px)",
44
- borderRadius: "var(--ds-radius-small, 4px)",
45
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
46
- position: 'relative'
47
- },
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
49
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
50
- flex: '0 0 16px',
51
- height: '16px',
52
- width: '16px',
53
- margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
54
- color: "var(--ds-icon-subtle, #626F86)",
55
- display: 'flex',
56
- alignItems: 'center',
57
- justifyContent: 'center'
58
- },
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
60
- '[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
61
- color: "var(--ds-icon-success, #22A06B)"
62
- },
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
64
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
65
- display: 'inline-block',
66
- flexShrink: 0,
67
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography -- Mirroring icon styles
68
- lineHeight: 1
69
- },
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
71
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
72
- overflow: 'hidden',
73
- pointerEvents: 'none',
74
- color: 'currentColor',
75
- verticalAlign: 'bottom'
76
- },
77
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
78
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
79
- margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)"),
80
- position: 'absolute',
81
- color: "var(--ds-text-subtlest, #626F86)",
82
- pointerEvents: 'none',
83
- textOverflow: 'ellipsis',
84
- overflow: 'hidden',
85
- whiteSpace: 'nowrap',
86
- maxWidth: 'calc(100% - 50px)'
87
- },
88
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
89
- '[data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
90
- display: 'none'
91
- },
92
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
93
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
94
- margin: 0,
95
- wordWrap: 'break-word',
96
- minWidth: 0,
97
- flex: '1 1 auto'
98
- }
99
- });
100
-
101
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
102
- var taskDecisionIconWithVisualRefresh = exports.taskDecisionIconWithVisualRefresh = (0, _react.css)({
103
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
104
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="legacy"]': {
105
- display: 'none'
106
- },
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
108
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
109
- boxSizing: 'border-box',
110
- paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
111
- paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)',
112
- '@media screen and (forced-colors: active)': {
113
- color: 'canvastext',
114
- filter: 'grayscale(1)'
115
- }
116
- },
117
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
118
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
119
- width: "var(--ds-space-300, 24px)",
120
- height: "var(--ds-space-300, 24px)"
121
- }
122
- });
123
-
124
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
125
- var taskDecisionIconWithoutVisualRefresh = exports.taskDecisionIconWithoutVisualRefresh = (0, _react.css)({
126
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
127
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg[data-icon-source="refreshed"]': {
128
- display: 'none'
129
- },
130
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
131
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
132
- width: '32px',
133
- height: '32px',
134
- '@media screen and (forced-colors: active)': {
135
- filter: 'grayscale(1)',
136
- color: 'canvastext',
137
- fill: 'canvas'
138
- }
139
- },
140
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
141
- '[data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
142
- maxWidth: '100%',
143
- maxHeight: '100%',
144
- fill: "var(--ds-surface, #FFFFFF)",
145
- width: '32px',
146
- height: '32px'
147
- }
148
- });
149
-
150
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
151
- var taskItemStyles = exports.taskItemStyles = (0, _react.css)((0, _defineProperty2.default)({
152
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
153
- '[data-prosemirror-node-name="taskItem"]': {
154
- listStyle: 'none'
155
- },
156
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
157
- '[data-prosemirror-node-name="taskItem"] [data-component="task-item-main"]': {
158
- display: 'flex',
159
- flexDirection: 'row',
160
- position: 'relative'
161
- },
162
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
163
- '[data-prosemirror-node-name="taskItem"] [data-component="placeholder"]': {
164
- position: 'absolute',
165
- color: "var(--ds-text-subtlest, #626F86)",
166
- margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"),
167
- pointerEvents: 'none',
168
- textOverflow: 'ellipsis',
169
- overflow: 'hidden',
170
- whiteSpace: 'nowrap',
171
- maxWidth: 'calc(100% - 50px)',
172
- display: 'none'
173
- },
174
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
175
- "[data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
176
- display: 'block'
177
- },
178
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
179
- '[data-prosemirror-node-name="taskItem"] [data-component="content"]': {
180
- margin: 0,
181
- wordWrap: 'break-word',
182
- minWidth: 0,
183
- flex: '1 1 auto'
184
- },
185
- // copied styles from packages/design-system/icon/src/components/icon-new.tsx
186
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
187
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"]': {
188
- display: 'inline-block',
189
- boxSizing: 'border-box',
190
- flexShrink: 0,
191
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
192
- lineHeight: 1,
193
- paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
194
- paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
195
- },
196
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
197
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg': {
198
- overflow: 'hidden',
199
- pointerEvents: 'none',
200
- color: 'currentColor',
201
- verticalAlign: 'bottom',
202
- width: "var(--ds-space-200, 16px)",
203
- height: "var(--ds-space-200, 16px)"
204
- },
205
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
206
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
207
- display: 'none'
208
- },
209
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
210
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
211
- display: 'inline'
212
- },
213
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
214
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
215
- display: 'inline'
216
- },
217
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
218
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
219
- display: 'none'
220
- }
221
- }, "[data-prosemirror-node-name=\"taskItem\"] .".concat(_styles.TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
222
- flex: '0 0 24px',
223
- width: '24px',
224
- height: '24px',
225
- position: 'relative',
226
- alignSelf: 'start',
227
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
228
- "& > input[type='checkbox']": {
229
- width: '16px',
230
- height: '16px',
231
- zIndex: 1,
232
- cursor: 'pointer',
233
- outline: 'none',
234
- margin: 0,
235
- opacity: 0,
236
- position: 'absolute',
237
- top: '50%',
238
- left: '50%',
239
- transform: 'translate(-50%, -50%)',
240
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
241
- '&[disabled]': {
242
- cursor: 'default'
243
- },
244
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
245
- '+ span': {
246
- width: '24px',
247
- height: '24px',
248
- position: 'absolute',
249
- top: '50%',
250
- left: '50%',
251
- transform: 'translate(-50%, -50%)'
252
- },
253
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
254
- '+ span > svg': {
255
- boxSizing: 'border-box',
256
- display: 'inline',
257
- top: '50%',
258
- left: '50%',
259
- transform: 'translate(-50%, -50%)',
260
- maxWidth: 'unset',
261
- maxHeight: 'unset',
262
- position: 'absolute',
263
- overflow: 'hidden',
264
- color: "var(--ds-background-input, #FFFFFF)",
265
- transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
266
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
267
- 'path:first-of-type': {
268
- visibility: 'hidden'
269
- },
270
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
271
- 'rect:first-of-type': {
272
- stroke: "var(--ds-border-input, #8590A2)",
273
- strokeWidth: 1,
274
- transition: 'stroke 0.2s ease-in-out'
275
- }
276
- },
277
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
278
- '&:hover + span > svg': {
279
- color: "var(--ds-background-input-hovered, #F7F8F9)",
280
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
281
- 'rect:first-of-type': {
282
- stroke: "var(--ds-border-input, #8590A2)"
283
- }
284
- },
285
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
286
- '&:checked:hover + span > svg': {
287
- color: "var(--ds-background-selected-bold-hovered, #0055CC)",
288
- fill: "var(--ds-icon-inverse, #FFFFFF)",
289
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
290
- 'rect:first-of-type': {
291
- stroke: "var(--ds-background-selected-bold-hovered, #0055CC)"
292
- }
293
- },
294
- '&:checked': {
295
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
296
- '+ span > svg': {
297
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
298
- 'path:first-of-type': {
299
- visibility: 'visible'
300
- },
301
- color: "var(--ds-background-selected-bold, #0C66E4)",
302
- fill: "var(--ds-icon-inverse, #FFFFFF)",
303
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
304
- 'rect:first-of-type': {
305
- stroke: "var(--ds-background-selected-bold, #0C66E4)"
306
- }
307
- }
308
- },
309
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
310
- '&:active + span > svg': {
311
- color: "var(--ds-background-input-pressed, #FFFFFF)",
312
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
313
- 'rect:first-of-type': {
314
- stroke: "var(--ds-border, #091E4224)"
315
- }
316
- },
317
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
318
- '&:checked:active + span > svg': {
319
- color: "var(--ds-background-input-pressed, #FFFFFF)",
320
- fill: "var(--ds-icon-inverse, #FFFFFF)",
321
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
322
- 'rect:first-of-type': {
323
- stroke: "var(--ds-border, #091E4224)"
324
- }
325
- },
326
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
327
- '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
328
- color: "var(--ds-background-disabled, #091E4208)",
329
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
330
- 'rect:first-of-type': {
331
- stroke: "var(--ds-background-disabled, #091E4208)"
332
- }
333
- },
334
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
335
- '&:disabled:checked + span > svg': {
336
- fill: "var(--ds-icon-disabled, #091E424F)"
337
- },
338
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
339
- '&:focus + span::after': {
340
- position: 'absolute',
341
- width: "var(--ds-space-200, 16px)",
342
- height: "var(--ds-space-200, 16px)",
343
- border: "2px solid ".concat("var(--ds-border-focused, #388BFF)"),
344
- borderRadius: "var(--ds-space-050, 4px)",
345
- content: "''",
346
- display: 'block',
347
- top: '50%',
348
- left: '50%',
349
- transform: 'translate(-50%, -50%)'
350
- }
351
- }
352
- }));
353
-
354
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
355
- var taskItemStylesWithBlockTaskItem = exports.taskItemStylesWithBlockTaskItem = (0, _react.css)((0, _defineProperty2.default)({
356
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
357
- '[data-prosemirror-node-name="taskItem"], [data-prosemirror-node-name="blockTaskItem"]': {
358
- listStyle: 'none'
359
- },
360
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
- '[data-prosemirror-node-name="taskItem"] [data-component="task-item-main"], [data-prosemirror-node-name="blockTaskItem"] [data-component="task-item-main"]': {
362
- display: 'flex',
363
- flexDirection: 'row',
364
- position: 'relative'
365
- },
366
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
367
- '[data-prosemirror-node-name="taskItem"] [data-component="placeholder"], [data-prosemirror-node-name="blockTaskItem"] [data-component="placeholder"]': {
368
- position: 'absolute',
369
- color: "var(--ds-text-subtlest, #626F86)",
370
- margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3)"),
371
- pointerEvents: 'none',
372
- textOverflow: 'ellipsis',
373
- overflow: 'hidden',
374
- whiteSpace: 'nowrap',
375
- maxWidth: 'calc(100% - 50px)',
376
- display: 'none'
377
- },
378
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
379
- "[data-prosemirror-node-name='taskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder'], [data-prosemirror-node-name='blockTaskItem']:has([data-empty]):not(:has([data-type-ahead])) [data-component='placeholder']": {
380
- display: 'block'
381
- },
382
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
383
- '[data-prosemirror-node-name="taskItem"] [data-component="content"], [data-prosemirror-node-name="blockTaskItem"] [data-component="content"]': {
384
- margin: 0,
385
- wordWrap: 'break-word',
386
- minWidth: 0,
387
- flex: '1 1 auto'
388
- },
389
- // copied styles from packages/design-system/icon/src/components/icon-new.tsx
390
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
391
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"], [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"]': {
392
- display: 'inline-block',
393
- boxSizing: 'border-box',
394
- flexShrink: 0,
395
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
396
- lineHeight: 1,
397
- paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
398
- paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)'
399
- },
400
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
401
- '[data-prosemirror-node-name="taskItem"] [data-component="checkbox-icon-wrap"] svg, [data-prosemirror-node-name="blockTaskItem"] [data-component="checkbox-icon-wrap"] svg': {
402
- overflow: 'hidden',
403
- pointerEvents: 'none',
404
- color: 'currentColor',
405
- verticalAlign: 'bottom',
406
- width: "var(--ds-space-200, 16px)",
407
- height: "var(--ds-space-200, 16px)"
408
- },
409
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
410
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-checked-icon]': {
411
- display: 'none'
412
- },
413
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
414
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:not(:checked) + span [data-component=checkbox-unchecked-icon]': {
415
- display: 'inline'
416
- },
417
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
418
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-checked-icon]': {
419
- display: 'inline'
420
- },
421
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
422
- '[data-prosemirror-node-name="taskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon], [data-prosemirror-node-name="blockTaskItem"] input[type=checkbox]:checked + span [data-component=checkbox-unchecked-icon]': {
423
- display: 'none'
424
- }
425
- }, "[data-prosemirror-node-name=\"taskItem\"] .".concat(_styles.TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER, ", [data-prosemirror-node-name=\"blockTaskItem\"] .").concat(_styles.TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER), {
426
- flex: '0 0 24px',
427
- width: '24px',
428
- height: '24px',
429
- position: 'relative',
430
- alignSelf: 'start',
431
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
432
- "& > input[type='checkbox']": {
433
- width: '16px',
434
- height: '16px',
435
- zIndex: 1,
436
- cursor: 'pointer',
437
- outline: 'none',
438
- margin: 0,
439
- opacity: 0,
440
- position: 'absolute',
441
- top: '50%',
442
- left: '50%',
443
- transform: 'translate(-50%, -50%)',
444
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
445
- '&[disabled]': {
446
- cursor: 'default'
447
- },
448
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
449
- '+ span': {
450
- width: '24px',
451
- height: '24px',
452
- position: 'absolute',
453
- top: '50%',
454
- left: '50%',
455
- transform: 'translate(-50%, -50%)'
456
- },
457
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
458
- '+ span > svg': {
459
- boxSizing: 'border-box',
460
- display: 'inline',
461
- top: '50%',
462
- left: '50%',
463
- transform: 'translate(-50%, -50%)',
464
- maxWidth: 'unset',
465
- maxHeight: 'unset',
466
- position: 'absolute',
467
- overflow: 'hidden',
468
- color: "var(--ds-background-input, #FFFFFF)",
469
- transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
470
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
471
- 'path:first-of-type': {
472
- visibility: 'hidden'
473
- },
474
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
475
- 'rect:first-of-type': {
476
- stroke: "var(--ds-border-input, #8590A2)",
477
- strokeWidth: 1,
478
- transition: 'stroke 0.2s ease-in-out'
479
- }
480
- },
481
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
482
- '&:hover + span > svg': {
483
- color: "var(--ds-background-input-hovered, #F7F8F9)",
484
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
485
- 'rect:first-of-type': {
486
- stroke: "var(--ds-border-input, #8590A2)"
487
- }
488
- },
489
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
490
- '&:checked:hover + span > svg': {
491
- color: "var(--ds-background-selected-bold-hovered, #0055CC)",
492
- fill: "var(--ds-icon-inverse, #FFFFFF)",
493
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
494
- 'rect:first-of-type': {
495
- stroke: "var(--ds-background-selected-bold-hovered, #0055CC)"
496
- }
497
- },
498
- '&:checked': {
499
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
500
- '+ span > svg': {
501
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
502
- 'path:first-of-type': {
503
- visibility: 'visible'
504
- },
505
- color: "var(--ds-background-selected-bold, #0C66E4)",
506
- fill: "var(--ds-icon-inverse, #FFFFFF)",
507
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
508
- 'rect:first-of-type': {
509
- stroke: "var(--ds-background-selected-bold, #0C66E4)"
510
- }
511
- }
512
- },
513
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
514
- '&:active + span > svg': {
515
- color: "var(--ds-background-input-pressed, #FFFFFF)",
516
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
517
- 'rect:first-of-type': {
518
- stroke: "var(--ds-border, #091E4224)"
519
- }
520
- },
521
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
522
- '&:checked:active + span > svg': {
523
- color: "var(--ds-background-input-pressed, #FFFFFF)",
524
- fill: "var(--ds-icon-inverse, #FFFFFF)",
525
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
526
- 'rect:first-of-type': {
527
- stroke: "var(--ds-border, #091E4224)"
528
- }
529
- },
530
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
531
- '&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
532
- color: "var(--ds-background-disabled, #091E4208)",
533
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
534
- 'rect:first-of-type': {
535
- stroke: "var(--ds-background-disabled, #091E4208)"
536
- }
537
- },
538
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
539
- '&:disabled:checked + span > svg': {
540
- fill: "var(--ds-icon-disabled, #091E424F)"
541
- },
542
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
543
- '&:focus + span::after': {
544
- position: 'absolute',
545
- width: "var(--ds-space-200, 16px)",
546
- height: "var(--ds-space-200, 16px)",
547
- border: "2px solid ".concat("var(--ds-border-focused, #388BFF)"),
548
- borderRadius: "var(--ds-space-050, 4px)",
549
- content: "''",
550
- display: 'block',
551
- top: '50%',
552
- left: '50%',
553
- transform: 'translate(-50%, -50%)'
554
- }
555
- }
556
- }));
@@ -1,47 +0,0 @@
1
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
- import { css } from '@emotion/react';
3
- import { inlineNodeViewClassname } from '@atlaskit/editor-common/react-node-view';
4
- import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
5
-
6
- // For reasoning behind styles, see comments in:
7
- // ./getInlineNodeViewProducer -> portalChildren()
8
-
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
- export const InlineNodeViewSharedStyles = css({
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
- [`.${inlineNodeViewClassname}`]: {
13
- display: 'inline',
14
- userSelect: 'all',
15
- whiteSpace: 'nowrap',
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
17
- '& > *:not(.zeroWidthSpaceContainer)': {
18
- whiteSpace: 'pre-wrap'
19
- },
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
- '& > .assistive': {
22
- userSelect: 'none'
23
- }
24
- },
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
26
- '&.ua-safari': {
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
28
- [`.${inlineNodeViewClassname}`]: {
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
30
- '::selection, *::selection': {
31
- background: 'transparent'
32
- }
33
- }
34
- },
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
36
- [`&.ua-chrome .${inlineNodeViewClassname} > span`]: {
37
- userSelect: 'none'
38
- },
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
40
- [`.${inlineNodeViewClassname}AddZeroWidthSpace`]: {
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
42
- '::after': {
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
- content: `'${ZERO_WIDTH_SPACE}'`
45
- }
46
- }
47
- });