@atlaskit/editor-toolbar 0.8.3 → 0.8.5

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 +16 -0
  2. package/dist/cjs/ui/ColorPalette/Color.compiled.css +1 -1
  3. package/dist/cjs/ui/ColorPalette/Color.js +1 -1
  4. package/dist/cjs/ui/ToolbarDropdownItem.js +2 -1
  5. package/dist/cjs/ui/ToolbarDropdownItemSection.js +2 -1
  6. package/dist/cjs/ui/ToolbarDropdownMenu.js +2 -1
  7. package/dist/es2019/ui/ColorPalette/Color.compiled.css +1 -1
  8. package/dist/es2019/ui/ColorPalette/Color.js +1 -1
  9. package/dist/es2019/ui/ToolbarDropdownItem.js +2 -1
  10. package/dist/es2019/ui/ToolbarDropdownItemSection.js +2 -1
  11. package/dist/es2019/ui/ToolbarDropdownMenu.js +2 -1
  12. package/dist/esm/ui/ColorPalette/Color.compiled.css +1 -1
  13. package/dist/esm/ui/ColorPalette/Color.js +1 -1
  14. package/dist/esm/ui/ToolbarDropdownItem.js +2 -1
  15. package/dist/esm/ui/ToolbarDropdownItemSection.js +2 -1
  16. package/dist/esm/ui/ToolbarDropdownMenu.js +2 -1
  17. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.8.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
