@atlaskit/color-picker 5.2.12 → 5.2.13
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 +2 -2
- package/dist/cjs/components/ColorPaletteMenu.js +2 -1
- package/dist/cjs/components/ColorPicker.js +3 -2
- package/dist/cjs/components/Trigger.compiled.css +9 -5
- package/dist/cjs/components/Trigger.js +1 -1
- package/dist/cjs/components/components.js +1 -1
- package/dist/es2019/components/ColorCard.js +2 -2
- package/dist/es2019/components/ColorPaletteMenu.js +2 -1
- package/dist/es2019/components/ColorPicker.js +3 -1
- package/dist/es2019/components/Trigger.compiled.css +9 -5
- package/dist/es2019/components/Trigger.js +1 -1
- package/dist/es2019/components/components.js +1 -1
- package/dist/esm/components/ColorCard.js +2 -2
- package/dist/esm/components/ColorPaletteMenu.js +2 -1
- package/dist/esm/components/ColorPicker.js +3 -1
- package/dist/esm/components/Trigger.compiled.css +9 -5
- package/dist/esm/components/Trigger.js +1 -1
- package/dist/esm/components/components.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorCard.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -91,7 +91,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
|
|
|
91
91
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, tooltipProps, {
|
|
92
92
|
ref: initialFocusRef ? (0, _useCallbackRef.mergeRefs)([ref, tooltipProps.ref, initialFocusRef]) : (0, _useCallbackRef.mergeRefs)([ref, tooltipProps.ref]),
|
|
93
93
|
role: role
|
|
94
|
-
// eslint-disable-next-line
|
|
94
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
95
95
|
,
|
|
96
96
|
tabIndex: selected ? 0 : -1,
|
|
97
97
|
"aria-checked": ariaChecked,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -19,6 +19,7 @@ var _utils = require("../utils");
|
|
|
19
19
|
var _constants = require("../constants");
|
|
20
20
|
var _colors = require("@atlaskit/theme/colors");
|
|
21
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
|
+
/// <reference types="node" />
|
|
22
23
|
var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAnalytics(_ref) {
|
|
23
24
|
var _ref$autoFocus = _ref.autoFocus,
|
|
24
25
|
autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -27,7 +27,8 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
27
27
|
var _messages = _interopRequireDefault(require("../messages"));
|
|
28
28
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
29
29
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
30
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /// <reference types="node" />
|
|
31
|
+
// for typing `process`
|
|
31
32
|
var defaultPopperProps = {
|
|
32
33
|
strategy: 'fixed',
|
|
33
34
|
modifiers: [{
|
|
@@ -30,8 +30,12 @@
|
|
|
30
30
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
31
31
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
32
32
|
._vchhusvi{box-sizing:border-box}
|
|
33
|
-
._858u1l4g:focus
|
|
34
|
-
._1hvw1o36:focus
|
|
35
|
-
._49pcglyw:focus
|
|
36
|
-
._nt751r31:focus
|
|
37
|
-
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
33
|
+
._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
|
|
34
|
+
._1hvw1o36:focus{outline-width:medium}
|
|
35
|
+
._49pcglyw:focus{outline-style:none}
|
|
36
|
+
._nt751r31:focus{outline-color:currentColor}
|
|
37
|
+
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
38
|
+
._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
|
|
39
|
+
._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
|
|
40
|
+
._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
|
|
41
|
+
._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorCard.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./ColorCard.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -78,7 +78,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
|
|
|
78
78
|
return /*#__PURE__*/React.createElement("div", _extends({}, tooltipProps, {
|
|
79
79
|
ref: initialFocusRef ? mergeRefs([ref, tooltipProps.ref, initialFocusRef]) : mergeRefs([ref, tooltipProps.ref]),
|
|
80
80
|
role: role
|
|
81
|
-
// eslint-disable-next-line
|
|
81
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
82
82
|
,
|
|
83
83
|
tabIndex: selected ? 0 : -1,
|
|
84
84
|
"aria-checked": ariaChecked,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
/// <reference types="node" />
|
|
2
3
|
import "./ColorPaletteMenu.compiled.css";
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import "./ColorPicker.compiled.css";
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
/// <reference types="node" />
|
|
7
|
+
// for typing `process`
|
|
6
8
|
import React from 'react';
|
|
7
9
|
import { PopupSelect } from '@atlaskit/select';
|
|
8
10
|
import Trigger from './Trigger';
|
|
@@ -30,8 +30,12 @@
|
|
|
30
30
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
31
31
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
32
32
|
._vchhusvi{box-sizing:border-box}
|
|
33
|
-
._858u1l4g:focus
|
|
34
|
-
._1hvw1o36:focus
|
|
35
|
-
._49pcglyw:focus
|
|
36
|
-
._nt751r31:focus
|
|
37
|
-
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
33
|
+
._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
|
|
34
|
+
._1hvw1o36:focus{outline-width:medium}
|
|
35
|
+
._49pcglyw:focus{outline-style:none}
|
|
36
|
+
._nt751r31:focus{outline-color:currentColor}
|
|
37
|
+
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
38
|
+
._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
|
|
39
|
+
._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
|
|
40
|
+
._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
|
|
41
|
+
._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorCard.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./ColorCard.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -82,7 +82,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
|
|
|
82
82
|
return /*#__PURE__*/React.createElement("div", _extends({}, tooltipProps, {
|
|
83
83
|
ref: initialFocusRef ? mergeRefs([ref, tooltipProps.ref, initialFocusRef]) : mergeRefs([ref, tooltipProps.ref]),
|
|
84
84
|
role: role
|
|
85
|
-
// eslint-disable-next-line
|
|
85
|
+
// eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
|
|
86
86
|
,
|
|
87
87
|
tabIndex: selected ? 0 : -1,
|
|
88
88
|
"aria-checked": ariaChecked,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./ColorPaletteMenu.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
+
/// <reference types="node" />
|
|
6
7
|
import { useState, useCallback, useEffect, useMemo } from 'react';
|
|
7
8
|
import { Mode } from '../types';
|
|
8
9
|
import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
4
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
@@ -10,6 +10,8 @@ import "./ColorPicker.compiled.css";
|
|
|
10
10
|
import { ax, ix } from "@compiled/react/runtime";
|
|
11
11
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
|
+
/// <reference types="node" />
|
|
14
|
+
// for typing `process`
|
|
13
15
|
import React from 'react';
|
|
14
16
|
import { PopupSelect } from '@atlaskit/select';
|
|
15
17
|
import Trigger from './Trigger';
|
|
@@ -30,8 +30,12 @@
|
|
|
30
30
|
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
31
31
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
32
32
|
._vchhusvi{box-sizing:border-box}
|
|
33
|
-
._858u1l4g:focus
|
|
34
|
-
._1hvw1o36:focus
|
|
35
|
-
._49pcglyw:focus
|
|
36
|
-
._nt751r31:focus
|
|
37
|
-
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
33
|
+
._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
|
|
34
|
+
._1hvw1o36:focus{outline-width:medium}
|
|
35
|
+
._49pcglyw:focus{outline-style:none}
|
|
36
|
+
._nt751r31:focus{outline-color:currentColor}
|
|
37
|
+
._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
|
|
38
|
+
._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
|
|
39
|
+
._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
|
|
40
|
+
._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
|
|
41
|
+
._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/color-picker",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.13",
|
|
4
4
|
"description": "Jira Color Picker Component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
32
|
-
"@atlaskit/css": "^0.
|
|
33
|
-
"@atlaskit/icon": "^28.
|
|
32
|
+
"@atlaskit/css": "^0.15.0",
|
|
33
|
+
"@atlaskit/icon": "^28.5.0",
|
|
34
34
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
35
|
-
"@atlaskit/select": "^21.
|
|
35
|
+
"@atlaskit/select": "^21.3.0",
|
|
36
36
|
"@atlaskit/theme": "^21.0.0",
|
|
37
|
-
"@atlaskit/tokens": "^6.
|
|
38
|
-
"@atlaskit/tooltip": "^20.
|
|
37
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
38
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|
|
40
40
|
"@compiled/react": "^0.18.3",
|
|
41
41
|
"memoize-one": "^6.0.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@af/integration-testing": "workspace:^",
|
|
50
50
|
"@af/visual-regression": "workspace:^",
|
|
51
|
-
"@atlaskit/primitives": "^
|
|
51
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
52
52
|
"@testing-library/react": "^13.4.0",
|
|
53
53
|
"@testing-library/user-event": "^14.4.3",
|
|
54
54
|
"ast-types": "^0.13.3",
|