@atlaskit/editor-plugin-alignment 1.14.6 → 1.14.7

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/Alignment/styles.js +11 -3
  3. package/dist/cjs/ui/ToolbarAlignment/styles.js +7 -0
  4. package/dist/es2019/ui/Alignment/styles.js +11 -3
  5. package/dist/es2019/ui/ToolbarAlignment/styles.js +7 -0
  6. package/dist/esm/ui/Alignment/styles.js +11 -3
  7. package/dist/esm/ui/ToolbarAlignment/styles.js +7 -0
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-alignment
2
2
 
3
+ ## 1.14.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#99080](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99080)
8
+ [`8b2f0af25c400`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2f0af25c400) -
9
+ [ux] ED-26062: Removed icon blue borders when selected
10
+
3
11
  ## 1.14.6
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/Alignment/styles.js CHANGED
@@ -10,7 +10,15 @@ var _react = require("@emotion/react");
10
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
11
  var alignmentWrapper = exports.alignmentWrapper = (0, _react.css)({
12
12
  padding: "0 ".concat("var(--ds-space-100, 8px)"),
13
- display: 'flex',
14
- flexWrap: 'wrap',
15
- maxWidth: "".concat(3 * 32, "px")
13
+ maxWidth: "".concat(3 * 32 + 2 * 2, "px"),
14
+ // 3 buttons * 32px + 2 * 2px gap
15
+ columnGap: "var(--ds-space-025, 2px)",
16
+ // add gap between buttons, so they don't crunch each other
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
18
+ button: {
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
20
+ '&:not([disabled])::after': {
21
+ border: 'none' // remove blue border when an item has been selected
22
+ }
23
+ }
16
24
  });
package/dist/cjs/ui/ToolbarAlignment/styles.js CHANGED
@@ -19,6 +19,13 @@ var wrapper = exports.wrapper = (0, _react.css)({
19
19
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
20
  div: {
21
21
  display: 'flex'
22
+ },
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
+ '.align-btn': {
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
26
+ '&:not([disabled])::after': {
27
+ border: 'none' // remove blue border when an item has been selected
28
+ }
22
29
  }
23
30
  });
24
31
 
package/dist/es2019/ui/Alignment/styles.js CHANGED
@@ -3,7 +3,15 @@ import { css } from '@emotion/react';
3
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
4
4
  export const alignmentWrapper = css({
5
5
  padding: `0 ${"var(--ds-space-100, 8px)"}`,
6
- display: 'flex',
7
- flexWrap: 'wrap',
8
- maxWidth: `${3 * 32}px`
6
+ maxWidth: `${3 * 32 + 2 * 2}px`,
7
+ // 3 buttons * 32px + 2 * 2px gap
8
+ columnGap: "var(--ds-space-025, 2px)",
9
+ // add gap between buttons, so they don't crunch each other
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
11
+ button: {
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
13
+ '&:not([disabled])::after': {
14
+ border: 'none' // remove blue border when an item has been selected
15
+ }
16
+ }
9
17
  });
package/dist/es2019/ui/ToolbarAlignment/styles.js CHANGED
@@ -12,6 +12,13 @@ export const wrapper = css({
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
13
  div: {
14
14
  display: 'flex'
15
+ },
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ '.align-btn': {
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
19
+ '&:not([disabled])::after': {
20
+ border: 'none' // remove blue border when an item has been selected
21
+ }
15
22
  }
16
23
  });
17
24
 
package/dist/esm/ui/Alignment/styles.js CHANGED
@@ -3,7 +3,15 @@ import { css } from '@emotion/react';
3
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
4
4
  export var alignmentWrapper = css({
5
5
  padding: "0 ".concat("var(--ds-space-100, 8px)"),
6
- display: 'flex',
7
- flexWrap: 'wrap',
8
- maxWidth: "".concat(3 * 32, "px")
6
+ maxWidth: "".concat(3 * 32 + 2 * 2, "px"),
7
+ // 3 buttons * 32px + 2 * 2px gap
8
+ columnGap: "var(--ds-space-025, 2px)",
9
+ // add gap between buttons, so they don't crunch each other
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
11
+ button: {
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
13
+ '&:not([disabled])::after': {
14
+ border: 'none' // remove blue border when an item has been selected
15
+ }
16
+ }
9
17
  });
package/dist/esm/ui/ToolbarAlignment/styles.js CHANGED
@@ -12,6 +12,13 @@ export var wrapper = css({
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
13
  div: {
14
14
  display: 'flex'
15
+ },
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ '.align-btn': {
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
19
+ '&:not([disabled])::after': {
20
+ border: 'none' // remove blue border when an item has been selected
21
+ }
15
22
  }
16
23
  });
17
24
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-alignment",
3
- "version": "1.14.6",
3
+ "version": "1.14.7",
4
4
  "description": "Alignment plugin for @atlaskit/editor-core",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"