@atlaskit/editor-plugin-block-controls 6.3.1 → 6.3.2

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 (17) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/drag-handle.js +2 -2
  3. package/dist/cjs/ui/drop-target-layout.js +1 -1
  4. package/dist/cjs/ui/global-styles.js +1 -1
  5. package/dist/cjs/ui/inline-drop-target.js +1 -1
  6. package/dist/cjs/ui/quick-insert-button.js +1 -1
  7. package/dist/es2019/ui/drag-handle.js +2 -2
  8. package/dist/es2019/ui/drop-target-layout.js +1 -1
  9. package/dist/es2019/ui/global-styles.js +1 -1
  10. package/dist/es2019/ui/inline-drop-target.js +1 -1
  11. package/dist/es2019/ui/quick-insert-button.js +1 -1
  12. package/dist/esm/ui/drag-handle.js +2 -2
  13. package/dist/esm/ui/drop-target-layout.js +1 -1
  14. package/dist/esm/ui/global-styles.js +1 -1
  15. package/dist/esm/ui/inline-drop-target.js +1 -1
  16. package/dist/esm/ui/quick-insert-button.js +1 -1
  17. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-block-controls
2
2
 
3
+ ## 6.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6fb79942fc3a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6fb79942fc3a5) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 6.3.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/drag-handle.js CHANGED
@@ -128,7 +128,7 @@ var dragHandleButtonStyles = (0, _react2.css)({
128
128
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
129
129
  },
130
130
  '&:focus': {
131
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
131
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
132
132
  },
133
133
  '&:disabled': {
134
134
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -174,7 +174,7 @@ var dragHandleButtonStylesOld = (0, _react2.css)({
174
174
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
175
175
  },
176
176
  '&:focus': {
177
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
177
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
178
178
  },
179
179
  '&:disabled': {
180
180
  color: "var(--ds-icon-disabled, #8993A4)",
package/dist/cjs/ui/drop-target-layout.js CHANGED
@@ -40,7 +40,7 @@ var dropTargetLayoutStyle = (0, _react2.css)({
40
40
  var dropTargetLayoutHintStyle = (0, _react2.css)({
41
41
  height: '100%',
42
42
  position: 'relative',
43
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(_colors.B200, ")")),
43
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(_colors.B200, ")")),
44
44
  width: 0
45
45
  });
46
46
  var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(props) {
package/dist/cjs/ui/global-styles.js CHANGED
@@ -268,7 +268,7 @@ var quickInsertStyles = function quickInsertStyles() {
268
268
  },
269
269
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
270
270
  '.blocks-quick-insert-button:focus': {
271
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
271
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
272
272
  },
273
273
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
274
274
  '.blocks-quick-insert-visible-container': {
package/dist/cjs/ui/inline-drop-target.js CHANGED
@@ -59,7 +59,7 @@ var GAP = 4;
59
59
  var dropTargetLayoutHintStyle = (0, _react2.css)({
60
60
  height: '100%',
61
61
  position: 'absolute',
62
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(_colors.B200, ")")),
62
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(_colors.B200, ")")),
63
63
  width: 0,
64
64
  left: 0
65
65
  });
package/dist/cjs/ui/quick-insert-button.js CHANGED
@@ -59,7 +59,7 @@ var stickyButtonStyles = (0, _primitives.xcss)({
59
59
  backgroundColor: 'color.background.neutral.subtle.pressed'
60
60
  },
61
61
  ':focus': {
62
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
62
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
63
63
  }
64
64
  });
65
65
  var containerStaticStyles = (0, _primitives.xcss)({
package/dist/es2019/ui/drag-handle.js CHANGED
@@ -120,7 +120,7 @@ const dragHandleButtonStyles = css({
120
120
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
121
121
  },
122
122
  '&:focus': {
123
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
123
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
124
124
  },
125
125
  '&:disabled': {
126
126
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -169,7 +169,7 @@ const dragHandleButtonStylesOld = css({
169
169
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
170
170
  },
171
171
  '&:focus': {
172
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
172
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
173
173
  },
174
174
  '&:disabled': {
175
175
  color: "var(--ds-icon-disabled, #8993A4)",
package/dist/es2019/ui/drop-target-layout.js CHANGED
@@ -31,7 +31,7 @@ const dropTargetLayoutStyle = css({
31
31
  const dropTargetLayoutHintStyle = css({
32
32
  height: '100%',
33
33
  position: 'relative',
34
- borderRight: `1px dashed ${`var(--ds-border-focused, ${B200})`}`,
34
+ borderRight: `${"var(--ds-border-width, 1px)"} dashed ${`var(--ds-border-focused, ${B200})`}`,
35
35
  width: 0
36
36
  });
37
37
  export const DropTargetLayout = props => {
package/dist/es2019/ui/global-styles.js CHANGED
@@ -314,7 +314,7 @@ const quickInsertStyles = () => css({
314
314
  },
315
315
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
316
316
  '.blocks-quick-insert-button:focus': {
317
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
317
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
318
318
  },
319
319
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
320
320
  '.blocks-quick-insert-visible-container': {
package/dist/es2019/ui/inline-drop-target.js CHANGED
@@ -49,7 +49,7 @@ const GAP = 4;
49
49
  const dropTargetLayoutHintStyle = css({
50
50
  height: '100%',
51
51
  position: 'absolute',
52
- borderRight: `1px dashed ${`var(--ds-border-focused, ${B200})`}`,
52
+ borderRight: `${"var(--ds-border-width, 1px)"} dashed ${`var(--ds-border-focused, ${B200})`}`,
53
53
  width: 0,
54
54
  left: 0
55
55
  });
package/dist/es2019/ui/quick-insert-button.js CHANGED
@@ -50,7 +50,7 @@ const stickyButtonStyles = xcss({
50
50
  backgroundColor: 'color.background.neutral.subtle.pressed'
51
51
  },
52
52
  ':focus': {
53
- outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
53
+ outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
54
54
  }
55
55
  });
56
56
  const containerStaticStyles = xcss({
package/dist/esm/ui/drag-handle.js CHANGED
@@ -125,7 +125,7 @@ var dragHandleButtonStyles = css({
125
125
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
126
126
  },
127
127
  '&:focus': {
128
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
128
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
129
129
  },
130
130
  '&:disabled': {
131
131
  color: "var(--ds-icon-disabled, #8993A4)",
@@ -171,7 +171,7 @@ var dragHandleButtonStylesOld = css({
171
171
  backgroundColor: "var(--ds-background-neutral-subtle-pressed, #091E4224)"
172
172
  },
173
173
  '&:focus': {
174
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
174
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
175
175
  },
176
176
  '&:disabled': {
177
177
  color: "var(--ds-icon-disabled, #8993A4)",
package/dist/esm/ui/drop-target-layout.js CHANGED
@@ -33,7 +33,7 @@ var dropTargetLayoutStyle = css({
33
33
  var dropTargetLayoutHintStyle = css({
34
34
  height: '100%',
35
35
  position: 'relative',
36
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(B200, ")")),
36
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(B200, ")")),
37
37
  width: 0
38
38
  });
39
39
  export var DropTargetLayout = function DropTargetLayout(props) {
package/dist/esm/ui/global-styles.js CHANGED
@@ -261,7 +261,7 @@ var quickInsertStyles = function quickInsertStyles() {
261
261
  },
262
262
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
263
263
  '.blocks-quick-insert-button:focus': {
264
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
264
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
265
265
  },
266
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
267
267
  '.blocks-quick-insert-visible-container': {
package/dist/esm/ui/inline-drop-target.js CHANGED
@@ -51,7 +51,7 @@ var GAP = 4;
51
51
  var dropTargetLayoutHintStyle = css({
52
52
  height: '100%',
53
53
  position: 'absolute',
54
- borderRight: "1px dashed ".concat("var(--ds-border-focused, ".concat(B200, ")")),
54
+ borderRight: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-focused, ".concat(B200, ")")),
55
55
  width: 0,
56
56
  left: 0
57
57
  });
package/dist/esm/ui/quick-insert-button.js CHANGED
@@ -54,7 +54,7 @@ var stickyButtonStyles = xcss({
54
54
  backgroundColor: 'color.background.neutral.subtle.pressed'
55
55
  },
56
56
  ':focus': {
57
- outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
57
+ outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)")
58
58
  }
59
59
  });
60
60
  var containerStaticStyles = xcss({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-controls",
3
- "version": "6.3.1",
3
+ "version": "6.3.2",
4
4
  "description": "Block controls plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -34,7 +34,7 @@
34
34
  "@atlaskit/editor-plugin-editor-disabled": "^5.0.0",
35
35
  "@atlaskit/editor-plugin-feature-flags": "^4.0.0",
36
36
  "@atlaskit/editor-plugin-interaction": "^7.0.0",
37
- "@atlaskit/editor-plugin-limited-mode": "^2.0.0",
37
+ "@atlaskit/editor-plugin-limited-mode": "^2.1.0",
38
38
  "@atlaskit/editor-plugin-metrics": "^6.2.0",
39
39
  "@atlaskit/editor-plugin-quick-insert": "^5.0.0",
40
40
  "@atlaskit/editor-plugin-selection": "^5.0.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
53
53
  "@atlaskit/primitives": "^14.14.0",
54
54
  "@atlaskit/theme": "^21.0.0",
55
- "@atlaskit/tmp-editor-statsig": "^12.23.0",
55
+ "@atlaskit/tmp-editor-statsig": "^12.24.0",
56
56
  "@atlaskit/tokens": "^6.3.0",
57
57
  "@atlaskit/tooltip": "^20.4.0",
58
58
  "@babel/runtime": "^7.0.0",