@atlaskit/smart-card 26.52.9 → 26.53.0

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 +10 -0
  2. package/dist/cjs/utils/analytics/analytics.js +1 -1
  3. package/dist/cjs/view/EmbedCard/components/styled.js +3 -4
  4. package/dist/cjs/view/LinkUrl/index.js +1 -1
  5. package/dist/es2019/utils/analytics/analytics.js +1 -1
  6. package/dist/es2019/view/EmbedCard/components/styled.js +3 -4
  7. package/dist/es2019/view/LinkUrl/index.js +1 -1
  8. package/dist/esm/utils/analytics/analytics.js +1 -1
  9. package/dist/esm/view/EmbedCard/components/styled.js +3 -4
  10. package/dist/esm/view/LinkUrl/index.js +1 -1
  11. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 26.53.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#88000](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/88000) [`61b44e565851`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61b44e565851) - [ux] FF clean up platform.editor.show-embed-card-frame-renderer
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 26.52.9
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/utils/analytics/analytics.js CHANGED
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
22
22
  var context = exports.context = {
23
23
  componentName: 'smart-cards',
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "26.52.9"
25
+ packageVersion: "26.53.0"
26
26
  };
27
27
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
28
28
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/cjs/view/EmbedCard/components/styled.js CHANGED
@@ -12,7 +12,6 @@ var _constants = require("@atlaskit/theme/constants");
12
12
  var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var colors = _colors;
14
14
  var _utils = require("../../common/utils");
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _templateObject, _templateObject2;
17
16
  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); }
18
17
  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 && Object.prototype.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; }
@@ -69,7 +68,7 @@ var wrapperStyles = function wrapperStyles(props) {
69
68
  // outside the container
70
69
  var wrapperSizing = function wrapperSizing(_ref6) {
71
70
  var frameStyle = _ref6.frameStyle;
72
- return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n box-sizing: border-box;\n width: 100%;" : "\n width: calc(100% + ".concat("var(--ds-space-200, 16px)", ");\n left: ", "var(--ds-space-negative-100, -8px)", ";");
71
+ return frameStyle === 'show' ? "\n box-sizing: border-box;\n width: 100%;" : "\n width: calc(100% + ".concat("var(--ds-space-200, 16px)", ");\n left: ", "var(--ds-space-negative-100, -8px)", ";");
73
72
  };
74
73
  var visibleStyles = "\n &:after {\n border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";\n background-color: ", "var(--ds-surface-raised, white)", ";\n }\n .embed-header {\n opacity: 1;\n }");
75
74
  function visible(_ref7) {
@@ -102,7 +101,7 @@ var Header = exports.Header = _styled.default.div({
102
101
  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
103
102
  }, function (_ref8) {
104
103
  var frameStyle = _ref8.frameStyle;
105
- return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n box-sizing: border-box;\n padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n ") : '';
104
+ return frameStyle === 'show' ? "\n box-sizing: border-box;\n padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n ") : '';
106
105
  });
