@atlaskit/color-picker 5.2.7 → 5.2.8

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 (23) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/ColorCard.compiled.css +1 -1
  3. package/dist/cjs/components/ColorCard.js +1 -1
  4. package/dist/cjs/components/ColorPaletteMenu.compiled.css +1 -1
  5. package/dist/cjs/components/ColorPaletteMenu.js +3 -3
  6. package/dist/cjs/components/ColorPicker.js +1 -1
  7. package/dist/cjs/components/Trigger.compiled.css +1 -1
  8. package/dist/cjs/components/Trigger.js +1 -1
  9. package/dist/es2019/components/ColorCard.compiled.css +1 -1
  10. package/dist/es2019/components/ColorCard.js +1 -1
  11. package/dist/es2019/components/ColorPaletteMenu.compiled.css +1 -1
  12. package/dist/es2019/components/ColorPaletteMenu.js +3 -3
  13. package/dist/es2019/components/ColorPicker.js +1 -1
  14. package/dist/es2019/components/Trigger.compiled.css +1 -1
  15. package/dist/es2019/components/Trigger.js +1 -1
  16. package/dist/esm/components/ColorCard.compiled.css +1 -1
  17. package/dist/esm/components/ColorCard.js +1 -1
  18. package/dist/esm/components/ColorPaletteMenu.compiled.css +1 -1
  19. package/dist/esm/components/ColorPaletteMenu.js +3 -3
  20. package/dist/esm/components/ColorPicker.js +1 -1
  21. package/dist/esm/components/Trigger.compiled.css +1 -1
  22. package/dist/esm/components/Trigger.js +1 -1
  23. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.2.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
8
+ Internal changes to how border radius is applied.
9
+
3
10
  ## 5.2.7
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/ColorCard.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/cjs/components/ColorCard.js CHANGED
@@ -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)(["_2rkosqtm _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
112
+ className: (0, _runtime.ax)(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
113
113
  }, selected && /*#__PURE__*/_react.default.createElement(_checkMarkEditorDone.default, {
114
114
  color: newCheckmarkColor,
115
115
  label: "",
package/dist/cjs/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,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)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
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
@@ -61,7 +61,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
61
61
  attributes: {
62
62
  componentName: 'color-picker',
63
63
  packageName: "@atlaskit/color-picker",
64
- packageVersion: "0.0.0-development"
64
+ packageVersion: "5.2.7"
65
65
  }
66
66
  })(createAnalyticsEvent);
67
67
  }
@@ -115,7 +115,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
115
115
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
116
116
  width: "".concat((0, _utils.getWidth)(cols, mode), "px")
117
117
  },
118
- className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === _types.Mode.Standard && "_2rkosqtm _16qs1akw"])
118
+ className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === _types.Mode.Standard && "_2rkofajl _16qs1akw"])
119
119
  }, /*#__PURE__*/React.createElement("div", {
120
120
  className: (0, _runtime.ax)(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === _types.Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
121
121
  }, options.map(function (_ref3, index) {
@@ -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: "0.0.0-development"
149
+ packageVersion: "5.2.7"
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 = "0.0.0-development";
42
+ var packageVersion = "5.2.7";
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,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/cjs/components/Trigger.js CHANGED
@@ -58,7 +58,7 @@ var ColorCard = function ColorCard(_ref) {
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 ? "_2rkosqtm _189e1bk5 _1dqonqa1" : "_2rkosqtm _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
61
+ className: (0, _runtime.ax)([isOutlineVariant ? "_2rkofajl _189e1bk5 _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,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/es2019/components/ColorCard.js CHANGED
@@ -96,7 +96,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
96
96
  } : {
97
97
  backgroundColor: value || 'transparent'
98
98
  },
99
- className: ax(["_2rkosqtm _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
99
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
100
100
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
101
101
  color: newCheckmarkColor,
102
102
  label: "",
package/dist/es2019/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,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)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
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
@@ -42,7 +42,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
42
42
  attributes: {
43
43
  componentName: 'color-picker',
44
44
  packageName: "@atlaskit/color-picker",
45
- packageVersion: "0.0.0-development"
45
+ packageVersion: "5.2.7"
46
46
  }
47
47
  })(createAnalyticsEvent);
48
48
  }
@@ -90,7 +90,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
90
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
91
91
  width: `${getWidth(cols, mode)}px`
92
92
  },
93
- className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkosqtm _16qs1akw"])
93
+ className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs1akw"])
94
94
  }, /*#__PURE__*/React.createElement("div", {
95
95
  className: ax(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
96
96
  }, options.map(({
@@ -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: "0.0.0-development"
123
+ packageVersion: "5.2.7"
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 = "0.0.0-development";
26
+ const packageVersion = "5.2.7";
27
27
  class ColorPickerWithoutAnalyticsBase extends React.Component {
28
28
  constructor(...args) {
29
29
  super(...args);
package/dist/es2019/components/Trigger.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/es2019/components/Trigger.js CHANGED
@@ -48,7 +48,7 @@ const ColorCard = ({
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 ? "_2rkosqtm _189e1bk5 _1dqonqa1" : "_2rkosqtm _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
51
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1bk5 _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,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/esm/components/ColorCard.js CHANGED
@@ -100,7 +100,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
100
100
  } : {
101
101
  backgroundColor: value || 'transparent'
102
102
  },
103
- className: ax(["_2rkosqtm _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
103
+ className: ax(["_2rkofajl _1bsb1tcg _4t3i1tcg _16qsbflq", isOutlineVariant && "_189e1bk5 _1dqonqa1 _16qsglyw"])
104
104
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
105
105
  color: newCheckmarkColor,
106
106
  label: "",
package/dist/esm/components/ColorPaletteMenu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,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)}._16qs1akw{box-shadow:var(--ds-shadow-overlay,0 0 0 1px #dfe1e6,0 0 8px #dfe1e6)}
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
@@ -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: "0.0.0-development"
55
+ packageVersion: "5.2.7"
56
56
  }
57
57
  })(createAnalyticsEvent);
58
58
  }
@@ -106,7 +106,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
106
106
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
107
107
  width: "".concat(getWidth(cols, mode), "px")
108
108
  },
109
- className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkosqtm _16qs1akw"])
109
+ className: ax(["_1e0c1txw _kqswh2mm _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _bfhk1bhr", mode === Mode.Standard && "_2rkofajl _16qs1akw"])
110
110
  }, /*#__PURE__*/React.createElement("div", {
111
111
  className: ax(["_1e0c1txw _1n261g80 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66", mode === Mode.Compact && "_ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"])
112
112
  }, options.map(function (_ref3, index) {
@@ -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: "0.0.0-development"
140
+ packageVersion: "5.2.7"
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 = "0.0.0-development";
33
+ var packageVersion = "5.2.7";
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,7 +1,7 @@
1
1
 
2
2
  ._19it66vy{border:var(--ds-border-width-outline,2px) solid transparent}
3
3
  ._2rkobz73{border-radius:var(--ds-radius-large,6px)}
4
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
7
7
  ._1dqonqa1{border-style:solid}
package/dist/esm/components/Trigger.js CHANGED
@@ -49,7 +49,7 @@ var ColorCard = function ColorCard(_ref) {
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 ? "_2rkosqtm _189e1bk5 _1dqonqa1" : "_2rkosqtm _16qsbflq", swatchSize === 'small' ? "_1bsb7vkz _4t3i7vkz" : "_1bsb1tcg _4t3i1tcg"])
52
+ className: ax([isOutlineVariant ? "_2rkofajl _189e1bk5 _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.7",
3
+ "version": "5.2.8",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"