@atlaskit/task-decision 17.2.3 → 17.2.4

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 (11) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/styled/Placeholder.js +2 -2
  3. package/dist/cjs/styled/TaskItem.js +3 -3
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/styled/Placeholder.js +3 -3
  6. package/dist/es2019/styled/TaskItem.js +4 -4
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/styled/Placeholder.js +3 -3
  9. package/dist/esm/styled/TaskItem.js +4 -4
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/task-decision
2
2
 
3
+ ## 17.2.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`35611ad44a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35611ad44a5) - AK-601 Changed checkbox colors to meet minimum contrast requirements
8
+ - [`544dc89eb9e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/544dc89eb9e) - import more contrast color for text in decisions list
9
+
3
10
  ## 17.2.3
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/styled/Placeholder.js CHANGED
@@ -15,8 +15,8 @@ var _colors = require("@atlaskit/theme/colors");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Placeholder = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: ", "\n position: absolute;\n color: ", ";\n pointer-events: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: calc(100% - 50px);\n"])), function (props) {
18
+ var Placeholder = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: ", ";\n position: absolute;\n color: ", ";\n pointer-events: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: calc(100% - 50px);\n"])), function (props) {
19
19
  return "0 0 0 ".concat(props.offset, "px;");
20
- }, _colors.N80);
20
+ }, _colors.N100);
21
21
 
22
22
  exports.Placeholder = Placeholder;
package/dist/cjs/styled/TaskItem.js CHANGED
@@ -21,10 +21,10 @@ var _templateObject;
21
21
 
22
22
  var CheckBoxWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n position: relative;\n align-self: start;\n margin: 4px ", "px 0 0;\n\n & > input[type='checkbox'] {\n position: absolute;\n outline: none;\n margin: 0;\n opacity: 0;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n\n + label {\n box-sizing: border-box;\n display: block;\n position: relative;\n width: 100%;\n cursor: pointer;\n\n &::after {\n background: ", "\n background-size: 16px;\n border-radius: 3px;\n border-style: solid;\n border-width: 1px;\n border-color: ", "\n box-sizing: border-box;\n content: '';\n height: 16px;\n left: 50%;\n position: absolute;\n transition: border-color 0.2s ease-in-out;\n top: 8px;\n width: 16px;\n transform: translate(-50%, -50%);\n }\n }\n &:not([disabled]) + label:hover::after {\n background: ", "\n transition: border 0.2s ease-in-out;\n }\n &[disabled] + label {\n opacity: 0.5;\n cursor: default;\n }\n &:checked {\n + label::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n border: 0;\n border-color: transparent;\n border-radius: 0; /* FS-1392 */\n }\n &:not([disabled]) + label:hover::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n }\n }\n }\n"])), (0, _constants.gridSize)(), (0, _components.themed)({
23
23
  light: _colors.N0,
24
- dark: _colors.DN80
24
+ dark: _colors.DN100
25
25
  }), (0, _components.themed)({
26
- light: _colors.N50,
27
- dark: _colors.DN90
26
+ light: _colors.N90,
27
+ dark: _colors.DN200
28
28
  }), (0, _components.themed)({
29
29
  light: _colors.N30,
30
30
  dark: _colors.B75
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.2.3",
3
+ "version": "17.2.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styled/Placeholder.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import styled from 'styled-components'; // @ts-ignore: unused variable
2
2
  // prettier-ignore
3
3
 
4
- import { N80 } from '@atlaskit/theme/colors';
4
+ import { N100 } from '@atlaskit/theme/colors';
5
5
  export const Placeholder = styled.span`
6
- margin: ${props => `0 0 0 ${props.offset}px;`}
6
+ margin: ${props => `0 0 0 ${props.offset}px;`};
7
7
  position: absolute;
8
- color: ${N80};
8
+ color: ${N100};
9
9
  pointer-events: none;
10
10
  text-overflow: ellipsis;
11
11
  overflow: hidden;
package/dist/es2019/styled/TaskItem.js CHANGED
@@ -3,7 +3,7 @@ import styled from 'styled-components'; // @ts-ignore: unused variable
3
3
 
4
4
  import { themed } from '@atlaskit/theme/components';
5
5
  import { gridSize } from '@atlaskit/theme/constants';
6
- import { N0, DN80, N50, DN90, N30, B75 } from '@atlaskit/theme/colors';
6
+ import { N0, DN100, DN200, N30, N90, B75 } from '@atlaskit/theme/colors';
7
7
  export const CheckBoxWrapper = styled.span`
8
8
  flex: 0 0 16px;
9
9
  width: 16px;
@@ -31,15 +31,15 @@ export const CheckBoxWrapper = styled.span`
31
31
  &::after {
32
32
  background: ${themed({
33
33
  light: N0,
34
- dark: DN80
34
+ dark: DN100
35
35
  })}
36
36
  background-size: 16px;
37
37
  border-radius: 3px;
38
38
  border-style: solid;
39
39
  border-width: 1px;
40
40
  border-color: ${themed({
41
- light: N50,
42
- dark: DN90
41
+ light: N90,
42
+ dark: DN200
43
43
  })}
44
44
  box-sizing: border-box;
45
45
  content: '';
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.2.3",
3
+ "version": "17.2.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styled/Placeholder.js CHANGED
@@ -5,7 +5,7 @@ var _templateObject;
5
5
  import styled from 'styled-components'; // @ts-ignore: unused variable
6
6
  // prettier-ignore
7
7
 
8
- import { N80 } from '@atlaskit/theme/colors';
9
- export var Placeholder = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: ", "\n position: absolute;\n color: ", ";\n pointer-events: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: calc(100% - 50px);\n"])), function (props) {
8
+ import { N100 } from '@atlaskit/theme/colors';
9
+ export var Placeholder = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: ", ";\n position: absolute;\n color: ", ";\n pointer-events: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n max-width: calc(100% - 50px);\n"])), function (props) {
10
10
  return "0 0 0 ".concat(props.offset, "px;");
11
- }, N80);
11
+ }, N100);
package/dist/esm/styled/TaskItem.js CHANGED
@@ -7,13 +7,13 @@ import styled from 'styled-components'; // @ts-ignore: unused variable
7
7
 
