@atlaskit/task-decision 17.10.5 → 17.11.0

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/components/DecisionItem.js +8 -7
  3. package/dist/cjs/components/TaskItem.js +4 -2
  4. package/dist/es2019/components/DecisionItem.js +7 -6
  5. package/dist/es2019/components/TaskItem.js +3 -1
  6. package/dist/esm/components/DecisionItem.js +7 -6
  7. package/dist/esm/components/TaskItem.js +3 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/task-decision
2
2
 
3
+ ## 17.11.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#144209](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144209)
8
+ [`8a016767c9e26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8a016767c9e26) -
9
+ [ux] Enable new icons behind a feature flag.
10
+
3
11
  ## 17.10.5
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/DecisionItem.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = require("@emotion/react");
9
- var _decision = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/decision"));
9
+ var _decisionEditorDecision = _interopRequireDefault(require("@atlaskit/icon/core/migration/decision--editor-decision"));
10
10
  var _Item = _interopRequireDefault(require("./Item"));
11
11
  /**
12
12
  * @jsxRuntime classic
@@ -23,10 +23,9 @@ var iconStyles = function iconStyles(showPlaceholder) {
23
23
  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
25
  color: showPlaceholder ? "var(--ds-icon-subtle, #626F86)" : "var(--ds-icon-success, #22A06B)",
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
- '> span': {
28
- margin: "var(--ds-space-negative-100, -8px)"
29
- }
26
+ display: 'flex',
27
+ alignItems: 'center',
28
+ justifyContent: 'center'
30
29
  });
31
30
  };
32
31
  var DecisionItem = function DecisionItem(_ref) {
@@ -41,9 +40,11 @@ var DecisionItem = function DecisionItem(_ref) {
41
40
  (0, _react.jsx)("span", {
42
41
  contentEditable: false,
43
42
  css: iconStyles(showPlaceholder)
44
- }, (0, _react.jsx)(_decision.default, {
43
+ }, (0, _react.jsx)(_decisionEditorDecision.default, {
45
44
  label: "Decision",
46
- size: "large"
45
+ spacing: "spacious",
46
+ color: "currentColor",
47
+ LEGACY_size: "large"
47
48
  }));
48
49
  return (0, _react.jsx)(_Item.default, {
49
50
  appearance: appearance,
package/dist/cjs/components/TaskItem.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _react2 = require("@emotion/react");
11
- var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
11
+ var _checkboxCheckedCheckbox = _interopRequireDefault(require("@atlaskit/icon/core/migration/checkbox-checked--checkbox"));
12
12
  var _Item = _interopRequireDefault(require("./Item"));
13
13
  var _analyticsNext = require("@atlaskit/analytics-next");
14
14
  var _analytics = require("../analytics");
@@ -90,7 +90,9 @@ var TaskItem = function TaskItem(props) {
90
90
  suppressHydrationWarning: true,
91
91
  onKeyPress: handleOnKeyPress,
92
92
  ref: inputRef
93
- }), (0, _react2.jsx)(_checkbox.default, {
93
+ }), (0, _react2.jsx)(_checkboxCheckedCheckbox.default, {
94
+ color: "currentColor",
95
+ spacing: "spacious",
94
96
  label: ""
95
97
  }));
96
98
  _react.default.useEffect(function () {
package/dist/es2019/components/DecisionItem.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
8
- import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
8
+ import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
9
9
  import Item from './Item';
10
10
  const iconStyles = showPlaceholder => {
11
11
  return css({
@@ -15,10 +15,9 @@ const iconStyles = showPlaceholder => {
15
15
  margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-150, 12px)"} 0 0`,
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
17
  color: showPlaceholder ? "var(--ds-icon-subtle, #626F86)" : "var(--ds-icon-success, #22A06B)",
18
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
19
- '> span': {
20
- margin: "var(--ds-space-negative-100, -8px)"
21
- }
18
+ display: 'flex',
19
+ alignItems: 'center',
20
+ justifyContent: 'center'
22
21
  });
