@atlaskit/color-picker 5.3.5 → 5.3.7

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 (14) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/ColorPaletteMenu.js +2 -2
  3. package/dist/cjs/components/ColorPicker.js +1 -1
  4. package/dist/cjs/components/Trigger.compiled.css +1 -2
  5. package/dist/cjs/components/Trigger.js +1 -3
  6. package/dist/es2019/components/ColorPaletteMenu.js +2 -2
  7. package/dist/es2019/components/ColorPicker.js +1 -1
  8. package/dist/es2019/components/Trigger.compiled.css +1 -2
  9. package/dist/es2019/components/Trigger.js +1 -3
  10. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  11. package/dist/esm/components/ColorPicker.js +1 -1
  12. package/dist/esm/components/Trigger.compiled.css +1 -2
  13. package/dist/esm/components/Trigger.js +1 -3
  14. package/package.json +3 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.3.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.3.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [`ead5f19e8a930`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ead5f19e8a930) -
14
+ Roll out focus ring focus on trigger when popup is open
15
+
3
16
  ## 5.3.5
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -62,7 +62,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
62
62
  attributes: {
63
63
  componentName: 'color-picker',
64
64
  packageName: "@atlaskit/color-picker",
65
- packageVersion: "0.0.0-development"
65
+ packageVersion: "5.3.6"
66
66
  }
67
67
  })(createAnalyticsEvent);
68
68
  }
@@ -147,7 +147,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
147
147
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
148
148
  componentName: 'color-picker',
149
149
  packageName: "@atlaskit/color-picker",
150
- packageVersion: "0.0.0-development"
150
+ packageVersion: "5.3.6"
151
151
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
152
152
  var colorCardWrapperStyles = null;
153
153
  var colorPaletteContainerStyles = null;
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -40,7 +40,7 @@ var defaultPopperProps = {
40
40
  placement: 'bottom-start'
41
41
  };
42
42
  var packageName = "@atlaskit/color-picker";
43
- var packageVersion = "0.0.0-development";
43
+ var packageVersion = "5.3.6";
44
44
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
45
45
  function ColorPickerWithoutAnalyticsBase() {
46
46
  var _this;
package/dist/cjs/components/Trigger.compiled.css CHANGED
@@ -4,8 +4,7 @@
4
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
5
5
  ._v564ervx{transition:border-color .15s cubic-bezier(.47,.03,.49,1.38)}
6
6
  ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
- ._1dqonqa1{border-style:solid}
8
- ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
7
+ ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
9
8
  ._12y31o36{outline-width:medium}
10
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
11
10
  ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
package/dist/cjs/components/Trigger.js CHANGED
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _colors = require("@atlaskit/theme/colors");
17
16
  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); }
