@atlaskit/editor-toolbar 0.20.6 → 0.20.8

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 (18) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/index.js +7 -0
  3. package/dist/cjs/ui/ColorPalette/Color.compiled.css +2 -2
  4. package/dist/cjs/ui/ColorPalette/Color.js +1 -1
  5. package/dist/cjs/ui/icons/TextSmallIcon.js +32 -0
  6. package/dist/es2019/index.js +1 -0
  7. package/dist/es2019/ui/ColorPalette/Color.compiled.css +2 -2
  8. package/dist/es2019/ui/ColorPalette/Color.js +1 -1
  9. package/dist/es2019/ui/icons/TextSmallIcon.js +27 -0
  10. package/dist/esm/index.js +1 -0
  11. package/dist/esm/ui/ColorPalette/Color.compiled.css +2 -2
  12. package/dist/esm/ui/ColorPalette/Color.js +1 -1
  13. package/dist/esm/ui/icons/TextSmallIcon.js +26 -0
  14. package/dist/types/index.d.ts +1 -0
  15. package/dist/types/ui/icons/TextSmallIcon.d.ts +8 -0
  16. package/dist/types-ts4.5/index.d.ts +1 -0
  17. package/dist/types-ts4.5/ui/icons/TextSmallIcon.d.ts +8 -0
  18. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.20.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d7123d7a16015`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d7123d7a16015) -
8
+ Add TextSmallIcon component for small text block type
9
+ - Updated dependencies
10
+
11
+ ## 0.20.7
12
+
13
+ ### Patch Changes
14
+
15
+ - [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
16
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
17
+
3
18
  ## 0.20.6
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/index.js CHANGED
@@ -376,6 +376,12 @@ Object.defineProperty(exports, "TextIcon", {
376
376
  return _TextIcon.TextIcon;
377
377
  }
378
378
  });
379
+ Object.defineProperty(exports, "TextSmallIcon", {
380
+ enumerable: true,
381
+ get: function get() {
382
+ return _TextSmallIcon.TextSmallIcon;
383
+ }
384
+ });
379
385
  Object.defineProperty(exports, "Toolbar", {
380
386
  enumerable: true,
381
387
  get: function get() {
@@ -546,6 +552,7 @@ var _PinnedIcon = require("./ui/icons/PinnedIcon");
546
552
  var _QuoteIcon = require("./ui/icons/QuoteIcon");
547
553
  var _TextColorIcon = require("./ui/icons/TextColorIcon");
548
554
  var _TextIcon = require("./ui/icons/TextIcon");
555
+ var _TextSmallIcon = require("./ui/icons/TextSmallIcon");
549
556
  var _ClearFormattingIcon = require("./ui/icons/ClearFormattingIcon");
550
557
  var _UnderlineIcon = require("./ui/icons/UnderlineIcon");
551
558
  var _StrikeThroughIcon = require("./ui/icons/StrikeThroughIcon");
package/dist/cjs/ui/ColorPalette/Color.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
package/dist/cjs/ui/ColorPalette/Color.js CHANGED
@@ -66,7 +66,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
66
66
  border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
67
67
  },
68
68
  autoFocus: autoFocus,
69
- className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
69
+ className: (0, _runtime.ax)(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
70
70
  }, !decorator && isSelected && /*#__PURE__*/_react.default.createElement(_checkMark.default, {
71
71
  color: checkMarkColor,
72
72
  label: ""
package/dist/cjs/ui/icons/TextSmallIcon.js ADDED
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.TextSmallIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ /**
10
+ * This is just a temporary icon to be replaced with an icon from @atlaskit/icon-lab, currently the icon is not available in @atlaskit/icon-lab.
11
+ */
12
+ var TextSmallIcon = exports.TextSmallIcon = function TextSmallIcon(_ref) {
13
+ var size = _ref.size;
14
+ var dimension = size === 'small' ? 12 : 16;
15
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
+ width: dimension,
17
+ height: dimension,
18
+ viewBox: "0 0 16 16",
19
+ fill: "none",
20
+ role: "presentation"
21
+ }, /*#__PURE__*/_react.default.createElement("g", {
22
+ transform: "translate(-1.614, -1.561) scale(0.95)"
23
+ }, /*#__PURE__*/_react.default.createElement("path", {
24
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "M6.8125 4.5H2V3H13V4.5H8.3125V17H6.8125V4.5Z",
27
+ fill: "currentcolor"
28
+ }), /*#__PURE__*/_react.default.createElement("path", {
29
+ d: "M14.448 17.128C13.7973 17.128 13.2373 17.032 12.768 16.84C12.3093 16.6373 11.9573 16.3493 11.712 15.976C11.4773 15.592 11.36 15.128 11.36 14.584H12.8C12.8 14.9893 12.944 15.3093 13.232 15.544C13.52 15.768 13.9253 15.88 14.448 15.88H15.152C15.6853 15.88 16.096 15.7627 16.384 15.528C16.6827 15.2933 16.832 14.9627 16.832 14.536C16.832 14.152 16.7467 13.8533 16.576 13.64C16.4053 13.4267 16.144 13.2987 15.792 13.256L13.36 12.904C12.7627 12.8187 12.2987 12.5733 11.968 12.168C11.6373 11.752 11.472 11.208 11.472 10.536C11.472 9.768 11.7333 9.16533 12.256 8.728C12.7893 8.29067 13.52 8.072 14.448 8.072H15.152C16.0053 8.072 16.6987 8.28533 17.232 8.712C17.776 9.128 18.0693 9.67733 18.112 10.36H16.656C16.6347 10.0507 16.4853 9.79467 16.208 9.592C15.9413 9.38933 15.5893 9.288 15.152 9.288H14.448C13.9573 9.288 13.5733 9.4 13.296 9.624C13.0187 9.848 12.88 10.152 12.88 10.536C12.88 10.8347 12.9493 11.0747 13.088 11.256C13.2373 11.4373 13.4507 11.5493 13.728 11.592L16 11.912C16.7467 12.0187 17.3067 12.2907 17.68 12.728C18.0533 13.1653 18.24 13.768 18.24 14.536C18.24 15.3573 17.968 15.9973 17.424 16.456C16.8907 16.904 16.1333 17.128 15.152 17.128H14.448Z",
30
+ fill: "currentcolor"
31
+ })));
32
+ };
package/dist/es2019/index.js CHANGED
@@ -49,6 +49,7 @@ export { PinnedIcon } from './ui/icons/PinnedIcon';
49
49
  export { QuoteIcon } from './ui/icons/QuoteIcon';
50
50
  export { TextColorIcon } from './ui/icons/TextColorIcon';
51
51
  export { TextIcon } from './ui/icons/TextIcon';
52
+ export { TextSmallIcon } from './ui/icons/TextSmallIcon';
52
53
  export { ClearFormattingIcon } from './ui/icons/ClearFormattingIcon';
53
54
  export { UnderlineIcon } from './ui/icons/UnderlineIcon';
54
55
  export { StrikeThroughIcon } from './ui/icons/StrikeThroughIcon';
package/dist/es2019/ui/ColorPalette/Color.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
package/dist/es2019/ui/ColorPalette/Color.js CHANGED
@@ -57,7 +57,7 @@ export const Color = /*#__PURE__*/memo(({
57
57
  border: `${"var(--ds-border-width, 1px)"} solid ${borderColor}`
58
58
  },
59
59
  autoFocus: autoFocus,
60
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
60
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
61
61
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
62
62
  color: checkMarkColor,
63
63
  label: ""
package/dist/es2019/ui/icons/TextSmallIcon.js ADDED
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+
3
+ /**
4
+ * This is just a temporary icon to be replaced with an icon from @atlaskit/icon-lab, currently the icon is not available in @atlaskit/icon-lab.
5
+ */
6
+ export const TextSmallIcon = ({
7
+ size
8
+ }) => {
9
+ const dimension = size === 'small' ? 12 : 16;
10
+ return /*#__PURE__*/React.createElement("svg", {
11
+ width: dimension,
12
+ height: dimension,
13
+ viewBox: "0 0 16 16",
14
+ fill: "none",
15
+ role: "presentation"
16
+ }, /*#__PURE__*/React.createElement("g", {
17
+ transform: "translate(-1.614, -1.561) scale(0.95)"
18
+ }, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ clipRule: "evenodd",
21
+ d: "M6.8125 4.5H2V3H13V4.5H8.3125V17H6.8125V4.5Z",
22
+ fill: "currentcolor"
23
+ }), /*#__PURE__*/React.createElement("path", {
24
+ d: "M14.448 17.128C13.7973 17.128 13.2373 17.032 12.768 16.84C12.3093 16.6373 11.9573 16.3493 11.712 15.976C11.4773 15.592 11.36 15.128 11.36 14.584H12.8C12.8 14.9893 12.944 15.3093 13.232 15.544C13.52 15.768 13.9253 15.88 14.448 15.88H15.152C15.6853 15.88 16.096 15.7627 16.384 15.528C16.6827 15.2933 16.832 14.9627 16.832 14.536C16.832 14.152 16.7467 13.8533 16.576 13.64C16.4053 13.4267 16.144 13.2987 15.792 13.256L13.36 12.904C12.7627 12.8187 12.2987 12.5733 11.968 12.168C11.6373 11.752 11.472 11.208 11.472 10.536C11.472 9.768 11.7333 9.16533 12.256 8.728C12.7893 8.29067 13.52 8.072 14.448 8.072H15.152C16.0053 8.072 16.6987 8.28533 17.232 8.712C17.776 9.128 18.0693 9.67733 18.112 10.36H16.656C16.6347 10.0507 16.4853 9.79467 16.208 9.592C15.9413 9.38933 15.5893 9.288 15.152 9.288H14.448C13.9573 9.288 13.5733 9.4 13.296 9.624C13.0187 9.848 12.88 10.152 12.88 10.536C12.88 10.8347 12.9493 11.0747 13.088 11.256C13.2373 11.4373 13.4507 11.5493 13.728 11.592L16 11.912C16.7467 12.0187 17.3067 12.2907 17.68 12.728C18.0533 13.1653 18.24 13.768 18.24 14.536C18.24 15.3573 17.968 15.9973 17.424 16.456C16.8907 16.904 16.1333 17.128 15.152 17.128H14.448Z",
25
+ fill: "currentcolor"
26
+ })));
27
+ };
package/dist/esm/index.js CHANGED
@@ -49,6 +49,7 @@ export { PinnedIcon } from './ui/icons/PinnedIcon';
49
49
  export { QuoteIcon } from './ui/icons/QuoteIcon';
50
50
  export { TextColorIcon } from './ui/icons/TextColorIcon';
51
51
  export { TextIcon } from './ui/icons/TextIcon';
52
+ export { TextSmallIcon } from './ui/icons/TextSmallIcon';
52
53
  export { ClearFormattingIcon } from './ui/icons/ClearFormattingIcon';
53
54
  export { UnderlineIcon } from './ui/icons/UnderlineIcon';
54
55
  export { StrikeThroughIcon } from './ui/icons/StrikeThroughIcon';
package/dist/esm/ui/ColorPalette/Color.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._1h6d1j28{border-color:transparent}
6
6
  ._19bvidpf{padding-left:0}
7
7
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
8
- ._1bsbcr4y{width:var(--ds-space-300,26px)}
8
+ ._1bsb1ejb{width:var(--ds-space-300,24px)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._1e0c1ule{display:block}
11
11
  ._4cvr1h6o{align-items:center}
12
- ._4t3icr4y{height:var(--ds-space-300,26px)}
12
+ ._4t3i1ejb{height:var(--ds-space-300,24px)}
13
13
  ._80omtlke{cursor:pointer}
14
14
  ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
package/dist/esm/ui/ColorPalette/Color.js CHANGED
@@ -57,7 +57,7 @@ export var Color = /*#__PURE__*/memo(function (_ref) {
57
57
  border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
58
58
  },
59
59
  autoFocus: autoFocus,
60
- className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3icr4y _1bsbcr4y _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
60
+ className: ax(["_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _2rko12b0 _19it1ps9 _4t3i1ejb _1bsb1ejb _bfhki8nm _80omtlke _1e0c1ule _kqswh2mm _y2mvdfik _1bg4v77o"])
61
61
  }, !decorator && isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
62
62
  color: checkMarkColor,
63
63
  label: ""
package/dist/esm/ui/icons/TextSmallIcon.js ADDED
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+
3
+ /**
4
+ * This is just a temporary icon to be replaced with an icon from @atlaskit/icon-lab, currently the icon is not available in @atlaskit/icon-lab.
5
+ */
6
+ export var TextSmallIcon = function TextSmallIcon(_ref) {
7
+ var size = _ref.size;
8
+ var dimension = size === 'small' ? 12 : 16;
9
+ return /*#__PURE__*/React.createElement("svg", {
10
+ width: dimension,
11
+ height: dimension,
12
+ viewBox: "0 0 16 16",
13
+ fill: "none",
14
+ role: "presentation"
15
+ }, /*#__PURE__*/React.createElement("g", {
16
+ transform: "translate(-1.614, -1.561) scale(0.95)"
17
+ }, /*#__PURE__*/React.createElement("path", {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M6.8125 4.5H2V3H13V4.5H8.3125V17H6.8125V4.5Z",
21
+ fill: "currentcolor"
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ d: "M14.448 17.128C13.7973 17.128 13.2373 17.032 12.768 16.84C12.3093 16.6373 11.9573 16.3493 11.712 15.976C11.4773 15.592 11.36 15.128 11.36 14.584H12.8C12.8 14.9893 12.944 15.3093 13.232 15.544C13.52 15.768 13.9253 15.88 14.448 15.88H15.152C15.6853 15.88 16.096 15.7627 16.384 15.528C16.6827 15.2933 16.832 14.9627 16.832 14.536C16.832 14.152 16.7467 13.8533 16.576 13.64C16.4053 13.4267 16.144 13.2987 15.792 13.256L13.36 12.904C12.7627 12.8187 12.2987 12.5733 11.968 12.168C11.6373 11.752 11.472 11.208 11.472 10.536C11.472 9.768 11.7333 9.16533 12.256 8.728C12.7893 8.29067 13.52 8.072 14.448 8.072H15.152C16.0053 8.072 16.6987 8.28533 17.232 8.712C17.776 9.128 18.0693 9.67733 18.112 10.36H16.656C16.6347 10.0507 16.4853 9.79467 16.208 9.592C15.9413 9.38933 15.5893 9.288 15.152 9.288H14.448C13.9573 9.288 13.5733 9.4 13.296 9.624C13.0187 9.848 12.88 10.152 12.88 10.536C12.88 10.8347 12.9493 11.0747 13.088 11.256C13.2373 11.4373 13.4507 11.5493 13.728 11.592L16 11.912C16.7467 12.0187 17.3067 12.2907 17.68 12.728C18.0533 13.1653 18.24 13.768 18.24 14.536C18.24 15.3573 17.968 15.9973 17.424 16.456C16.8907 16.904 16.1333 17.128 15.152 17.128H14.448Z",
24
+ fill: "currentcolor"
25
+ })));
26
+ };
package/dist/types/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export { PinnedIcon } from './ui/icons/PinnedIcon';
48
48
  export { QuoteIcon } from './ui/icons/QuoteIcon';
49
49
  export { TextColorIcon } from './ui/icons/TextColorIcon';
50
50
  export { TextIcon } from './ui/icons/TextIcon';
51
+ export { TextSmallIcon } from './ui/icons/TextSmallIcon';
51
52
  export { ClearFormattingIcon } from './ui/icons/ClearFormattingIcon';
52
53
  export { UnderlineIcon } from './ui/icons/UnderlineIcon';
53
54
  export { StrikeThroughIcon } from './ui/icons/StrikeThroughIcon';
package/dist/types/ui/icons/TextSmallIcon.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ /**
3
+ * This is just a temporary icon to be replaced with an icon from @atlaskit/icon-lab, currently the icon is not available in @atlaskit/icon-lab.
4
+ */
5
+ export declare const TextSmallIcon: ({ size }: {
6
+ label?: string;
7
+ size?: string;
8
+ }) => React.JSX.Element;
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -48,6 +48,7 @@ export { PinnedIcon } from './ui/icons/PinnedIcon';
48
48
  export { QuoteIcon } from './ui/icons/QuoteIcon';
49
49
  export { TextColorIcon } from './ui/icons/TextColorIcon';
50
50
  export { TextIcon } from './ui/icons/TextIcon';
51
+ export { TextSmallIcon } from './ui/icons/TextSmallIcon';
51
52
  export { ClearFormattingIcon } from './ui/icons/ClearFormattingIcon';
52
53
  export { UnderlineIcon } from './ui/icons/UnderlineIcon';
53
54
  export { StrikeThroughIcon } from './ui/icons/StrikeThroughIcon';
package/dist/types-ts4.5/ui/icons/TextSmallIcon.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ /**
3
+ * This is just a temporary icon to be replaced with an icon from @atlaskit/icon-lab, currently the icon is not available in @atlaskit/icon-lab.
4
+ */
5
+ export declare const TextSmallIcon: ({ size }: {
6
+ label?: string;
7
+ size?: string;
8
+ }) => React.JSX.Element;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.20.6",
6
+ "version": "0.20.8",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
31
31
  "@atlaskit/popup": "^4.14.0",
32
32
  "@atlaskit/primitives": "^18.0.0",
33
- "@atlaskit/tmp-editor-statsig": "^44.0.0",
33
+ "@atlaskit/tmp-editor-statsig": "^44.2.0",
34
34
  "@atlaskit/tokens": "^11.1.0",
35
35
  "@atlaskit/tooltip": "^21.0.0",
36
36
  "@babel/runtime": "^7.0.0",