@atlaskit/color-picker 3.2.8 → 3.2.9
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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/components/ColorCard.js +8 -4
- package/dist/cjs/components/ColorPaletteMenu.js +2 -2
- package/dist/cjs/components/ColorPicker.js +1 -1
- package/dist/es2019/components/ColorCard.js +8 -4
- package/dist/es2019/components/ColorPaletteMenu.js +2 -2
- package/dist/es2019/components/ColorPicker.js +1 -1
- package/dist/esm/components/ColorCard.js +8 -4
- package/dist/esm/components/ColorPaletteMenu.js +2 -2
- package/dist/esm/components/ColorPicker.js +1 -1
- package/package.json +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/color-picker
|
|
2
2
|
|
|
3
|
+
## 3.2.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#91588](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91588) [`464adc72109c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/464adc72109c) - removed duplicate label annoucements for screen reader users at ColorPaletteMenu component
|
|
8
|
+
|
|
3
9
|
## 3.2.8
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -71,8 +71,10 @@ var ColorCard = function ColorCard(props) {
|
|
|
71
71
|
onMouseDown: handleMouseDown,
|
|
72
72
|
onKeyDown: handleKeyDown,
|
|
73
73
|
role: "radio",
|
|
74
|
-
"aria-checked": selected
|
|
75
|
-
|
|
74
|
+
"aria-checked": selected
|
|
75
|
+
}, !(0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
76
|
+
'aria-label': label
|
|
77
|
+
}, {
|
|
76
78
|
tabIndex: 0
|
|
77
79
|
}, (0, _platformFeatureFlags.getBooleanFF)('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
78
80
|
ref: ref
|
|
@@ -96,8 +98,10 @@ var ColorCard = function ColorCard(props) {
|
|
|
96
98
|
onMouseDown: handleMouseDown,
|
|
97
99
|
onKeyDown: handleKeyDown,
|
|
98
100
|
role: "radio",
|
|
99
|
-
"aria-checked": selected
|
|
100
|
-
|
|
101
|
+
"aria-checked": selected
|
|
102
|
+
}, !(0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
103
|
+
'aria-label': label
|
|
104
|
+
}, {
|
|
101
105
|
tabIndex: 0
|
|
102
106
|
}, (0, _platformFeatureFlags.getBooleanFF)('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
103
107
|
ref: ref
|
|
@@ -36,7 +36,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
36
36
|
attributes: {
|
|
37
37
|
componentName: 'color-picker',
|
|
38
38
|
packageName: "@atlaskit/color-picker",
|
|
39
|
-
packageVersion: "3.2.
|
|
39
|
+
packageVersion: "3.2.9"
|
|
40
40
|
}
|
|
41
41
|
})(createAnalyticsEvent);
|
|
42
42
|
}
|
|
@@ -78,7 +78,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
78
78
|
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
79
79
|
componentName: 'color-picker',
|
|
80
80
|
packageName: "@atlaskit/color-picker",
|
|
81
|
-
packageVersion: "3.2.
|
|
81
|
+
packageVersion: "3.2.9"
|
|
82
82
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
|
|
83
83
|
var colorCardWrapperStylesOld = (0, _react.css)({
|
|
84
84
|
display: 'flex',
|
|
@@ -38,7 +38,7 @@ var defaultPopperProps = {
|
|
|
38
38
|
placement: 'bottom-start'
|
|
39
39
|
};
|
|
40
40
|
var packageName = "@atlaskit/color-picker";
|
|
41
|
-
var packageVersion = "3.2.
|
|
41
|
+
var packageVersion = "3.2.9";
|
|
42
42
|
var ColorPickerWithoutAnalytics = exports.ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
43
43
|
(0, _inherits2.default)(ColorPickerWithoutAnalytics, _React$Component);
|
|
44
44
|
var _super = _createSuper(ColorPickerWithoutAnalytics);
|
|
@@ -64,8 +64,10 @@ const ColorCard = props => {
|
|
|
64
64
|
onMouseDown: handleMouseDown,
|
|
65
65
|
onKeyDown: handleKeyDown,
|
|
66
66
|
role: "radio",
|
|
67
|
-
"aria-checked": selected
|
|
68
|
-
|
|
67
|
+
"aria-checked": selected
|
|
68
|
+
}, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
69
|
+
'aria-label': label
|
|
70
|
+
}, {
|
|
69
71
|
tabIndex: 0
|
|
70
72
|
}, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
71
73
|
ref: ref
|
|
@@ -89,8 +91,10 @@ const ColorCard = props => {
|
|
|
89
91
|
onMouseDown: handleMouseDown,
|
|
90
92
|
onKeyDown: handleKeyDown,
|
|
91
93
|
role: "radio",
|
|
92
|
-
"aria-checked": selected
|
|
93
|
-
|
|
94
|
+
"aria-checked": selected
|
|
95
|
+
}, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
96
|
+
'aria-label': label
|
|
97
|
+
}, {
|
|
94
98
|
tabIndex: 0
|
|
95
99
|
}, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
96
100
|
ref: ref
|
|
@@ -26,7 +26,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
26
26
|
attributes: {
|
|
27
27
|
componentName: 'color-picker',
|
|
28
28
|
packageName: "@atlaskit/color-picker",
|
|
29
|
-
packageVersion: "3.2.
|
|
29
|
+
packageVersion: "3.2.9"
|
|
30
30
|
}
|
|
31
31
|
})(createAnalyticsEvent);
|
|
32
32
|
}
|
|
@@ -68,7 +68,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
68
68
|
export default withAnalyticsContext({
|
|
69
69
|
componentName: 'color-picker',
|
|
70
70
|
packageName: "@atlaskit/color-picker",
|
|
71
|
-
packageVersion: "3.2.
|
|
71
|
+
packageVersion: "3.2.9"
|
|
72
72
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
73
73
|
const colorCardWrapperStylesOld = css({
|
|
74
74
|
display: 'flex',
|
|
@@ -21,7 +21,7 @@ const defaultPopperProps = {
|
|
|
21
21
|
placement: 'bottom-start'
|
|
22
22
|
};
|
|
23
23
|
const packageName = "@atlaskit/color-picker";
|
|
24
|
-
const packageVersion = "3.2.
|
|
24
|
+
const packageVersion = "3.2.9";
|
|
25
25
|
export class ColorPickerWithoutAnalytics extends React.Component {
|
|
26
26
|
constructor(...args) {
|
|
27
27
|
super(...args);
|
|
@@ -60,8 +60,10 @@ var ColorCard = function ColorCard(props) {
|
|
|
60
60
|
onMouseDown: handleMouseDown,
|
|
61
61
|
onKeyDown: handleKeyDown,
|
|
62
62
|
role: "radio",
|
|
63
|
-
"aria-checked": selected
|
|
64
|
-
|
|
63
|
+
"aria-checked": selected
|
|
64
|
+
}, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
65
|
+
'aria-label': label
|
|
66
|
+
}, {
|
|
65
67
|
tabIndex: 0
|
|
66
68
|
}, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
67
69
|
ref: ref
|
|
@@ -85,8 +87,10 @@ var ColorCard = function ColorCard(props) {
|
|
|
85
87
|
onMouseDown: handleMouseDown,
|
|
86
88
|
onKeyDown: handleKeyDown,
|
|
87
89
|
role: "radio",
|
|
88
|
-
"aria-checked": selected
|
|
89
|
-
|
|
90
|
+
"aria-checked": selected
|
|
91
|
+
}, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
|
|
92
|
+
'aria-label': label
|
|
93
|
+
}, {
|
|
90
94
|
tabIndex: 0
|
|
91
95
|
}, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
|
|
92
96
|
ref: ref
|
|
@@ -28,7 +28,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
28
28
|
attributes: {
|
|
29
29
|
componentName: 'color-picker',
|
|
30
30
|
packageName: "@atlaskit/color-picker",
|
|
31
|
-
packageVersion: "3.2.
|
|
31
|
+
packageVersion: "3.2.9"
|
|
32
32
|
}
|
|
33
33
|
})(createAnalyticsEvent);
|
|
34
34
|
}
|
|
@@ -70,7 +70,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
70
70
|
export default withAnalyticsContext({
|
|
71
71
|
componentName: 'color-picker',
|
|
72
72
|
packageName: "@atlaskit/color-picker",
|
|
73
|
-
packageVersion: "3.2.
|
|
73
|
+
packageVersion: "3.2.9"
|
|
74
74
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
75
75
|
var colorCardWrapperStylesOld = css({
|
|
76
76
|
display: 'flex',
|
|
@@ -29,7 +29,7 @@ var defaultPopperProps = {
|
|
|
29
29
|
placement: 'bottom-start'
|
|
30
30
|
};
|
|
31
31
|
var packageName = "@atlaskit/color-picker";
|
|
32
|
-
var packageVersion = "3.2.
|
|
32
|
+
var packageVersion = "3.2.9";
|
|
33
33
|
export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
34
34
|
_inherits(ColorPickerWithoutAnalytics, _React$Component);
|
|
35
35
|
var _super = _createSuper(ColorPickerWithoutAnalytics);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/color-picker",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.9",
|
|
4
4
|
"description": "Jira Color Picker Component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -83,6 +83,9 @@
|
|
|
83
83
|
},
|
|
84
84
|
"platform.design-tokens-color-picker-portfolio-plan-wizard_w8rcl": {
|
|
85
85
|
"type": "boolean"
|
|
86
|
+
},
|
|
87
|
+
"platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i": {
|
|
88
|
+
"type": "boolean"
|
|
86
89
|
}
|
|
87
90
|
}
|
|
88
91
|
}
|