8
8
  import { themed } from '@atlaskit/theme/components';
9
9
  import { gridSize } from '@atlaskit/theme/constants';
10
- import { N0, DN80, N50, DN90, N30, B75 } from '@atlaskit/theme/colors';
10
+ import { N0, DN100, DN200, N30, N90, B75 } from '@atlaskit/theme/colors';
11
11
  export var CheckBoxWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n position: relative;\n align-self: start;\n margin: 4px ", "px 0 0;\n\n & > input[type='checkbox'] {\n position: absolute;\n outline: none;\n margin: 0;\n opacity: 0;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n\n + label {\n box-sizing: border-box;\n display: block;\n position: relative;\n width: 100%;\n cursor: pointer;\n\n &::after {\n background: ", "\n background-size: 16px;\n border-radius: 3px;\n border-style: solid;\n border-width: 1px;\n border-color: ", "\n box-sizing: border-box;\n content: '';\n height: 16px;\n left: 50%;\n position: absolute;\n transition: border-color 0.2s ease-in-out;\n top: 8px;\n width: 16px;\n transform: translate(-50%, -50%);\n }\n }\n &:not([disabled]) + label:hover::after {\n background: ", "\n transition: border 0.2s ease-in-out;\n }\n &[disabled] + label {\n opacity: 0.5;\n cursor: default;\n }\n &:checked {\n + label::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n border: 0;\n border-color: transparent;\n border-radius: 0; /* FS-1392 */\n }\n &:not([disabled]) + label:hover::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n }\n }\n }\n"])), gridSize(), themed({
12
12
  light: N0,
13
- dark: DN80
13
+ dark: DN100
14
14
  }), themed({
15
- light: N50,
16
- dark: DN90
15
+ light: N90,
16
+ dark: DN200
17
17
  }), themed({
18
18
  light: N30,
19
19
  dark: B75
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.2.3",
3
+ "version": "17.2.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.2.3",
3
+ "version": "17.2.4",
4
4
  "description": "Tasks and decisions react components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,10 +44,10 @@
44
44
  "@atlaskit/analytics-listeners": "^8.0.0",
45
45
  "@atlaskit/avatar": "^20.5.0",
46
46
  "@atlaskit/docs": "*",
47
- "@atlaskit/editor-common": "^60.1.0",
47
+ "@atlaskit/editor-common": "^61.0.0",
48
48
  "@atlaskit/elements-test-helpers": "^0.7.0",
49
- "@atlaskit/renderer": "^81.1.0",
50
- "@atlaskit/util-data-test": "^16.0.0",
49
+ "@atlaskit/renderer": "^83.0.0",
50
+ "@atlaskit/util-data-test": "^17.0.0",
51
51
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
52
52
  "@types/url-search-params": "^0.10.0",
53
53
  "date-fns": "^2.17.0",