23
22
  };
24
23
  const DecisionItem = ({
@@ -36,7 +35,9 @@ const DecisionItem = ({
36
35
  css: iconStyles(showPlaceholder)
37
36
  }, jsx(DecisionIcon, {
38
37
  label: "Decision",
39
- size: "large"
38
+ spacing: "spacious",
39
+ color: "currentColor",
40
+ LEGACY_size: "large"
40
41
  }));
41
42
  return jsx(Item, {
42
43
  appearance: appearance,
package/dist/es2019/components/TaskItem.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import React, { useMemo, useRef } from 'react';
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { jsx } from '@emotion/react';
8
- import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
8
+ import CheckboxIcon from '@atlaskit/icon/core/migration/checkbox-checked--checkbox';
9
9
  import Item from './Item';
10
10
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
11
11
  import { createAndFireEventInElementsChannel } from '../analytics';
@@ -75,6 +75,8 @@ const TaskItem = props => {
75
75
  onKeyPress: handleOnKeyPress,
76
76
  ref: inputRef
77
77
  }), jsx(CheckboxIcon, {
78
+ color: "currentColor",
79
+ spacing: "spacious",
78
80
  label: ""
79
81
  }));
80
82
  React.useEffect(() => {
package/dist/esm/components/DecisionItem.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
8
- import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
8
+ import DecisionIcon from '@atlaskit/icon/core/migration/decision--editor-decision';
9
9
  import Item from './Item';
10
10
  var iconStyles = function iconStyles(showPlaceholder) {
11
11
  return css({
@@ -15,10 +15,9 @@ var iconStyles = function iconStyles(showPlaceholder) {
15
15
  margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
17
  color: showPlaceholder ? "var(--ds-icon-subtle, #626F86)" : "var(--ds-icon-success, #22A06B)",
18
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
19
- '> span': {
20
- margin: "var(--ds-space-negative-100, -8px)"
21
- }
18
+ display: 'flex',
19
+ alignItems: 'center',
20
+ justifyContent: 'center'
22
21
  });
23
22
  };
24
23
  var DecisionItem = function DecisionItem(_ref) {
@@ -35,7 +34,9 @@ var DecisionItem = function DecisionItem(_ref) {
35
34
  css: iconStyles(showPlaceholder)
36
35
  }, jsx(DecisionIcon, {
37
36
  label: "Decision",
38
- size: "large"
37
+ spacing: "spacious",
38
+ color: "currentColor",
39
+ LEGACY_size: "large"
39
40
  }));
40
41
  return jsx(Item, {
41
42
  appearance: appearance,
package/dist/esm/components/TaskItem.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import React, { useMemo, useRef } from 'react';
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { jsx } from '@emotion/react';
8
- import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
8
+ import CheckboxIcon from '@atlaskit/icon/core/migration/checkbox-checked--checkbox';
9
9
  import Item from './Item';
10
10
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
11
11
  import { createAndFireEventInElementsChannel } from '../analytics';
@@ -79,6 +79,8 @@ var TaskItem = function TaskItem(props) {
79
79
  onKeyPress: handleOnKeyPress,
80
80
  ref: inputRef
81
81
  }), jsx(CheckboxIcon, {
82
+ color: "currentColor",
83
+ spacing: "spacious",
82
84
  label: ""
83
85
  }));
84
86
  React.useEffect(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.10.5",
3
+ "version": "17.11.0",
4
4
  "description": "Tasks and decisions react components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/analytics-next": "^10.1.0",
44
44
  "@atlaskit/icon": "^22.18.0",
45
45
  "@atlaskit/theme": "^13.0.0",
46
- "@atlaskit/tokens": "^1.60.0",
46
+ "@atlaskit/tokens": "^1.61.0",
47
47
  "@atlaskit/util-service-support": "^6.2.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",