@atlaskit/editor-toolbar 0.9.1 → 0.9.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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/ColorPalette/Color.compiled.css +2 -2
  3. package/dist/cjs/ui/ColorPalette/Color.js +4 -4
  4. package/dist/es2019/ui/ColorPalette/Color.compiled.css +2 -2
  5. package/dist/es2019/ui/ColorPalette/Color.js +2 -2
  6. package/dist/esm/ui/ColorPalette/Color.compiled.css +2 -2
  7. package/dist/esm/ui/ColorPalette/Color.js +4 -4
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.9.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
  ## 0.9.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19itcf40{border:var(--_1wr0y6w)}
2
+ ._19it1oet{border:var(--_y3tor4)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
5
  ._1h6d1j28{border-color:transparent}
@@ -19,6 +19,6 @@
19
19
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
20
20
  ._u5f3idpf{padding-right:0}
21
21
  ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
22
- ._y2mv12j9:focus{outline:var(--_toyvsf)}
22
+ ._y2mvuigy:focus{outline:var(--_1fve1bt)}
23
23
  ._858umuej:focus, ._jyzfmuej:focus-within, ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
24
24
  ._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
package/dist/cjs/ui/ColorPalette/Color.js CHANGED
@@ -62,12 +62,12 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
62
62
  onMouseDown: handleMouseDown,
63
63
  tabIndex: tabIndex,
64
64
  autoFocus: autoFocus,
65
- className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19itcf40 _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mv12j9 _1bg4v77o"]),
65
+ className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1oet _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mvuigy _1bg4v77o"]),
66
66
  style: {
67
67
  backgroundColor: colorStyle || "var(--ds-background-input, #FFFFFF)",
68
- border: "1px solid ".concat(borderColor),
69
- "--_1wr0y6w": (0, _runtime.ix)("1px solid ".concat("var(--ds-border-inverse, #FFFFFF)")),
70
- "--_toyvsf": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #388BFF)"))
68
+ border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor),
69
+ "--_y3tor4": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-inverse, #FFFFFF)")),
70
+ "--_1fve1bt": (0, _runtime.ix)("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)"))
71
71
  }
72
72
  }, !decorator && isSelected && /*#__PURE__*/_react.default.createElement(_checkMarkEditorDone.default, {
73
73
  color: checkMarkColor,
package/dist/es2019/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19itv4vr{border:1px solid var(--ds-border-inverse,#fff)}
2
+ ._19it1ps9{border:var(--ds-border-width,1px) solid var(--ds-border-inverse,#fff)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
5
  ._1h6d1j28{border-color:transparent}
@@ -19,6 +19,6 @@
19
19
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
20
20
  ._u5f3idpf{padding-right:0}
21
21
  ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
22
- ._y2mvugt7:focus{outline:2px solid var(--ds-border-focused,#388bff)}
22
+ ._y2mv1q03:focus{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#388bff)}
23
23
  ._858umuej:focus, ._jyzfmuej:focus-within, ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
24
24
  ._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
package/dist/es2019/ui/ColorPalette/Color.js CHANGED
@@ -54,10 +54,10 @@ export const Color = /*#__PURE__*/memo(({
54
54
  tabIndex: tabIndex,
55
55
  style: {
56
56
  backgroundColor: colorStyle || "var(--ds-background-input, #FFFFFF)",
57
- border: `1px solid ${borderColor}`
57
+ border: `${"var(--ds-border-width, 1px)"} solid ${borderColor}`
58
58
  },
59
59
  autoFocus: autoFocus,
60
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19itv4vr _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mvugt7 _1bg4v77o"])
60
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mv1q03 _1bg4v77o"])
61
61
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
62
62
  color: checkMarkColor,
63
63
  LEGACY_primaryColor: checkMarkColor,
package/dist/esm/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._19itcf40{border:var(--_1wr0y6w)}
2
+ ._19it1oet{border:var(--_y3tor4)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
5
  ._1h6d1j28{border-color:transparent}
@@ -19,6 +19,6 @@
19
19
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
20
20
  ._u5f3idpf{padding-right:0}
21
21
  ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
22
- ._y2mv12j9:focus{outline:var(--_toyvsf)}
22
+ ._y2mvuigy:focus{outline:var(--_1fve1bt)}
23
23
  ._858umuej:focus, ._jyzfmuej:focus-within, ._4cvxmuej:hover{border-color:var(--ds-border,#091e4224)}
24
24
  ._1bg4v77o:focus{outline-offset:var(--ds-space-025,2px)}
package/dist/esm/ui/ColorPalette/Color.js CHANGED
@@ -53,12 +53,12 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
53
53
  onMouseDown: handleMouseDown,
54
54
  tabIndex: tabIndex,
55
55
  autoFocus: autoFocus,
56
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19itcf40 _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mv12j9 _1bg4v77o"]),
56
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1oet _4t3icr4y _1bsbcr4y _bfhkm7j4 _80omtlke _1e0c1ule _kqswh2mm _y2mvuigy _1bg4v77o"]),
57
57
  style: {
58
58
  backgroundColor: colorStyle || "var(--ds-background-input, #FFFFFF)",
59
- border: "1px solid ".concat(borderColor),
60
- "--_1wr0y6w": ix("1px solid ".concat("var(--ds-border-inverse, #FFFFFF)")),
61
- "--_toyvsf": ix("2px solid ".concat("var(--ds-border-focused, #388BFF)"))
59
+ border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor),
60
+ "--_y3tor4": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-inverse, #FFFFFF)")),
61
+ "--_1fve1bt": ix("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #388BFF)"))
62
62
  }
63
63
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
64
64
  color: checkMarkColor,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.9.1",
6
+ "version": "0.9.2",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -32,7 +32,7 @@
32
32
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
33
33
  "@atlaskit/popup": "^4.4.0",
34
34
  "@atlaskit/primitives": "^14.14.0",
35
- "@atlaskit/tmp-editor-statsig": "^12.22.0",
35
+ "@atlaskit/tmp-editor-statsig": "^12.24.0",
36
36
  "@atlaskit/tokens": "^6.3.0",
37
37
  "@atlaskit/tooltip": "^20.4.0",
38
38
  "@babel/runtime": "^7.0.0",