@atlaskit/editor-plugin-media 6.0.1 → 6.0.2

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 (11) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  3. package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  4. package/dist/cjs/ui/ResizableMediaSingle/styles.js +1 -1
  5. package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  6. package/dist/es2019/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  7. package/dist/es2019/ui/ResizableMediaSingle/styles.js +1 -1
  8. package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  9. package/dist/esm/nodeviews/toDOM-fixes/mediaSingle.js +1 -1
  10. package/dist/esm/ui/ResizableMediaSingle/styles.js +1 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 6.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
3
11
  ## 6.0.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -33,7 +33,7 @@ var mediaInlineSpecWithFixedToDOM = exports.mediaInlineSpecWithFixedToDOM = func
33
33
  width: '100%',
34
34
  // Transparent image workaround to control styling
35
35
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
36
- style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-border-radius, 3px)", "; ").concat(skeletonStyling)
36
+ style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-radius-small, 3px)", "; ").concat(skeletonStyling)
37
37
  }]];
38
38
  } else {
39
39
  return ['span', _objectSpread(_objectSpread({}, dataAttrs), {}, {
package/dist/cjs/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -142,7 +142,7 @@ var prepareWrapperContentDOM = exports.prepareWrapperContentDOM = function prepa
142
142
  })
143
143
  }, dataAttrs), ['div', {
144
144
  style: (0, _lazyNodeView.convertToInlineCss)({
145
- borderRadius: "var(--ds-border-radius, 3px)",
145
+ borderRadius: "var(--ds-radius-small, 3px)",
146
146
  width: mediaWidthCalc,
147
147
  minWidth: mediaWidthCalc,
148
148
  color: "var(--ds-icon, ".concat(_colors.N50, ")")
package/dist/cjs/ui/ResizableMediaSingle/styles.js CHANGED
@@ -23,7 +23,7 @@ var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNo
23
23
  right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
25
25
  backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
26
- borderRadius: "var(--ds-border-radius-circle, 50%)",
26
+ borderRadius: "var(--ds-radius-full, 50%)",
27
27
  width: "".concat(NOTIFICATION_SIZE, "px"),
28
28
  height: "".concat(NOTIFICATION_SIZE, "px"),
29
29
  pointerEvents: 'none'
package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -25,7 +25,7 @@ export const mediaInlineSpecWithFixedToDOM = () => {
25
25
  width: '100%',
26
26
  // Transparent image workaround to control styling
27
27
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
28
- style: `display: inline-block; aspect-ratio: ${aspectRatio}; height: 100%; width: 100%; border-radius: ${"var(--ds-border-radius, 3px)"}; ${skeletonStyling}`
28
+ style: `display: inline-block; aspect-ratio: ${aspectRatio}; height: 100%; width: 100%; border-radius: ${"var(--ds-radius-small, 3px)"}; ${skeletonStyling}`
29
29
  }]];
30
30
  } else {
31
31
  return ['span', {
package/dist/es2019/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -138,7 +138,7 @@ export const prepareWrapperContentDOM = ({
138
138
  ...dataAttrs
139
139
  }, ['div', {
140
140
  style: convertToInlineCss({
141
- borderRadius: "var(--ds-border-radius, 3px)",
141
+ borderRadius: "var(--ds-radius-small, 3px)",
142
142
  width: mediaWidthCalc,
143
143
  minWidth: mediaWidthCalc,
144
144
  color: `var(--ds-icon, ${N50})`
package/dist/es2019/ui/ResizableMediaSingle/styles.js CHANGED
@@ -14,7 +14,7 @@ export const resizableMediaMigrationNotificationStyle = css({
14
14
  right: `calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE})`,
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
16
16
  backgroundColor: `var(--ds-background-warning-bold, ${colors.Y300})`,
17
- borderRadius: "var(--ds-border-radius-circle, 50%)",
17
+ borderRadius: "var(--ds-radius-full, 50%)",
18
18
  width: `${NOTIFICATION_SIZE}px`,
19
19
  height: `${NOTIFICATION_SIZE}px`,
20
20
  pointerEvents: 'none'
package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -26,7 +26,7 @@ export var mediaInlineSpecWithFixedToDOM = function mediaInlineSpecWithFixedToDO
26
26
  width: '100%',
27
27
  // Transparent image workaround to control styling
28
28
  src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
29
- style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-border-radius, 3px)", "; ").concat(skeletonStyling)
29
+ style: "display: inline-block; aspect-ratio: ".concat(aspectRatio, "; height: 100%; width: 100%; border-radius: ", "var(--ds-radius-small, 3px)", "; ").concat(skeletonStyling)
30
30
  }]];
31
31
  } else {
32
32
  return ['span', _objectSpread(_objectSpread({}, dataAttrs), {}, {
package/dist/esm/nodeviews/toDOM-fixes/mediaSingle.js CHANGED
@@ -135,7 +135,7 @@ export var prepareWrapperContentDOM = function prepareWrapperContentDOM(_ref5) {
135
135
  })
136
136
  }, dataAttrs), ['div', {
137
137
  style: convertToInlineCss({
138
- borderRadius: "var(--ds-border-radius, 3px)",
138
+ borderRadius: "var(--ds-radius-small, 3px)",
139
139
  width: mediaWidthCalc,
140
140
  minWidth: mediaWidthCalc,
141
141
  color: "var(--ds-icon, ".concat(N50, ")")
package/dist/esm/ui/ResizableMediaSingle/styles.js CHANGED
@@ -14,7 +14,7 @@ export var resizableMediaMigrationNotificationStyle = css({
14
14
  right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
16
16
  backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
17
- borderRadius: "var(--ds-border-radius-circle, 50%)",
17
+ borderRadius: "var(--ds-radius-full, 50%)",
18
18
  width: "".concat(NOTIFICATION_SIZE, "px"),
19
19
  height: "".concat(NOTIFICATION_SIZE, "px"),
20
20
  pointerEvents: 'none'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "6.0.1",
3
+ "version": "6.0.2",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -65,7 +65,7 @@
65
65
  "@atlaskit/primitives": "^14.12.0",
66
66
  "@atlaskit/textfield": "^8.0.0",
67
67
  "@atlaskit/theme": "^20.0.0",
68
- "@atlaskit/tmp-editor-statsig": "^12.1.0",
68
+ "@atlaskit/tmp-editor-statsig": "^12.2.0",
69
69
  "@atlaskit/tokens": "^6.1.0",
70
70
  "@atlaskit/tooltip": "^20.4.0",
71
71
  "@babel/runtime": "^7.0.0",
@@ -77,7 +77,7 @@
77
77
  "uuid": "^3.1.0"
78
78
  },
79
79
  "peerDependencies": {
80
- "@atlaskit/editor-common": "^108.0.0",
80
+ "@atlaskit/editor-common": "^108.1.0",
81
81
  "@atlaskit/media-core": "^37.0.0",
82
82
  "react": "^18.2.0",
83
83
  "react-dom": "^18.2.0",