@atlaskit/media-avatar-picker 26.0.1 → 26.0.3

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 (17) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/avatar-picker-dialog/index.compiled.css +1 -1
  3. package/dist/cjs/avatar-picker-dialog/index.js +1 -1
  4. package/dist/cjs/image-navigator/slider.js +6 -10
  5. package/dist/cjs/predefined-avatar-view/index.compiled.css +1 -1
  6. package/dist/cjs/predefined-avatar-view/index.js +1 -1
  7. package/dist/es2019/avatar-picker-dialog/index.compiled.css +1 -1
  8. package/dist/es2019/avatar-picker-dialog/index.js +1 -1
  9. package/dist/es2019/image-navigator/slider.js +4 -8
  10. package/dist/es2019/predefined-avatar-view/index.compiled.css +1 -1
  11. package/dist/es2019/predefined-avatar-view/index.js +1 -1
  12. package/dist/esm/avatar-picker-dialog/index.compiled.css +1 -1
  13. package/dist/esm/avatar-picker-dialog/index.js +1 -1
  14. package/dist/esm/image-navigator/slider.js +4 -8
  15. package/dist/esm/predefined-avatar-view/index.compiled.css +1 -1
  16. package/dist/esm/predefined-avatar-view/index.js +1 -1
  17. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/media-avatar-picker
2
2
 
3
+ ## 26.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#124281](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124281)
8
+ [`f70a31c4fdf67`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f70a31c4fdf67) -
9
+ Updated scale image icons sources
10
+ - Updated dependencies
11
+
12
+ ## 26.0.2
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 26.0.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
2
+ ._fqoxlodh._fqoxlodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
3
  ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
