@atlaskit/color-picker 5.3.9 → 5.3.11

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 (27) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-products/tsconfig.json +0 -3
  5. package/codemods/1.0.0-popper-props.ts +5 -1
  6. package/dist/cjs/components/ColorCard.compiled.css +5 -5
  7. package/dist/cjs/components/ColorCard.js +3 -4
  8. package/dist/cjs/components/ColorPaletteMenu.compiled.css +1 -1
  9. package/dist/cjs/components/ColorPaletteMenu.js +3 -4
  10. package/dist/cjs/components/ColorPicker.js +1 -1
  11. package/dist/cjs/components/Trigger.compiled.css +5 -5
  12. package/dist/cjs/components/Trigger.js +2 -3
  13. package/dist/es2019/components/ColorCard.compiled.css +5 -5
  14. package/dist/es2019/components/ColorCard.js +3 -4
  15. package/dist/es2019/components/ColorPaletteMenu.compiled.css +1 -1
  16. package/dist/es2019/components/ColorPaletteMenu.js +3 -4
  17. package/dist/es2019/components/ColorPicker.js +1 -1
  18. package/dist/es2019/components/Trigger.compiled.css +5 -5
  19. package/dist/es2019/components/Trigger.js +2 -3
  20. package/dist/esm/components/ColorCard.compiled.css +5 -5
  21. package/dist/esm/components/ColorCard.js +3 -4
  22. package/dist/esm/components/ColorPaletteMenu.compiled.css +1 -1
  23. package/dist/esm/components/ColorPaletteMenu.js +3 -4
  24. package/dist/esm/components/ColorPicker.js +1 -1
  25. package/dist/esm/components/Trigger.compiled.css +5 -5
  26. package/dist/esm/components/Trigger.js +2 -3
  27. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.3.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.3.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [`ce16754d5db01`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ce16754d5db01) -
14
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
15
+
3
16
  ## 5.3.9
4
17
 
5
18
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -38,9 +38,6 @@
38
38
  {
39
39
  "path": "../../../design-system/select/afm-cc/tsconfig.json"
40
40
  },
41
- {
42
- "path": "../../../design-system/theme/afm-cc/tsconfig.json"
43
- },
44
41
  {
45
42
  "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
46
43
  },
package/afm-jira/tsconfig.json CHANGED
@@ -38,9 +38,6 @@
38
38
  {
39
39
  "path": "../../../design-system/select/afm-jira/tsconfig.json"
40
40
  },
41
- {
42
- "path": "../../../design-system/theme/afm-jira/tsconfig.json"
43
- },
44
41
  {
45
42
  "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
46
43
  },
package/afm-products/tsconfig.json CHANGED
@@ -38,9 +38,6 @@
38
38
  {
39
39
  "path": "../../../design-system/select/afm-products/tsconfig.json"
40
40
  },
41
- {
42
- "path": "../../../design-system/theme/afm-products/tsconfig.json"
43
- },
44
41
  {
45
42
  "path": "../../../design-system/tokens/afm-products/tsconfig.json"
46
43
  },
package/codemods/1.0.0-popper-props.ts CHANGED
@@ -71,7 +71,11 @@ function updatePopperProps(j: core.JSCodeshift, source: Collection<any>, specifi
71
71
  });
72
72
  }
73
73
 
