@atlaskit/color-picker 5.2.9 → 5.2.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 (20) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/ColorCard.compiled.css +2 -2
  3. package/dist/cjs/components/ColorCard.js +2 -2
  4. package/dist/cjs/components/ColorPaletteMenu.js +2 -2
  5. package/dist/cjs/components/ColorPicker.js +1 -1
  6. package/dist/cjs/components/Trigger.compiled.css +2 -2
  7. package/dist/cjs/components/Trigger.js +2 -2
  8. package/dist/es2019/components/ColorCard.compiled.css +2 -2
  9. package/dist/es2019/components/ColorCard.js +2 -2
  10. package/dist/es2019/components/ColorPaletteMenu.js +2 -2
  11. package/dist/es2019/components/ColorPicker.js +1 -1
  12. package/dist/es2019/components/Trigger.compiled.css +2 -2
  13. package/dist/es2019/components/Trigger.js +2 -2
  14. package/dist/esm/components/ColorCard.compiled.css +2 -2
  15. package/dist/esm/components/ColorCard.js +2 -2
  16. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  17. package/dist/esm/components/ColorPicker.js +1 -1
  18. package/dist/esm/components/Trigger.compiled.css +2 -2
  19. package/dist/esm/components/Trigger.js +2 -2
  20. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.2.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5d0b8ba5e6f7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d0b8ba5e6f7f) -
8
+ Internal changes to how borders are applied.
9
+
10
+ ## 5.2.10
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 5.2.9
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/ColorCard.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/cjs/components/ColorCard.js CHANGED
@@ -99,7 +99,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
99
99
  onClick: handleClick,
100
100
  onMouseDown: handleMouseDown,
101
101
  onKeyDown: handleKeyDown,
102
- className: (0, _runtime.ax)(["_19it66vy _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"])
102
+ 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"])
103
103
  }), /*#__PURE__*/_react.default.createElement("div", {
104
104
  className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
105
105
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -109,7 +109,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
109
109
  } : {
110
110
  backgroundColor: value || 'transparent'
111
111
  },
112
- className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
112
+ className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
113
113
  }, selected && /*#__PURE__*/_react.default.createElement(_checkMarkEditorDone.default, {
114
114
  color: newCheckmarkColor,
115
115
  label: "",
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -61,7 +61,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
61
61
  attributes: {
62
62
  componentName: 'color-picker',
63
63
  packageName: "@atlaskit/color-picker",
64
- packageVersion: "5.2.8"
64
+ packageVersion: "0.0.0-development"
65
65
  }
66
66
  })(createAnalyticsEvent);
67
67
  }
@@ -146,7 +146,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
146
146
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
147
147
  componentName: 'color-picker',
148
148
  packageName: "@atlaskit/color-picker",
149
- packageVersion: "5.2.8"
149
+ packageVersion: "0.0.0-development"
150
150
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
151
151
  var colorCardWrapperStyles = null;
152
152
  var colorPaletteContainerStyles = null;
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -39,7 +39,7 @@ var defaultPopperProps = {
39
39
  placement: 'bottom-start'
40
40
  };
41
41
  var packageName = "@atlaskit/color-picker";
42
- var packageVersion = "5.2.8";
42
+ var packageVersion = "0.0.0-development";
43
43
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
44
44
  function ColorPickerWithoutAnalyticsBase() {
45
45
  var _this;
package/dist/cjs/components/Trigger.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/cjs/components/Trigger.js CHANGED
@@ -52,13 +52,13 @@ var ColorCard = function ColorCard(_ref) {
52
52
  "aria-haspopup": true,
53
53
  type: "button",
54
54
  id: id,
55
- className: (0, _runtime.ax)(["_19it66vy _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"])
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"])
56
56
  }, /*#__PURE__*/React.createElement("span", {
57
57
  className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
58
58
  }, /*#__PURE__*/React.createElement("span", {
59
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
60
60
  style: colorCardStyles,
61
- className: (0, _runtime.ax)([isOutlineVariant ? "_2rkofajl _189e1bk5 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
61
+ className: (0, _runtime.ax)([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
62
62
  }))));
63
63
  };
64
64
  var _default = exports.default = ColorCard;
package/dist/es2019/components/ColorCard.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/es2019/components/ColorCard.js CHANGED
@@ -86,7 +86,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
86
86
  onClick: handleClick,
87
87
  onMouseDown: handleMouseDown,
88
88
  onKeyDown: handleKeyDown,
89
- className: ax(["_19it66vy _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"])
89
+ 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
90
  }), /*#__PURE__*/React.createElement("div", {
91
91
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
92
92
  }, /*#__PURE__*/React.createElement("div", {
@@ -96,7 +96,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
96
96
  } : {
97
97
  backgroundColor: value || 'transparent'
98
98
  },
99
- className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
99
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
100
100
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
101
101
  color: newCheckmarkColor,
102
102
  label: "",
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -42,7 +42,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
42
42
  attributes: {
43
43
  componentName: 'color-picker',
44
44
  packageName: "@atlaskit/color-picker",
45
- packageVersion: "5.2.8"
45
+ packageVersion: "0.0.0-development"
46
46
  }
47
47
  })(createAnalyticsEvent);
48
48
  }