11
+ ## 0.8.4
12
+
13
+ ### Patch Changes
14
+
15
+ - [`0812ff5bd7bd1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0812ff5bd7bd1) -
16
+ Dont render menu sections in live view
17
+ - Updated dependencies
18
+
3
19
  ## 0.8.3
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._19itcf40{border:var(--_1wr0y6w)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189et94y{border-width:1px}
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}
6
6
  ._19bvidpf{padding-left:0}
package/dist/cjs/ui/ColorPalette/Color.js CHANGED
@@ -51,7 +51,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
51
51
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
52
52
  content: label
53
53
  }, /*#__PURE__*/_react.default.createElement("span", {
54
- className: (0, _runtime.ax)(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189et94y _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
54
+ className: (0, _runtime.ax)(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
55
55
  }, /*#__PURE__*/_react.default.createElement("button", {
56
56
  type: "button",
57
57
  "aria-label": label,
package/dist/cjs/ui/ToolbarDropdownItem.js CHANGED
@@ -77,6 +77,7 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
77
77
  target: target,
78
78
  rel: rel,
79
79
  component: href && (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
80
- testId: testId
80
+ testId: testId,
81
+ "data-toolbar-component": "menu-item"
81
82
  }, children);
82
83
  };
package/dist/cjs/ui/ToolbarDropdownItemSection.js CHANGED
@@ -13,6 +13,7 @@ var ToolbarDropdownItemSection = exports.ToolbarDropdownItemSection = function T
13
13
  title = _ref.title;
14
14
  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, {
15
15
  hasSeparator: hasSeparator,
16
- title: title
16
+ title: title,
17
+ "data-toolbar-component": "menu-section"
17
18
  }, children);
18
19
  };
package/dist/cjs/ui/ToolbarDropdownMenu.js CHANGED
@@ -90,7 +90,8 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
90
90
  label: label,
91
91
  onClick: onClick
92
92
  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
93
- xcss: (0, _react2.cx)(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator)
93
+ xcss: (0, _react2.cx)(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
94
+ "data-toolbar-component": "menu"
94
95
  }, children));
95
96
  } else {
96
97
  return /*#__PURE__*/_react.default.createElement(_ToolbarDropdownMenuContext.ToolbarDropdownMenuProvider, null, /*#__PURE__*/_react.default.createElement(ToolbarDropdownMenuContent, {
package/dist/es2019/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._19itv4vr{border:1px solid var(--ds-border-inverse,#fff)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189et94y{border-width:1px}
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}
6
6
  ._19bvidpf{padding-left:0}
package/dist/es2019/ui/ColorPalette/Color.js CHANGED
@@ -42,7 +42,7 @@ export const Color = /*#__PURE__*/memo(({
42
42
  return /*#__PURE__*/React.createElement(Tooltip, {
43
43
  content: label
44
44
  }, /*#__PURE__*/React.createElement("span", {
45
- className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189et94y _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
45
+ className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
46
46
  }, /*#__PURE__*/React.createElement("button", {
47
47
  type: "button",
48
48
  "aria-label": label,
package/dist/es2019/ui/ToolbarDropdownItem.js CHANGED
@@ -69,6 +69,7 @@ export const ToolbarDropdownItem = ({
69
69
  target: target,
70
70
  rel: rel,
71
71
  component: href && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
72
- testId: testId
72
+ testId: testId,
73
+ "data-toolbar-component": "menu-item"
73
74
  }, children);
74
75
  };
package/dist/es2019/ui/ToolbarDropdownItemSection.js CHANGED
@@ -7,6 +7,7 @@ export const ToolbarDropdownItemSection = ({
7
7
  }) => {
8
8
  return /*#__PURE__*/React.createElement(DropdownItemGroup, {
9
9
  hasSeparator: hasSeparator,
10
- title: title
10
+ title: title,
11
+ "data-toolbar-component": "menu-section"
11
12
  }, children);
12
13
  };
package/dist/es2019/ui/ToolbarDropdownMenu.js CHANGED
@@ -80,7 +80,8 @@ export const ToolbarDropdownMenu = ({
80
80
  label: label,
81
81
  onClick: onClick
82
82
  }, /*#__PURE__*/React.createElement(Box, {
83
- xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator)
83
+ xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
84
+ "data-toolbar-component": "menu"
84
85
  }, children));
85
86
  } else {
86
87
  return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, null, /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
package/dist/esm/ui/ColorPalette/Color.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._19itcf40{border:var(--_1wr0y6w)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189et94y{border-width:1px}
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}
6
6
  ._19bvidpf{padding-left:0}
package/dist/esm/ui/ColorPalette/Color.js CHANGED
@@ -42,7 +42,7 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
42
42
  return /*#__PURE__*/React.createElement(Tooltip, {
43
43
  content: label
44
44
  }, /*#__PURE__*/React.createElement("span", {
45
- className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189et94y _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
45
+ className: ax(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858umuej _jyzfmuej _4cvxmuej"])
46
46
  }, /*#__PURE__*/React.createElement("button", {
47
47
  type: "button",
48
48
  "aria-label": label,
package/dist/esm/ui/ToolbarDropdownItem.js CHANGED
@@ -69,6 +69,7 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
69
69
  target: target,
70
70
  rel: rel,
71
71
  component: href && expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) ? undefined : CustomDropdownMenuItemButton,
72
- testId: testId
72
+ testId: testId,
73
+ "data-toolbar-component": "menu-item"
73
74
  }, children);
74
75
  };
package/dist/esm/ui/ToolbarDropdownItemSection.js CHANGED
@@ -6,6 +6,7 @@ export var ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref
6
6
  title = _ref.title;
7
7
  return /*#__PURE__*/React.createElement(DropdownItemGroup, {
8
8
  hasSeparator: hasSeparator,
9
- title: title
9
+ title: title,
10
+ "data-toolbar-component": "menu-section"
10
11
  }, children);
11
12
  };
package/dist/esm/ui/ToolbarDropdownMenu.js CHANGED
@@ -81,7 +81,8 @@ export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref2) {
81
81
  label: label,
82
82
  onClick: onClick
83
83
  }, /*#__PURE__*/React.createElement(Box, {
84
- xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator)
84
+ xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
85
+ "data-toolbar-component": "menu"
85
86
  }, children));
86
87
  } else {
87
88
  return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, null, /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.8.3",
6
+ "version": "0.8.5",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
32
32
  "@atlaskit/popup": "^4.3.0",
33
33
  "@atlaskit/primitives": "^14.14.0",
34
- "@atlaskit/tmp-editor-statsig": "^12.6.0",
34
+ "@atlaskit/tmp-editor-statsig": "^12.10.0",
35
35
  "@atlaskit/tokens": "^6.3.0",
36
36
  "@atlaskit/tooltip": "^20.4.0",
37
37
  "@babel/runtime": "^7.0.0",