package/dist/cjs/avatar-picker-dialog/index.js CHANGED
@@ -60,7 +60,7 @@ var HeaderContent = function HeaderContent(_ref) {
60
60
  return /*#__PURE__*/_react.default.createElement("h1", {
61
61
  "data-testid": "modal-header",
62
62
  id: modal.titleId,
63
- className: (0, _runtime.ax)(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
63
+ className: (0, _runtime.ax)(["_fqoxlodh _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
64
64
  }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.upload_an_avatar));
65
65
  };
66
66
  var altTextFieldStyles = {
package/dist/cjs/image-navigator/slider.js CHANGED
@@ -18,8 +18,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
18
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
19
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
20
20
  var _range = _interopRequireDefault(require("@atlaskit/range"));
21
- var _scaleLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/scale-large"));
22
- var _scaleSmall = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/scale-small"));
21
+ var _imageMediaServicesScaleLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/image--media-services-scale-large"));
22
+ var _imageMediaServicesScaleSmall = _interopRequireDefault(require("@atlaskit/icon/core/migration/image--media-services-scale-small"));
23
23
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
24
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -47,10 +47,8 @@ var Slider = exports.Slider = /*#__PURE__*/function (_Component) {
47
47
  }, /*#__PURE__*/React.createElement(_standardButton.default
48
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
49
49
  , {
50
- className: "zoom_button zoom_button_small"
51
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
52
- ,
53
- iconAfter: /*#__PURE__*/React.createElement(_scaleSmall.default, {
50
+ className: "zoom_button zoom_button_small",
51
+ iconAfter: /*#__PURE__*/React.createElement(_imageMediaServicesScaleSmall.default, {
54
52
  label: "scale-small-icon"
55
53
  }),
56
54
  onClick: function onClick() {
@@ -62,10 +60,8 @@ var Slider = exports.Slider = /*#__PURE__*/function (_Component) {
62
60
  }), /*#__PURE__*/React.createElement(_standardButton.default
63
61
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
64
62
  , {
65
- className: "zoom_button zoom_button_large"
66
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
67
- ,
68
- iconAfter: /*#__PURE__*/React.createElement(_scaleLarge.default, {
63
+ className: "zoom_button zoom_button_large",
64
+ iconAfter: /*#__PURE__*/React.createElement(_imageMediaServicesScaleLarge.default, {
69
65
  label: "scale-large-icon"
70
66
  }),
71
67
  onClick: function onClick() {
package/dist/cjs/predefined-avatar-view/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itidpf{border:0}
3
3
  ._2rko1q77{border-radius:var(--ds-border-radius-400,1pc)}
4
4
  ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
package/dist/cjs/predefined-avatar-view/index.js CHANGED
@@ -95,7 +95,7 @@ var PredefinedAvatarView = exports.PredefinedAvatarView = function PredefinedAva
95
95
  onClick: onGoBack,
96
96
  className: (0, _runtime.ax)(["_2rko1q77 _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsbzwfg _4t3izwfg _4cvr1h6o _1bah1h6o"])
97
97
  }), /*#__PURE__*/React.createElement("h2", {
98
- className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c81oud _19bvu2gc"])
98
+ className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c82smr _19bvu2gc"])
99
99
  }, predefinedAvatarsText || /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.default_avatars))), /*#__PURE__*/React.createElement("div", {
100
100
  role: "radiogroup",
101
101
  "aria-label": selectAvatarLabel || intl.formatMessage(_mediaUi.messages.select_an_avatar),
package/dist/es2019/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
2
+ ._fqoxlodh._fqoxlodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
3
  ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
package/dist/es2019/avatar-picker-dialog/index.js CHANGED
@@ -44,7 +44,7 @@ const HeaderContent = ({
44
44
  return /*#__PURE__*/React.createElement("h1", {
45
45
  "data-testid": "modal-header",
46
46
  id: modal.titleId,
47
- className: ax(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
47
+ className: ax(["_fqoxlodh _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
48
48
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.upload_an_avatar));
49
49
  };
50
50
  const altTextFieldStyles = {
package/dist/es2019/image-navigator/slider.js CHANGED
@@ -5,8 +5,8 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { Component } from 'react';
7
7
  import FieldRange from '@atlaskit/range';
8
- import ScaleLargeIcon from '@atlaskit/icon/glyph/media-services/scale-large';
9
- import ScaleSmallIcon from '@atlaskit/icon/glyph/media-services/scale-small';
8
+ import ScaleLargeIcon from '@atlaskit/icon/core/migration/image--media-services-scale-large';
9
+ import ScaleSmallIcon from '@atlaskit/icon/core/migration/image--media-services-scale-small';
10
10
  import Button from '@atlaskit/button/standard-button';
11
11
  export const defaultProps = {
12
12
  value: 0
@@ -24,9 +24,7 @@ export class Slider extends Component {
24
24
  }, /*#__PURE__*/React.createElement(Button
25
25
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
26
26
  , {
27
- className: "zoom_button zoom_button_small"
28
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
29
- ,
27
+ className: "zoom_button zoom_button_small",
30
28
  iconAfter: /*#__PURE__*/React.createElement(ScaleSmallIcon, {
31
29
  label: "scale-small-icon"
32
30
  }),
@@ -37,9 +35,7 @@ export class Slider extends Component {
37
35
  }), /*#__PURE__*/React.createElement(Button
38
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
39
37
  , {
40
- className: "zoom_button zoom_button_large"
41
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
42
- ,
38
+ className: "zoom_button zoom_button_large",
43
39
  iconAfter: /*#__PURE__*/React.createElement(ScaleLargeIcon, {
44
40
  label: "scale-large-icon"
45
41
  }),
package/dist/es2019/predefined-avatar-view/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itidpf{border:0}
3
3
  ._2rko1q77{border-radius:var(--ds-border-radius-400,1pc)}
4
4
  ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
package/dist/es2019/predefined-avatar-view/index.js CHANGED
@@ -74,7 +74,7 @@ export const PredefinedAvatarView = ({
74
74
  onClick: onGoBack,
75
75
  className: ax(["_2rko1q77 _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsbzwfg _4t3izwfg _4cvr1h6o _1bah1h6o"])
76
76
  }), /*#__PURE__*/React.createElement("h2", {
77
- className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c81oud _19bvu2gc"])
77
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c82smr _19bvu2gc"])
78
78
  }, predefinedAvatarsText || /*#__PURE__*/React.createElement(FormattedMessage, messages.default_avatars))), /*#__PURE__*/React.createElement("div", {
79
79
  role: "radiogroup",
80
80
  "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar),
package/dist/esm/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
2
+ ._fqoxlodh._fqoxlodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
3
  ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
package/dist/esm/avatar-picker-dialog/index.js CHANGED
@@ -52,7 +52,7 @@ var HeaderContent = function HeaderContent(_ref) {
52
52
  return /*#__PURE__*/React.createElement("h1", {
53
53
  "data-testid": "modal-header",
54
54
  id: modal.titleId,
55
- className: ax(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
55
+ className: ax(["_fqoxlodh _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
56
56
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.upload_an_avatar));
57
57
  };
58
58
  var altTextFieldStyles = {
package/dist/esm/image-navigator/slider.js CHANGED
@@ -12,8 +12,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
12
12
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
13
  import { Component } from 'react';
14
14
  import FieldRange from '@atlaskit/range';
15
- import ScaleLargeIcon from '@atlaskit/icon/glyph/media-services/scale-large';
16
- import ScaleSmallIcon from '@atlaskit/icon/glyph/media-services/scale-small';
15
+ import ScaleLargeIcon from '@atlaskit/icon/core/migration/image--media-services-scale-large';
16
+ import ScaleSmallIcon from '@atlaskit/icon/core/migration/image--media-services-scale-small';
17
17
  import Button from '@atlaskit/button/standard-button';
18
18
  export var defaultProps = {
19
19
  value: 0
@@ -37,9 +37,7 @@ export var Slider = /*#__PURE__*/function (_Component) {
37
37
  }, /*#__PURE__*/React.createElement(Button
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
39
39
  , {
40
- className: "zoom_button zoom_button_small"
41
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
42
- ,
40
+ className: "zoom_button zoom_button_small",
43
41
  iconAfter: /*#__PURE__*/React.createElement(ScaleSmallIcon, {
44
42
  label: "scale-small-icon"
45
43
  }),
@@ -52,9 +50,7 @@ export var Slider = /*#__PURE__*/function (_Component) {
52
50
  }), /*#__PURE__*/React.createElement(Button
53
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
54
52
  , {
55
- className: "zoom_button zoom_button_large"
56
- // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20874
57
- ,
53
+ className: "zoom_button zoom_button_large",
58
54
  iconAfter: /*#__PURE__*/React.createElement(ScaleLargeIcon, {
59
55
  label: "scale-large-icon"
60
56
  }),
package/dist/esm/predefined-avatar-view/index.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
- ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
1
+ ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._19itidpf{border:0}
3
3
  ._2rko1q77{border-radius:var(--ds-border-radius-400,1pc)}
4
4
  ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
package/dist/esm/predefined-avatar-view/index.js CHANGED
@@ -85,7 +85,7 @@ export var PredefinedAvatarView = function PredefinedAvatarView(_ref) {
85
85
  onClick: onGoBack,
86
86
  className: ax(["_2rko1q77 _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsbzwfg _4t3izwfg _4cvr1h6o _1bah1h6o"])
87
87
  }), /*#__PURE__*/React.createElement("h2", {
88
- className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c81oud _19bvu2gc"])
88
+ className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _11c82smr _19bvu2gc"])
89
89
  }, predefinedAvatarsText || /*#__PURE__*/React.createElement(FormattedMessage, messages.default_avatars))), /*#__PURE__*/React.createElement("div", {
90
90
  role: "radiogroup",
91
91
  "aria-label": selectAvatarLabel || intl.formatMessage(messages.select_an_avatar),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-avatar-picker",
3
- "version": "26.0.1",
3
+ "version": "26.0.3",
4
4
  "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,17 +37,17 @@
37
37
  "dependencies": {
38
38
  "@atlaskit/button": "^21.1.0",
39
39
  "@atlaskit/css": "^0.10.0",
40
- "@atlaskit/flag": "^16.1.0",
40
+ "@atlaskit/flag": "^16.2.0",
41
41
  "@atlaskit/form": "^12.0.0",
42
- "@atlaskit/icon": "^24.1.0",
42
+ "@atlaskit/icon": "^25.0.0",
43
43
  "@atlaskit/media-ui": "^28.0.0",
44
44
  "@atlaskit/modal-dialog": "^13.0.0",
45
45
  "@atlaskit/primitives": "^14.1.0",
46
46
  "@atlaskit/range": "^9.0.0",
47
47
  "@atlaskit/spinner": "^18.0.0",
48
48
  "@atlaskit/textfield": "^8.0.0",
49
- "@atlaskit/theme": "^17.0.0",
50
- "@atlaskit/tokens": "^4.3.0",
49
+ "@atlaskit/theme": "^18.0.0",
50
+ "@atlaskit/tokens": "^4.4.0",
51
51
  "@atlaskit/visually-hidden": "^3.0.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@compiled/react": "^0.18.2",
@@ -62,7 +62,7 @@
62
62
  "devDependencies": {
63
63
  "@atlaskit/media-core": "^35.0.0",
64
64
  "@atlaskit/media-test-helpers": "^35.0.0",
65
- "@atlaskit/visual-regression": "*",
65
+ "@atlaskit/visual-regression": "^0.10.0",
66
66
  "@testing-library/react": "^13.4.0",
67
67
  "@testing-library/user-event": "^14.4.3",
68
68
  "@types/enzyme": "3.1.15",