@atlaskit/media-card 79.5.8 → 79.5.9
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js +1 -1
- package/dist/cjs/card/ui/playButton/styles.js +1 -1
- package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js +1 -1
- package/dist/es2019/card/ui/playButton/styles.js +1 -1
- package/dist/esm/card/ui/playButton/playButtonBackground-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js +1 -1
- package/dist/esm/card/ui/playButton/styles.js +1 -1
- package/example-helpers/svg-helpers/svgContainer.tsx +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.5.9
|
|
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
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 79.5.8
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsb1ezv{width:var(--_zq1rrr)}
|
|
3
3
|
._1oec1yx9{transition-duration:.1s}
|
|
4
4
|
._4t3i1ezv{height:var(--_zq1rrr)}
|
|
5
5
|
._bfhk1ypx{background-color:var(--_gra0m5)}
|
|
@@ -17,7 +17,7 @@ var backgroundStyles = null;
|
|
|
17
17
|
var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: (0, _runtime.ax)(["
|
|
20
|
+
className: (0, _runtime.ax)(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", _styles.bkgClassName]),
|
|
21
21
|
style: {
|
|
22
22
|
"--_zq1rrr": (0, _runtime.ix)("".concat(discSize, "px")),
|
|
23
23
|
"--_gra0m5": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N90A, ")"))
|
|
@@ -39,5 +39,5 @@ var backgroundStyles = exports.backgroundStyles = (0, _react.css)({
|
|
|
39
39
|
width: "".concat(discSize, "px"),
|
|
40
40
|
height: "".concat(discSize, "px"),
|
|
41
41
|
background: "var(--ds-background-neutral-bold, ".concat(_colors.N90A, ")"),
|
|
42
|
-
borderRadius:
|
|
42
|
+
borderRadius: "var(--ds-radius-full, 9999px)"
|
|
43
43
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsbckbl{width:3pc}
|
|
3
3
|
._1oec1yx9{transition-duration:.1s}
|
|
4
4
|
._4t3ickbl{height:3pc}
|
|
5
5
|
._bfhk19wx{background-color:var(--ds-background-neutral-bold,rgba(9,30,66,.48))}
|
|
@@ -9,6 +9,6 @@ const backgroundStyles = null;
|
|
|
9
9
|
export const PlayButtonBackground = () => {
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
11
11
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
className: ax(["
|
|
12
|
+
className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk19wx", bkgClassName])
|
|
13
13
|
});
|
|
14
14
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsb1ezv{width:var(--_zq1rrr)}
|
|
3
3
|
._1oec1yx9{transition-duration:.1s}
|
|
4
4
|
._4t3i1ezv{height:var(--_zq1rrr)}
|
|
5
5
|
._bfhk1ypx{background-color:var(--_gra0m5)}
|
|
@@ -9,7 +9,7 @@ var backgroundStyles = null;
|
|
|
9
9
|
export var PlayButtonBackground = function PlayButtonBackground() {
|
|
10
10
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
11
11
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
className: ax(["
|
|
12
|
+
className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", bkgClassName]),
|
|
13
13
|
style: {
|
|
14
14
|
"--_zq1rrr": ix("".concat(discSize, "px")),
|
|
15
15
|
"--_gra0m5": ix("var(--ds-background-neutral-bold, ".concat(N90A, ")"))
|
|
@@ -14,7 +14,7 @@ const containerStyles = xcss({
|
|
|
14
14
|
boxSizing: 'border-box',
|
|
15
15
|
outlineColor: 'color.border.accent.orange',
|
|
16
16
|
outlineStyle: 'solid',
|
|
17
|
-
outlineWidth: 'border.width.
|
|
17
|
+
outlineWidth: 'border.width.selected',
|
|
18
18
|
margin: 'auto',
|
|
19
19
|
marginTop: 'space.100',
|
|
20
20
|
backgroundColor: 'color.background.accent.green.subtler',
|
package/package.json
CHANGED