74
- export default function transformer(file: FileInfo, { jscodeshift: j }: API, options: Options): string {
74
+ export default function transformer(
75
+ file: FileInfo,
76
+ { jscodeshift: j }: API,
77
+ options: Options,
78
+ ): string {
75
79
  const source = j(file.source);
76
80
 
77
81
  // Exit early if not relevant
package/dist/cjs/components/ColorCard.compiled.css CHANGED
@@ -5,10 +5,10 @@
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
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
8
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
11
10
  ._16qsglyw{box-shadow:none}
11
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._1bah1h6o{justify-content:center}
14
14
  ._1bsb1osq{width:100%}
@@ -22,11 +22,11 @@
22
22
  ._4t3i1tcg{height:24px}
23
23
  ._4t3izwfg{height:2pc}
24
24
  ._80omtlke{cursor:pointer}
25
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
25
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
27
27
  ._kqswh2mm{position:relative}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
29
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
30
  ._vchhusvi{box-sizing:border-box}
31
- ._858uvmul:focus{border-color:var(--ds-border-focused,#b3d4ff)}
32
- ._4cvxvmul:hover{border-color:var(--ds-border-focused,#b3d4ff)}
31
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
32
+ ._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
package/dist/cjs/components/ColorCard.js CHANGED
@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
14
14
  var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
15
15
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
16
16
  var _constants = require("../constants");
17
- var _colors = require("@atlaskit/theme/colors");
18
17
  var _useCallbackRef = require("use-callback-ref");
19
18
  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); }
20
19
  var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRef) {
@@ -29,7 +28,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
29
28
  selected = props.selected,
30
29
  focused = props.focused,
31
30
  _props$checkMarkColor = props.checkMarkColor,
32
- checkMarkColor = _props$checkMarkColor === void 0 ? _colors.N0 : _props$checkMarkColor,
31
+ checkMarkColor = _props$checkMarkColor === void 0 ? '#FFFFFF' : _props$checkMarkColor,
33
32
  isTabbing = props.isTabbing,
34
33
  onClick = props.onClick,
35
34
  onKeyDown = props.onKeyDown,
@@ -97,7 +96,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
97
96
  onClick: handleClick,
98
97
  onMouseDown: handleMouseDown,
99
98
  onKeyDown: handleKeyDown,
100
- className: (0, _runtime.ax)(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858uvmul _4cvxvmul", focused && (isColorPaletteMenu || !isTabbing) && "_1h6dvmul"])
99
+ className: (0, _runtime.ax)(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858u1v1w _4cvx1v1w", focused && (isColorPaletteMenu || !isTabbing) && "_1h6d1v1w"])
101
100
  }), /*#__PURE__*/_react.default.createElement("div", {
102
101
  className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
103
102
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -107,7 +106,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
107
106
  } : {
108
107
  backgroundColor: value || 'transparent'
109
108
  },
110
- className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
109
+ className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qss1f2", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
111
110
  }, selected && /*#__PURE__*/_react.default.createElement(_checkMark.default, {
112
111
  color: newCheckmarkColor,
113
112
  label: "",
package/dist/cjs/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
4
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
5
5
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -17,7 +17,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
17
17
  var _ColorCard = _interopRequireDefault(require("./ColorCard"));
18
18
  var _utils = require("../utils");
19
19
  var _constants = require("../constants");
20
- var _colors = require("@atlaskit/theme/colors");
21
20
  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
21
  /// <reference types="node" />
23
22
  var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAnalytics(_ref) {
@@ -62,7 +61,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
62
61
  attributes: {
63
62
  componentName: 'color-picker',
64
63
  packageName: "@atlaskit/color-picker",
65
- packageVersion: "0.0.0-development"
64
+ packageVersion: "5.3.10"
66
65
  }
67
66
  })(createAnalyticsEvent);
68
67
  }
@@ -116,7 +115,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
116
115
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
117
116
  width: "".concat((0, _utils.getWidth)(cols, mode), "px")
118
117
  },
119
- className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === _types.Mode.Standard && "_2rkofajl _16qs1akw"])
118
+ className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === _types.Mode.Standard && "_2rkofajl _16qs130s"])
120
119
  }, /*#__PURE__*/React.createElement("div", {
121
120
  className: (0, _runtime.ax)(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === _types.Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
122
121
  }, options.map(function (_ref3, index) {
@@ -147,7 +146,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
147
146
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
148
147
  componentName: 'color-picker',
149
148
  packageName: "@atlaskit/color-picker",
150
- packageVersion: "0.0.0-development"
149
+ packageVersion: "5.3.10"
151
150
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
152
151
  var colorCardWrapperStyles = null;
153
152
  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.10";
44
44
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
45
45
  function ColorPickerWithoutAnalyticsBase() {
46
46
  var _this;
package/dist/cjs/components/Trigger.compiled.css CHANGED
@@ -7,7 +7,7 @@
7
7
  ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
8
8
  ._12y31o36{outline-width:medium}
9
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
10
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
11
11
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
12
12
  ._1bah1h6o{justify-content:center}
13
13
  ._1bsb1osq{width:100%}
@@ -23,18 +23,18 @@
23
23
  ._4t3i7vkz{height:1pc}
24
24
  ._4t3izwfg{height:2pc}
25
25
  ._80omtlke{cursor:pointer}
26
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
26
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._kqswh2mm{position:relative}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
- ._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
32
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
33
33
  ._1hvw1o36:focus{outline-width:medium}
34
34
  ._49pcglyw:focus{outline-style:none}
35
35
  ._nt751r31:focus{outline-color:currentColor}
36
- ._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
37
- ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
36
+ ._4cvxsm61:hover{border-color:var(--ds-background-neutral-subtle,#00000000)}
37
+ ._rslm1v1w:not(._rslm1v1w:focus)._rslm1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
38
38
  ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
39
39
  ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
40
40
  ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
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 _colors = require("@atlaskit/theme/colors");
16
15
  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); }
17
16
  var ColorCard = function ColorCard(_ref) {
18
17
  var value = _ref.value,
@@ -51,13 +50,13 @@ var ColorCard = function ColorCard(_ref) {
51
50
  "aria-haspopup": true,
52
51
  type: "button",
53
52
  id: id,
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"])
53
+ className: (0, _runtime.ax)(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1v1w _rslm1v1w _4cvxsm61"])
55
54
  }, /*#__PURE__*/React.createElement("span", {
56
55
  className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
57
56
  }, /*#__PURE__*/React.createElement("span", {
58
57
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
59
58
  style: colorCardStyles,
60
- className: (0, _runtime.ax)([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
59
+ className: (0, _runtime.ax)([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qss1f2", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
61
60
  }))));
62
61
  };
63
62
  var _default = exports.default = ColorCard;
package/dist/es2019/components/ColorCard.compiled.css CHANGED
@@ -5,10 +5,10 @@
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
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
8
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
11
10
  ._16qsglyw{box-shadow:none}
11
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._1bah1h6o{justify-content:center}
14
14
  ._1bsb1osq{width:100%}
@@ -22,11 +22,11 @@
22
22
  ._4t3i1tcg{height:24px}
23
23
  ._4t3izwfg{height:2pc}
24
24
  ._80omtlke{cursor:pointer}
25
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
25
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
27
27
  ._kqswh2mm{position:relative}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
29
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
30
  ._vchhusvi{box-sizing:border-box}
31
- ._858uvmul:focus{border-color:var(--ds-border-focused,#b3d4ff)}
32
- ._4cvxvmul:hover{border-color:var(--ds-border-focused,#b3d4ff)}
31
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
32
+ ._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
package/dist/es2019/components/ColorCard.js CHANGED
@@ -6,7 +6,6 @@ import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'rea
6
6
  import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
8
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
9
- import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
10
9
  import { mergeRefs } from 'use-callback-ref';
11
10
  const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
12
11
  const {
@@ -18,7 +17,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
18
17
  label,
19
18
  selected,
20
19
  focused,
21
- checkMarkColor = N0,
20
+ checkMarkColor = '#FFFFFF',
22
21
  isTabbing,
23
22
  onClick,
24
23
  onKeyDown,
@@ -84,7 +83,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
84
83
  onClick: handleClick,
85
84
  onMouseDown: handleMouseDown,
86
85
  onKeyDown: handleKeyDown,
87
- className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858uvmul _4cvxvmul", focused && (isColorPaletteMenu || !isTabbing) && "_1h6dvmul"])
86
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858u1v1w _4cvx1v1w", focused && (isColorPaletteMenu || !isTabbing) && "_1h6d1v1w"])
88
87
  }), /*#__PURE__*/React.createElement("div", {
89
88
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
90
89
  }, /*#__PURE__*/React.createElement("div", {
@@ -94,7 +93,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
94
93
  } : {
95
94
  backgroundColor: value || 'transparent'
96
95
  },
97
- className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
96
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qss1f2", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
98
97
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
99
98
  color: newCheckmarkColor,
100
99
  label: "",
package/dist/es2019/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
4
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
5
5
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -9,7 +9,6 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
9
9
  import ColorCard from './ColorCard';
10
10
  import { getOptions, getWidth } from '../utils';
11
11
  import { COLOR_PALETTE_MENU, KEY_ARROW_UP, KEY_ARROW_DOWN, KEY_ARROW_LEFT, KEY_ARROW_RIGHT, KEY_TAB } from '../constants';
12
- import { N0, N40 } from '@atlaskit/theme/colors';
13
12
  export const ColorPaletteMenuWithoutAnalytics = ({
14
13
  autoFocus = true,
15
14
  isFocusLockEnabled = true,
@@ -43,7 +42,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
43
42
  attributes: {
44
43
  componentName: 'color-picker',
45
44
  packageName: "@atlaskit/color-picker",
46
- packageVersion: "0.0.0-development"
45
+ packageVersion: "5.3.10"
47
46
  }
48
47
  })(createAnalyticsEvent);
49
48
  }
@@ -91,7 +90,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
91
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
92
91
  width: `${getWidth(cols, mode)}px`
93
92
  },
94
- className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs1akw"])
93
+ className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs130s"])
95
94
  }, /*#__PURE__*/React.createElement("div", {
96
95
  className: ax(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
97
96
  }, options.map(({
@@ -121,7 +120,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
121
120
  export default withAnalyticsContext({
122
121
  componentName: 'color-picker',
123
122
  packageName: "@atlaskit/color-picker",
124
- packageVersion: "0.0.0-development"
123
+ packageVersion: "5.3.10"
125
124
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
126
125
  const colorCardWrapperStyles = null;
127
126
  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.10";
29
29
  class ColorPickerWithoutAnalyticsBase extends React.Component {
30
30
  constructor(...args) {
31
31
  super(...args);
package/dist/es2019/components/Trigger.compiled.css CHANGED
@@ -7,7 +7,7 @@
7
7
  ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
8
8
  ._12y31o36{outline-width:medium}
9
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
10
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
11
11
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
12
12
  ._1bah1h6o{justify-content:center}
13
13
  ._1bsb1osq{width:100%}
@@ -23,18 +23,18 @@
23
23
  ._4t3i7vkz{height:1pc}
24
24
  ._4t3izwfg{height:2pc}
25
25
  ._80omtlke{cursor:pointer}
26
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
26
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._kqswh2mm{position:relative}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
- ._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
32
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
33
33
  ._1hvw1o36:focus{outline-width:medium}
34
34
  ._49pcglyw:focus{outline-style:none}
35
35
  ._nt751r31:focus{outline-color:currentColor}
36
- ._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
37
- ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
36
+ ._4cvxsm61:hover{border-color:var(--ds-background-neutral-subtle,#00000000)}
37
+ ._rslm1v1w:not(._rslm1v1w:focus)._rslm1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
38
38
  ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
39
39
  ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
40
40
  ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
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 { B100, DN600A, N0 } from '@atlaskit/theme/colors';
8
7
  const ColorCard = ({
9
8
  value,
10
9
  label,
@@ -41,13 +40,13 @@ const ColorCard = ({
41
40
  "aria-haspopup": true,
42
41
  type: "button",
43
42
  id: id,
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"])
43
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1v1w _rslm1v1w _4cvxsm61"])
45
44
  }, /*#__PURE__*/React.createElement("span", {
46
45
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
47
46
  }, /*#__PURE__*/React.createElement("span", {
48
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
49
48
  style: colorCardStyles,
50
- className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
49
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qss1f2", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
51
50
  }))));
52
51
  };
53
52
  export default ColorCard;
package/dist/esm/components/ColorCard.compiled.css CHANGED
@@ -5,10 +5,10 @@
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
7
  ._1dqonqa1{border-style:solid}
8
- ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
8
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
11
10
  ._16qsglyw{box-shadow:none}
11
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
12
12
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
13
13
  ._1bah1h6o{justify-content:center}
14
14
  ._1bsb1osq{width:100%}
@@ -22,11 +22,11 @@
22
22
  ._4t3i1tcg{height:24px}
23
23
  ._4t3izwfg{height:2pc}
24
24
  ._80omtlke{cursor:pointer}
25
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
25
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
26
26
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
27
27
  ._kqswh2mm{position:relative}
28
28
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
29
29
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
30
30
  ._vchhusvi{box-sizing:border-box}
31
- ._858uvmul:focus{border-color:var(--ds-border-focused,#b3d4ff)}
32
- ._4cvxvmul:hover{border-color:var(--ds-border-focused,#b3d4ff)}
31
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
32
+ ._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
package/dist/esm/components/ColorCard.js CHANGED
@@ -6,7 +6,6 @@ import React, { useCallback, useRef, useImperativeHandle, forwardRef } from 'rea
6
6
  import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
8
  import { COLOR_PALETTE_MENU, KEY_ENTER, KEY_SPACE, KEY_TAB } from '../constants';
9
- import { N0, DN600A, B75 } from '@atlaskit/theme/colors';
10
9
  import { mergeRefs } from 'use-callback-ref';
11
10
  var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
12
11
  var type = props.type,
@@ -20,7 +19,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
20
19
  selected = props.selected,
21
20
  focused = props.focused,
22
21
  _props$checkMarkColor = props.checkMarkColor,
23
- checkMarkColor = _props$checkMarkColor === void 0 ? N0 : _props$checkMarkColor,
22
+ checkMarkColor = _props$checkMarkColor === void 0 ? '#FFFFFF' : _props$checkMarkColor,
24
23
  isTabbing = props.isTabbing,
25
24
  onClick = props.onClick,
26
25
  onKeyDown = props.onKeyDown,
@@ -88,7 +87,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
88
87
  onClick: handleClick,
89
88
  onMouseDown: handleMouseDown,
90
89
  onKeyDown: handleKeyDown,
91
- className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhktxrc _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858uvmul _4cvxvmul", focused && (isColorPaletteMenu || !isTabbing) && "_1h6dvmul"])
90
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _1bsbzwfg _4t3izwfg _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", (isColorPaletteMenu || isTabbing === undefined || isTabbing) && "_858u1v1w _4cvx1v1w", focused && (isColorPaletteMenu || !isTabbing) && "_1h6d1v1w"])
92
91
  }), /*#__PURE__*/React.createElement("div", {
93
92
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
94
93
  }, /*#__PURE__*/React.createElement("div", {
@@ -98,7 +97,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
98
97
  } : {
99
98
  backgroundColor: value || 'transparent'
100
99
  },
101
- className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
100
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qss1f2", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
102
101
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
103
102
  color: newCheckmarkColor,
104
103
  label: "",
package/dist/esm/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
4
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
5
5
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -10,7 +10,6 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
10
10
  import ColorCard from './ColorCard';
11
11
  import { getOptions, getWidth } from '../utils';
12
12
  import { COLOR_PALETTE_MENU, KEY_ARROW_UP, KEY_ARROW_DOWN, KEY_ARROW_LEFT, KEY_ARROW_RIGHT, KEY_TAB } from '../constants';
13
- import { N0, N40 } from '@atlaskit/theme/colors';
14
13
  export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAnalytics(_ref) {
15
14
  var _ref$autoFocus = _ref.autoFocus,
16
15
  autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
@@ -53,7 +52,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
53
52
  attributes: {
54
53
  componentName: 'color-picker',
55
54
  packageName: "@atlaskit/color-picker",
56
- packageVersion: "0.0.0-development"
55
+ packageVersion: "5.3.10"
57
56
  }
58
57
  })(createAnalyticsEvent);
59
58
  }
@@ -107,7 +106,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
107
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
108
107
  width: "".concat(getWidth(cols, mode), "px")
109
108
  },
110
- className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs1akw"])
109
+ className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs130s"])
111
110
  }, /*#__PURE__*/React.createElement("div", {
112
111
  className: ax(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
113
112
  }, options.map(function (_ref3, index) {
@@ -138,7 +137,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
138
137
  export default withAnalyticsContext({
139
138
  componentName: 'color-picker',
140
139
  packageName: "@atlaskit/color-picker",
141
- packageVersion: "0.0.0-development"
140
+ packageVersion: "5.3.10"
142
141
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
143
142
  var colorCardWrapperStyles = null;
144
143
  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.10";
36
36
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
37
37
  function ColorPickerWithoutAnalyticsBase() {
38
38
  var _this;
package/dist/esm/components/Trigger.compiled.css CHANGED
@@ -7,7 +7,7 @@
7
7
  ._1dqonqa1{border-style:solid}._12ji1r31{outline-color:currentColor}
8
8
  ._12y31o36{outline-width:medium}
9
9
  ._154i1i6y{top:var(--ds-space-negative-025,-2px)}
10
- ._16qsbflq{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,rgba(13,20,36,.18))}
10
+ ._16qss1f2{box-shadow:inset 0 0 0 1px var(--ds-background-inverse-subtle,#00000029)}
11
11
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
12
12
  ._1bah1h6o{justify-content:center}
13
13
  ._1bsb1osq{width:100%}
@@ -23,18 +23,18 @@
23
23
  ._4t3i7vkz{height:1pc}
24
24
  ._4t3izwfg{height:2pc}
25
25
  ._80omtlke{cursor:pointer}
26
- ._bfhktxrc{background-color:var(--ds-background-neutral-subtle,#fff)}
26
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
27
27
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
28
28
  ._kqswh2mm{position:relative}
29
29
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
30
30
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
- ._858u1l4g:focus{border-color:var(--ds-border-focused,#4c9aff)}
32
+ ._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
33
33
  ._1hvw1o36:focus{outline-width:medium}
34
34
  ._49pcglyw:focus{outline-style:none}
35
35
  ._nt751r31:focus{outline-color:currentColor}
36
- ._4cvxtxrc:hover{border-color:var(--ds-background-neutral-subtle,#fff)}
37
- ._rslm1l4g:not(._rslm1l4g:focus)._rslm1l4g:hover{border-color:var(--ds-border-focused,#4c9aff)}
36
+ ._4cvxsm61:hover{border-color:var(--ds-background-neutral-subtle,#00000000)}
37
+ ._rslm1v1w:not(._rslm1v1w:focus)._rslm1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
38
38
  ._24ueglyw:not(._24ueglyw:focus)._24ueglyw:hover{outline-style:none}
39
39
  ._b4yv1o36:not(._b4yv1o36:focus)._b4yv1o36:hover{outline-width:medium}
40
40
  ._gk8x1r31:not(._gk8x1r31:focus)._gk8x1r31:hover{outline-color:currentColor}
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 { B100, DN600A, N0 } from '@atlaskit/theme/colors';
8
7
  var ColorCard = function ColorCard(_ref) {
9
8
  var value = _ref.value,
10
9
  label = _ref.label,
@@ -42,13 +41,13 @@ var ColorCard = function ColorCard(_ref) {
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"])
44
+ className: ax(["_19it5u6v _2rkobz73 _v564ervx _12ji1r31 _1qu2glyw _12y31o36 _1e0c1o8l _kqswh2mm _vchhusvi _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _80omtlke", swatchSize === 'small' ? "_1bsb1tcg _4t3i1tcg _154i1i6y" : "_1bsbzwfg _4t3izwfg", "_nt751r31 _gk8x1r31 _49pcglyw _24ueglyw _1hvw1o36 _b4yv1o36 _858u1v1w _rslm1v1w _4cvxsm61"])
46
45
  }, /*#__PURE__*/React.createElement("span", {
47
46
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
48
47
  }, /*#__PURE__*/React.createElement("span", {
49
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
50
49
  style: colorCardStyles,
51
- className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
50
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qss1f2", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
52
51
  }))));
53
52
  };
54
53
  export default ColorCard;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "5.3.9",
3
+ "version": "5.3.11",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,14 +28,13 @@
28
28
  }
29
29
  },
30
30
  "dependencies": {
31
- "@atlaskit/analytics-next": "^11.1.0",
31
+ "@atlaskit/analytics-next": "^11.2.0",
32
32
  "@atlaskit/css": "^0.19.0",
33
- "@atlaskit/icon": "^33.0.0",
33
+ "@atlaskit/icon": "^34.0.0",
34
34
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
- "@atlaskit/select": "^21.8.0",
36
- "@atlaskit/theme": "^22.0.0",
37
- "@atlaskit/tokens": "^11.1.0",
38
- "@atlaskit/tooltip": "^21.0.0",
35
+ "@atlaskit/select": "^21.10.0",
36
+ "@atlaskit/tokens": "^11.4.0",
37
+ "@atlaskit/tooltip": "^21.1.0",
39
38
  "@babel/runtime": "^7.0.0",
40
39
  "@compiled/react": "^0.20.0",
41
40
  "memoize-one": "^6.0.0",
@@ -48,7 +47,8 @@
48
47
  "devDependencies": {
49
48
  "@af/integration-testing": "workspace:^",
50
49
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/primitives": "^18.0.0",
50
+ "@atlaskit/primitives": "^18.1.0",
51
+ "@atlaskit/theme": "^22.0.0",
52
52
  "@testing-library/react": "^16.3.0",
53
53
  "@testing-library/user-event": "^14.4.3",
54
54
  "ast-types": "^0.13.3",