@@ -120,7 +120,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
120
120
  export default withAnalyticsContext({
121
121
  componentName: 'color-picker',
122
122
  packageName: "@atlaskit/color-picker",
123
- packageVersion: "5.2.8"
123
+ packageVersion: "0.0.0-development"
124
124
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
125
125
  const colorCardWrapperStyles = null;
126
126
  const colorPaletteContainerStyles = null;
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -23,7 +23,7 @@ const defaultPopperProps = {
23
23
  placement: 'bottom-start'
24
24
  };
25
25
  const packageName = "@atlaskit/color-picker";
26
- const packageVersion = "5.2.8";
26
+ const packageVersion = "0.0.0-development";
27
27
  class ColorPickerWithoutAnalyticsBase extends React.Component {
28
28
  constructor(...args) {
29
29
  super(...args);
package/dist/es2019/components/Trigger.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/es2019/components/Trigger.js CHANGED
@@ -42,13 +42,13 @@ const ColorCard = ({
42
42
  "aria-haspopup": true,
43
43
  type: "button",
44
44
  id: id,
45
- className: ax(["_19it66vy _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", expanded && !fg('platform-design-system-dsp-20821-color-pickr-focus') && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1l4g"])
46
46
  }, /*#__PURE__*/React.createElement("span", {
47
47
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
48
48
  }, /*#__PURE__*/React.createElement("span", {
49
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
50
50
  style: colorCardStyles,
51
- className: ax([isOutlineVariant ? "_2rkofajl _189e1bk5 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
51
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
52
52
  }))));
53
53
  };
54
54
  export default ColorCard;
package/dist/esm/components/ColorCard.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6dvmul{border-color:var(--ds-border-focused,#b3d4ff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/esm/components/ColorCard.js CHANGED
@@ -90,7 +90,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
90
90
  onClick: handleClick,
91
91
  onMouseDown: handleMouseDown,
92
92
  onKeyDown: handleKeyDown,
93
- className: ax(["_19it66vy _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"])
93
+ 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"])
94
94
  }), /*#__PURE__*/React.createElement("div", {
95
95
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
96
96
  }, /*#__PURE__*/React.createElement("div", {
@@ -100,7 +100,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
100
100
  } : {
101
101
  backgroundColor: value || 'transparent'
102
102
  },
103
- className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
103
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1dm9 _1dqonqa1 _16qsglyw"])
104
104
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
105
105
  color: newCheckmarkColor,
106
106
  label: "",
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -52,7 +52,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
52
52
  attributes: {
53
53
  componentName: 'color-picker',
54
54
  packageName: "@atlaskit/color-picker",
55
- packageVersion: "5.2.8"
55
+ packageVersion: "0.0.0-development"
56
56
  }
57
57
  })(createAnalyticsEvent);
58
58
  }
@@ -137,7 +137,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
137
137
  export default withAnalyticsContext({
138
138
  componentName: 'color-picker',
139
139
  packageName: "@atlaskit/color-picker",
140
- packageVersion: "5.2.8"
140
+ packageVersion: "0.0.0-development"
141
141
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
142
142
  var colorCardWrapperStyles = null;
143
143
  var colorPaletteContainerStyles = null;
package/dist/esm/components/ColorPicker.js CHANGED
@@ -30,7 +30,7 @@ var defaultPopperProps = {
30
30
  placement: 'bottom-start'
31
31
  };
32
32
  var packageName = "@atlaskit/color-picker";
33
- var packageVersion = "5.2.8";
33
+ var packageVersion = "0.0.0-development";
34
34
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
35
35
  function ColorPickerWithoutAnalyticsBase() {
36
36
  var _this;
package/dist/esm/components/Trigger.compiled.css CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
2
+ ._19it5u6v{border:var(--ds-border-width-selected,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
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
- ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
+ ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
7
7
  ._1dqonqa1{border-style:solid}
8
8
  ._1h6d1l4g{border-color:var(--ds-border-focused,#4c9aff)}._12ji1r31{outline-color:currentColor}
9
9
  ._12y31o36{outline-width:medium}
package/dist/esm/components/Trigger.js CHANGED
@@ -43,13 +43,13 @@ var ColorCard = function ColorCard(_ref) {
43
43
  "aria-haspopup": true,
44
44
  type: "button",
45
45
  id: id,
46
- className: ax(["_19it66vy _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"])
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"])
47
47
  }, /*#__PURE__*/React.createElement("span", {
48
48
  className: ax(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o"])
49
49
  }, /*#__PURE__*/React.createElement("span", {
50
50
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
51
51
  style: colorCardStyles,
52
- className: ax([isOutlineVariant ? "_2rkofajl _189e1bk5 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
52
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1dm9 _1dqonqa1" : "_2rkofajl _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
53
53
  }))));
54
54
  };
55
55
  export default ColorCard;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "5.2.9",
3
+ "version": "5.2.11",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,12 +29,12 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@atlaskit/analytics-next": "^11.1.0",
32
- "@atlaskit/css": "^0.13.0",
32
+ "@atlaskit/css": "^0.14.0",
33
33
  "@atlaskit/icon": "^28.1.0",
34
34
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
35
  "@atlaskit/select": "^21.2.0",
36
36
  "@atlaskit/theme": "^20.0.0",
37
- "@atlaskit/tokens": "^6.2.0",
37
+ "@atlaskit/tokens": "^6.3.0",
38
38
  "@atlaskit/tooltip": "^20.4.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.3",
@@ -48,7 +48,7 @@
48
48
  "devDependencies": {
49
49
  "@af/integration-testing": "workspace:^",
50
50
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/primitives": "^14.13.0",
51
+ "@atlaskit/primitives": "^14.14.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",