@atlaskit/color-picker 5.2.12 → 5.2.14

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/color-picker
 
+## 5.2.14
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.2.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.2.12
 
 ### Patch Changes
@@ -979,7 +991,6 @@
   `popperProps` prop.
 
   Changes labelled with ⚙️ have codemod support:
-
   - ⚙️ the `positionFixed` prop has been replaced with `strategy`, which takes either `"fixed"` or
     `"absolute"`
   - the `modifiers` prop has been significantly updated:
@@ -1045,7 +1056,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/visual-regression@0.1.9
   - @atlaskit/analytics-next@6.3.5
@@ -1061,7 +1071,6 @@
 
   Fix padding and columns support.- Updated dependencies
   [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
-
   - @atlaskit/icon@20.0.0
   - @atlaskit/docs@8.3.1
   - @atlaskit/select@11.0.6
@@ -1075,7 +1084,6 @@
   Make PopupSelect correctly pass props. Forcing update of @atlaskit/select for all other packages-
   Updated dependencies
   [3a20e9a596](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3a20e9a596):
-
   - @atlaskit/select@11.0.2
 
 ## 0.5.16
@@ -1147,12 +1155,10 @@
   safety. Flow types are no longer provided. No behavioural changes.
 
   **Breaking changes**
-
   - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
   - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
 
   **Breaking changes to TypeScript annotations**
-
   - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
     props as a generic type.
   - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
@@ -1193,7 +1199,6 @@
 - [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
 
   In this PR, we are:
-
   - Re-introducing dist build folders
   - Adding back cjs
   - Replacing es5 by cjs and es2015 by esm
@@ -1259,14 +1264,12 @@
 ## 0.5.0
 
 - [minor][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
 ## 0.4.3
 
 - [patch][50cbf86910](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/50cbf86910):
-
   - removes the undesirable grey background on Safari
 
 ## 0.4.2
@@ -1282,19 +1285,16 @@
 ## 0.4.1
 
 - [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
-
   - Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js
 
 ## 0.4.0
 
 - [minor][32f743afc5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/32f743afc5):
-
   - Enable noImplicitAny for @atlaskit/color-picker
 
 ## 0.3.0
 
 - [minor][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
-
   - Dropped ES5 distributables from the typescript packages
 
 ## 0.2.6
@@ -1311,13 +1311,11 @@
 ## 0.2.5
 
 - [patch][f5482d0018](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f5482d0018):
-
   - taking advantage of the new target function for PopupSelect
 
 ## 0.2.4
 
 - [patch][06713e0a0c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06713e0a0c):
-
   - popup select "target" is now a function that must resolve to a node
 
 ## 0.2.3
@@ -1351,13 +1349,11 @@
 ## 0.2.0
 
 - [minor][60fb1eb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/60fb1eb):
-
   - Add popperProps property to allow consumers to change menu placement
 
 ## 0.1.2
 
 - [patch][3061b52](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3061b52):
-
   - AK-5723 - adjust files in package.json to ensure correct publishing of dist/package.json
 
 ## 0.1.1
@@ -1371,5 +1367,4 @@
 ## 0.1.0
 
 - [minor][b5df1db](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5df1db):
-
   - First release

package/dist/cjs/components/ColorCard.js

@@ -1,4 +1,4 @@
-/* ColorCard.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -91,7 +91,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, tooltipProps, {
       ref: initialFocusRef ? (0, _useCallbackRef.mergeRefs)([ref, tooltipProps.ref, initialFocusRef]) : (0, _useCallbackRef.mergeRefs)([ref, tooltipProps.ref]),
       role: role
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
       ,
       tabIndex: selected ? 0 : -1,
       "aria-checked": ariaChecked,

package/dist/cjs/components/ColorPaletteMenu.js

@@ -1,4 +1,4 @@
-/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -19,6 +19,7 @@ var _utils = require("../utils");
 var _constants = require("../constants");
 var _colors = require("@atlaskit/theme/colors");
 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); }
+/// <reference types="node" />
 var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAnalytics(_ref) {
   var _ref$autoFocus = _ref.autoFocus,
     autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,

package/dist/cjs/components/ColorPicker.js

@@ -1,4 +1,4 @@
-/* ColorPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -27,7 +27,8 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = _interopRequireDefault(require("../messages"));
 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); }
 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)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /// <reference types="node" />
+// for typing `process`
 var defaultPopperProps = {
   strategy: 'fixed',
   modifiers: [{

package/dist/cjs/components/Trigger.compiled.css

@@ -30,8 +30,12 @@
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._858u1l4g:focus, ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
-._1hvw1o36:focus, ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
-._49pcglyw:focus, ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
-._nt751r31:focus, ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
-._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}
+._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
+._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
+._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
+._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}

package/dist/cjs/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/components/ColorCard.js

@@ -1,4 +1,4 @@
-/* ColorCard.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ColorCard.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -78,7 +78,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
     return /*#__PURE__*/React.createElement("div", _extends({}, tooltipProps, {
       ref: initialFocusRef ? mergeRefs([ref, tooltipProps.ref, initialFocusRef]) : mergeRefs([ref, tooltipProps.ref]),
       role: role
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
       ,
       tabIndex: selected ? 0 : -1,
       "aria-checked": ariaChecked,

package/dist/es2019/components/ColorPaletteMenu.js

@@ -1,4 +1,5 @@
-/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
+/// <reference types="node" />
 import "./ColorPaletteMenu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/ColorPicker.js

@@ -1,8 +1,10 @@
-/* ColorPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./ColorPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
+// for typing `process`
 import React from 'react';
 import { PopupSelect } from '@atlaskit/select';
 import Trigger from './Trigger';

package/dist/es2019/components/Trigger.compiled.css

@@ -30,8 +30,12 @@
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._858u1l4g:focus, ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
-._1hvw1o36:focus, ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
-._49pcglyw:focus, ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
-._nt751r31:focus, ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
-._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}
+._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
+._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
+._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
+._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}

package/dist/es2019/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Trigger.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./components.compiled.css";
 import * as React from 'react';

package/dist/esm/components/ColorCard.js

@@ -1,4 +1,4 @@
-/* ColorCard.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorCard.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ColorCard.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -82,7 +82,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
     return /*#__PURE__*/React.createElement("div", _extends({}, tooltipProps, {
       ref: initialFocusRef ? mergeRefs([ref, tooltipProps.ref, initialFocusRef]) : mergeRefs([ref, tooltipProps.ref]),
       role: role
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
       ,
       tabIndex: selected ? 0 : -1,
       "aria-checked": ariaChecked,

package/dist/esm/components/ColorPaletteMenu.js

@@ -1,8 +1,9 @@
-/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPaletteMenu.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ColorPaletteMenu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { Mode } from '../types';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/components/ColorPicker.js

@@ -1,4 +1,4 @@
-/* ColorPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ColorPicker.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -10,6 +10,8 @@ import "./ColorPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/// <reference types="node" />
+// for typing `process`
 import React from 'react';
 import { PopupSelect } from '@atlaskit/select';
 import Trigger from './Trigger';

package/dist/esm/components/Trigger.compiled.css

@@ -30,8 +30,12 @@
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._858u1l4g:focus, ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
-._1hvw1o36:focus, ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
-._49pcglyw:focus, ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
-._nt751r31:focus, ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
-._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}
+._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
+._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
+._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
+._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
+._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}

package/dist/esm/components/Trigger.js

@@ -1,4 +1,4 @@
-/* Trigger.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Trigger.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Trigger.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./components.compiled.css";
 import * as React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "5.2.12",
+	"version": "5.2.14",
 	"description": "Jira Color Picker Component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,15 +29,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/css": "^0.15.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/select": "^21.2.0",
+		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"memoize-one": "^6.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"use-callback-ref": "^1.2.3"
@@ -48,7 +48,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^15.0.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",