107
106
  var IconWrapper = exports.IconWrapper = _styled.default.div(borderRadius, csssize(16), function (_ref9) {
108
107
  var isPlaceholder = _ref9.isPlaceholder;
@@ -138,7 +137,7 @@ var Content = exports.Content = _styled.default.div(_templateObject2 || (_templa
138
137
  return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
139
138
  }, function (_ref12) {
140
139
  var frameStyle = _ref12.frameStyle;
141
- return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n width: calc(100% - ".concat("var(--ds-space-200, 16px)", " - 2px);\n margin: 0 ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", ";\n ") : '';
140
+ return frameStyle === 'show' ? "\n width: calc(100% - ".concat("var(--ds-space-200, 16px)", " - 2px);\n margin: 0 ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", ";\n ") : '';
142
141
  }, function (_ref13) {
143
142
  var frameStyle = _ref13.frameStyle;
144
143
  return frameStyle === 'hide' ? 'height: 100%;' : "\n height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n top: ", "var(--ds-space-400, 32px)", ";\n ");
package/dist/cjs/view/LinkUrl/index.js CHANGED
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
17
17
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
18
18
  var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/smart-card",
20
- packageVersion: "26.52.9",
20
+ packageVersion: "26.53.0",
21
21
  componentName: 'linkUrl'
22
22
  };
23
23
  var Link = (0, _click.withLinkClickedEvent)('a');
package/dist/es2019/utils/analytics/analytics.js CHANGED
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
4
4
  export const context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "26.52.9"
7
+ packageVersion: "26.53.0"
8
8
  };
9
9
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/es2019/view/EmbedCard/components/styled.js CHANGED
@@ -3,7 +3,6 @@ import { fontFamily } from '@atlaskit/theme/constants';
3
3
  import * as colors from '@atlaskit/theme/colors';
4
4
  import { gs as gridSize } from '../../common/utils';
5
5
  import { N40 } from '@atlaskit/theme/colors';
6
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
7
6
  export const className = 'media-card-frame';
8
7
  export const borderRadius = `
9
8
  border-radius: ${"var(--ds-border-radius, 3px)"};
@@ -118,7 +117,7 @@ const wrapperStyles = props => `
118
117
  // outside the container
119
118
  const wrapperSizing = ({
120
119
  frameStyle
121
- }) => getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? `
120
+ }) => frameStyle === 'show' ? `
122
121
  box-sizing: border-box;
123
122
  width: 100%;` : `
124
123
  width: calc(100% + ${"var(--ds-space-200, 16px)"});
@@ -162,7 +161,7 @@ export const Header = styled.div({
162
161
  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
163
162
  }, ({
164
163
  frameStyle
165
- }) => getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? `
164
+ }) => frameStyle === 'show' ? `
166
165
  box-sizing: border-box;
167
166
  padding: 0 ${"var(--ds-space-100, 8px)"};
168
167
  ` : '');
@@ -230,7 +229,7 @@ export const Content = styled.div`
230
229
 
231
230
  ${({
232
231
  frameStyle
233
- }) => getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? `
232
+ }) => frameStyle === 'show' ? `
234
233
  width: calc(100% - ${"var(--ds-space-200, 16px)"} - 2px);
235
234
  margin: 0 ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"};
236
235
  ` : ''}
package/dist/es2019/view/LinkUrl/index.js CHANGED
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
7
7
  import LinkWarningModal from './LinkWarningModal';
8
8
  const PACKAGE_DATA = {
9
9
  packageName: "@atlaskit/smart-card",
10
- packageVersion: "26.52.9",
10
+ packageVersion: "26.53.0",
11
11
  componentName: 'linkUrl'
12
12
  };
13
13
  const Link = withLinkClickedEvent('a');
package/dist/esm/utils/analytics/analytics.js CHANGED
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
15
15
  export var context = {
16
16
  componentName: 'smart-cards',
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "26.52.9"
18
+ packageVersion: "26.53.0"
19
19
  };
20
20
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
21
21
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/esm/view/EmbedCard/components/styled.js CHANGED
@@ -5,7 +5,6 @@ import { fontFamily } from '@atlaskit/theme/constants';
5
5
  import * as colors from '@atlaskit/theme/colors';
6
6
  import { gs as gridSize } from '../../common/utils';
7
7
  import { N40 } from '@atlaskit/theme/colors';
8
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
9
8
  export var className = 'media-card-frame';
10
9
  export var borderRadius = "\n border-radius: ".concat("var(--ds-border-radius, 3px)", ";\n");
11
10
  var wrapperBorderRadius = "\n border-radius: ".concat("var(--ds-border-radius-200, 8px)", ";\n");
@@ -59,7 +58,7 @@ var wrapperStyles = function wrapperStyles(props) {
59
58
  // outside the container
60
59
  var wrapperSizing = function wrapperSizing(_ref6) {
61
60
  var frameStyle = _ref6.frameStyle;
62
- return getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n box-sizing: border-box;\n width: 100%;" : "\n width: calc(100% + ".concat("var(--ds-space-200, 16px)", ");\n left: ", "var(--ds-space-negative-100, -8px)", ";");
61
+ return frameStyle === 'show' ? "\n box-sizing: border-box;\n width: 100%;" : "\n width: calc(100% + ".concat("var(--ds-space-200, 16px)", ");\n left: ", "var(--ds-space-negative-100, -8px)", ";");
63
62
  };
64
63
  var visibleStyles = "\n &:after {\n border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";\n background-color: ", "var(--ds-surface-raised, white)", ";\n }\n .embed-header {\n opacity: 1;\n }");
65
64
  function visible(_ref7) {
@@ -92,7 +91,7 @@ export var Header = styled.div({
92
91
  transition: '300ms opacity cubic-bezier(0.15, 1, 0.3, 1)'
93
92
  }, function (_ref8) {
94
93
  var frameStyle = _ref8.frameStyle;
95
- return getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n box-sizing: border-box;\n padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n ") : '';
94
+ return frameStyle === 'show' ? "\n box-sizing: border-box;\n padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n ") : '';
96
95
  });
97
96
  export var IconWrapper = styled.div(borderRadius, csssize(16), function (_ref9) {
98
97
  var isPlaceholder = _ref9.isPlaceholder;
@@ -128,7 +127,7 @@ export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedT
128
127
  return allowScrollBar ? 'overflow: auto;' : 'overflow: hidden;';
129
128
  }, function (_ref12) {
130
129
  var frameStyle = _ref12.frameStyle;
131
- return getBooleanFF('platform.editor.show-embed-card-frame-renderer') && frameStyle === 'show' ? "\n width: calc(100% - ".concat("var(--ds-space-200, 16px)", " - 2px);\n margin: 0 ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", ";\n ") : '';
130
+ return frameStyle === 'show' ? "\n width: calc(100% - ".concat("var(--ds-space-200, 16px)", " - 2px);\n margin: 0 ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", ";\n ") : '';
132
131
  }, function (_ref13) {
133
132
  var frameStyle = _ref13.frameStyle;
134
133
  return frameStyle === 'hide' ? 'height: 100%;' : "\n height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n top: ", "var(--ds-space-400, 32px)", ";\n ");
package/dist/esm/view/LinkUrl/index.js CHANGED
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
10
10
  import LinkWarningModal from './LinkWarningModal';
11
11
  var PACKAGE_DATA = {
12
12
  packageName: "@atlaskit/smart-card",
13
- packageVersion: "26.52.9",
13
+ packageVersion: "26.53.0",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  var Link = withLinkClickedEvent('a');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.52.9",
3
+ "version": "26.53.0",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
33
33
  "@atlaskit/avatar": "^21.5.0",
34
34
  "@atlaskit/avatar-group": "^9.5.0",
35
35
  "@atlaskit/badge": "^16.0.0",
36
- "@atlaskit/button": "^17.11.0",
36
+ "@atlaskit/button": "^17.12.0",
37
37
  "@atlaskit/dropdown-menu": "^12.8.0",
38
38
  "@atlaskit/icon": "^22.1.0",
39
39
  "@atlaskit/icon-file-type": "^6.4.0",
@@ -149,9 +149,6 @@
149
149
  "platform.linking-platform.smart-card.enable-hover-card-related-urls": {
150
150
  "type": "boolean"
151
151
  },
152
- "platform.editor.show-embed-card-frame-renderer": {
153
- "type": "boolean"
154
- },
155
152
  "platform.linking-platform.extractor.improve-bitbucket-file-links": {
156
153
  "type": "boolean"
157
154
  },