18
17
  var ColorCard = function ColorCard(_ref) {
@@ -52,7 +51,7 @@ var ColorCard = function ColorCard(_ref) {
52
51
  "aria-haspopup": true,
53
52
  type: "button",
54
53
  id: id,
55
- className: (0, _runtime.ax)(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc", expanded && !(0, _platformFeatureFlags.fg)('platform-design-system-dsp-20821-color-pickr-focus') && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1l4g"])
54
+ className: (0, _runtime.ax)(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc"])
56
55
  }, /*#__PURE__*/React.createElement("span", {
57
56
  className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
58
57
  }, /*#__PURE__*/React.createElement("span", {
@@ -66,7 +65,6 @@ var sharedColorContainerStyles = null;
66
65
  var smallColorContainerSize = null;
67
66
  var defaultColorContainerSize = null;
68
67
  var colorCardButtonStyles = null;
69
- var colorCardButtonFocusedStyles = null;
70
68
  var colorCardWrapperStyles = null;
71
69
  var colorCardContentStyles = null;
72
70
  var colorCardContentStylesOutline = null;
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -43,7 +43,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
43
43
  attributes: {
44
44
  componentName: 'color-picker',
45
45
  packageName: "@atlaskit/color-picker",
46
- packageVersion: "0.0.0-development"
46
+ packageVersion: "5.3.6"
47
47
  }
48
48
  })(createAnalyticsEvent);
49
49
  }
@@ -121,7 +121,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
121
121
  export default withAnalyticsContext({
122
122
  componentName: 'color-picker',
123
123
  packageName: "@atlaskit/color-picker",
124
- packageVersion: "0.0.0-development"
124
+ packageVersion: "5.3.6"
125
125
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
126
126
  const colorCardWrapperStyles = null;
127
127
  const colorPaletteContainerStyles = null;
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -25,7 +25,7 @@ const defaultPopperProps = {
25
25
  placement: 'bottom-start'
26
26
  };
27
27
  const packageName = "@atlaskit/color-picker";
28
- const packageVersion = "0.0.0-development";
28
+ const packageVersion = "5.3.6";
29
29
  class ColorPickerWithoutAnalyticsBase extends React.Component {
30
30
  constructor(...args) {
31
31
  super(...args);
package/dist/es2019/components/Trigger.compiled.css CHANGED
@@ -4,8 +4,7 @@
4
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
5
5
  ._v564ervx{transition:border-color .15s cubic-bezier(.47,.03,.49,1.38)}
6
6
  ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
- ._1dqonqa1{border-style:solid}
8
- ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
7
+ ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
9
8
  ._12y31o36{outline-width:medium}
10
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
11
10
  ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
package/dist/es2019/components/Trigger.js CHANGED
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useCallback } from 'react';
6
6
  import Tooltip from '@atlaskit/tooltip';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import { B100, DN600A, N0 } from '@atlaskit/theme/colors';
9
8
  const ColorCard = ({
10
9
  value,
@@ -42,7 +41,7 @@ const ColorCard = ({
42
41
  "aria-haspopup": true,
43
42
  type: "button",
44
43
  id: id,
45
- className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc", expanded && !fg('platform-design-system-dsp-20821-color-pickr-focus') && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1l4g"])
44
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc"])
46
45
  }, /*#__PURE__*/React.createElement("span", {
47
46
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
48
47
  }, /*#__PURE__*/React.createElement("span", {
@@ -56,7 +55,6 @@ const sharedColorContainerStyles = null;
56
55
  const smallColorContainerSize = null;
57
56
  const defaultColorContainerSize = null;
58
57
  const colorCardButtonStyles = null;
59
- const colorCardButtonFocusedStyles = null;
60
58
  const colorCardWrapperStyles = null;
61
59
  const colorCardContentStyles = null;
62
60
  const colorCardContentStylesOutline = null;
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -53,7 +53,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
53
53
  attributes: {
54
54
  componentName: 'color-picker',
55
55
  packageName: "@atlaskit/color-picker",
56
- packageVersion: "0.0.0-development"
56
+ packageVersion: "5.3.6"
57
57
  }
58
58
  })(createAnalyticsEvent);
59
59
  }
@@ -138,7 +138,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
138
138
  export default withAnalyticsContext({
139
139
  componentName: 'color-picker',
140
140
  packageName: "@atlaskit/color-picker",
141
- packageVersion: "0.0.0-development"
141
+ packageVersion: "5.3.6"
142
142
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
143
143
  var colorCardWrapperStyles = null;
144
144
  var colorPaletteContainerStyles = null;
package/dist/esm/components/ColorPicker.js CHANGED
@@ -32,7 +32,7 @@ var defaultPopperProps = {
32
32
  placement: 'bottom-start'
33
33
  };
34
34
  var packageName = "@atlaskit/color-picker";
35
- var packageVersion = "0.0.0-development";
35
+ var packageVersion = "5.3.6";
36
36
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
37
37
  function ColorPickerWithoutAnalyticsBase() {
38
38
  var _this;
package/dist/esm/components/Trigger.compiled.css CHANGED
@@ -4,8 +4,7 @@
4
4
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
5
5
  ._v564ervx{transition:border-color .15s cubic-bezier(.47,.03,.49,1.38)}
6
6
  ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
- ._1dqonqa1{border-style:solid}
8
- ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
7
+ ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
9
8
  ._12y31o36{outline-width:medium}
10
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
11
10
  ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
package/dist/esm/components/Trigger.js CHANGED
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useCallback } from 'react';
6
6
  import Tooltip from '@atlaskit/tooltip';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import { B100, DN600A, N0 } from '@atlaskit/theme/colors';
9
8
  var ColorCard = function ColorCard(_ref) {
10
9
  var value = _ref.value,
@@ -43,7 +42,7 @@ var ColorCard = function ColorCard(_ref) {
43
42
  "aria-haspopup": true,
44
43
  type: "button",
45
44
  id: id,
46
- className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc", expanded && !fg('platform-design-system-dsp-20821-color-pickr-focus') && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1l4g"])
45
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1l4g _rslm1l4g _4cvxtxrc"])
47
46
  }, /*#__PURE__*/React.createElement("span", {
48
47
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
49
48
  }, /*#__PURE__*/React.createElement("span", {
@@ -57,7 +56,6 @@ var sharedColorContainerStyles = null;
57
56
  var smallColorContainerSize = null;
58
57
  var defaultColorContainerSize = null;
59
58
  var colorCardButtonStyles = null;
60
- var colorCardButtonFocusedStyles = null;
61
59
  var colorCardWrapperStyles = null;
62
60
  var colorCardContentStyles = null;
63
61
  var colorCardContentStylesOutline = null;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "5.3.5",
3
+ "version": "5.3.7",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
33
33
  "@atlaskit/icon": "^32.0.0",
34
34
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
35
  "@atlaskit/select": "^21.7.0",
36
- "@atlaskit/theme": "^21.0.0",
36
+ "@atlaskit/theme": "^22.0.0",
37
37
  "@atlaskit/tokens": "^11.0.0",
38
38
  "@atlaskit/tooltip": "^20.14.0",
39
39
  "@babel/runtime": "^7.0.0",
@@ -69,11 +69,7 @@
69
69
  ]
70
70
  }
71
71
  },
72
- "platform-feature-flags": {
73
- "platform-design-system-dsp-20821-color-pickr-focus": {
74
- "type": "boolean"
75
- }
76
- },
72
+ "platform-feature-flags": {},
77
73
  "sideEffects": [
78
74
  "*.compiled.css"
79
75
  ]