@atlaskit/renderer 122.0.0 → 122.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 (14) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -3
  3. package/dist/cjs/react/nodes/inlineCard.js +6 -2
  4. package/dist/cjs/ui/Expand.js +1 -1
  5. package/dist/cjs/ui/Renderer/index.js +1 -1
  6. package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -3
  7. package/dist/es2019/react/nodes/inlineCard.js +6 -2
  8. package/dist/es2019/ui/Expand.js +1 -1
  9. package/dist/es2019/ui/Renderer/index.js +1 -1
  10. package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js +3 -3
  11. package/dist/esm/react/nodes/inlineCard.js +6 -2
  12. package/dist/esm/ui/Expand.js +1 -1
  13. package/dist/esm/ui/Renderer/index.js +1 -1
  14. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 122.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`217c12d914348`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/217c12d914348) -
8
+ [ux] Fire exposure for Preview panel linking experiment in renderer to fix exposure imbalance.
9
+ - Updated dependencies
10
+
11
+ ## 122.0.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
16
+ Internal changes to how borders are applied.
17
+ - Updated dependencies
18
+
3
19
  ## 122.0.0
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js CHANGED
@@ -34,13 +34,13 @@ var codeBlockButtonsStyle = (0, _react.css)({
34
34
  height: '32px',
35
35
  width: '32px',
36
36
  border: "2px solid ".concat("var(--ds-border, ".concat(_colors.N0, ")")),
37
- borderRadius: '4px',
37
+ borderRadius: "var(--ds-radius-small, 4px)",
38
38
  marginLeft: "var(--ds-space-050, 4px)",
39
39
  padding: "var(--ds-space-025, 2px)",
40
40
  background: "".concat("var(--ds-surface-overlay, ".concat(_colors.N20, ")")),
41
41
  color: "var(--ds-icon, rgb(66, 82, 110))",
42
42
  '&:hover': {
43
- borderWidth: '2px',
43
+ borderWidth: "var(--ds-border-width-selected, 2px)",
44
44
  backgroundColor: "".concat("var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")")),
45
45
  height: '32px',
46
46
  width: '32px'
@@ -48,7 +48,7 @@ var codeBlockButtonsStyle = (0, _react.css)({
48
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
49
49
  '&.clicked': {
50
50
  backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(_colors.N700, ")")),
51
- borderRadius: '4px',
51
+ borderRadius: "var(--ds-radius-small, 4px)",
52
52
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
53
53
  color: "".concat("var(--ds-icon-inverse, ".concat(_colors.N0, ")"), " !important")
54
54
  }
package/dist/cjs/react/nodes/inlineCard.js CHANGED
@@ -138,7 +138,9 @@ var InlineCard = function InlineCard(props) {
138
138
  }
139
139
  };
140
140
  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
141
- if (ssr && url && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
141
+ if (ssr && url && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
142
+ exposure: true
143
+ })) {
142
144
  if (
143
145
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
144
146
  (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
@@ -167,7 +169,9 @@ var InlineCard = function InlineCard(props) {
167
169
  actionOptions: actionOptions,
168
170
  onClick: onClick
169
171
  }));
170
- } else if (ssr && url && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
172
+ } else if (ssr && url && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
173
+ exposure: true
174
+ })) {
171
175
  if (
172
176
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
173
177
  (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
package/dist/cjs/ui/Expand.js CHANGED
@@ -44,7 +44,7 @@ var titleStyles = (0, _react.css)({
44
44
  textAlign: 'left'
45
45
  });
46
46
  var containerStyles = (0, _react.css)({
47
- borderWidth: '1px',
47
+ borderWidth: "var(--ds-border-width, 1px)",
48
48
  borderStyle: 'solid',
49
49
  borderColor: 'transparent',
50
50
  borderRadius: "var(--ds-radius-small, 4px)",
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
63
63
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
64
64
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "121.3.1";
66
+ var packageVersion = "0.0.0-development";
67
67
  var setAsQueryContainerStyles = (0, _react2.css)({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size'
package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js CHANGED
@@ -26,13 +26,13 @@ const codeBlockButtonsStyle = css({
26
26
  height: '32px',
27
27
  width: '32px',
28
28
  border: `2px solid ${`var(--ds-border, ${N0})`}`,
29
- borderRadius: '4px',
29
+ borderRadius: "var(--ds-radius-small, 4px)",
30
30
  marginLeft: "var(--ds-space-050, 4px)",
31
31
  padding: "var(--ds-space-025, 2px)",
32
32
  background: `${`var(--ds-surface-overlay, ${N20})`}`,
33
33
  color: `${"var(--ds-icon, rgb(66, 82, 110))"}`,
34
34
  '&:hover': {
35
- borderWidth: '2px',
35
+ borderWidth: "var(--ds-border-width-selected, 2px)",
36
36
  backgroundColor: `${`var(--ds-surface-overlay-hovered, ${N30})`}`,
37
37
  height: '32px',
38
38
  width: '32px'
@@ -40,7 +40,7 @@ const codeBlockButtonsStyle = css({
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
41
41
  '&.clicked': {
42
42
  backgroundColor: `${`var(--ds-background-neutral-bold-pressed, ${N700})`}`,
43
- borderRadius: '4px',
43
+ borderRadius: "var(--ds-radius-small, 4px)",
44
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
45
45
  color: `${`var(--ds-icon-inverse, ${N0})`} !important`
46
46
  }
package/dist/es2019/react/nodes/inlineCard.js CHANGED
@@ -122,7 +122,9 @@ const InlineCard = props => {
122
122
  }
123
123
  };
124
124
  const MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
125
- if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
125
+ if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true, {
126
+ exposure: true
127
+ })) {
126
128
  if (
127
129
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
128
130
  fg('editor_inline_comments_on_inline_nodes')) {
@@ -151,7 +153,9 @@ const InlineCard = props => {
151
153
  actionOptions: actionOptions,
152
154
  onClick: onClick
153
155
  }));
154
- } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
156
+ } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
157
+ exposure: true
158
+ })) {
155
159
  if (
156
160
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
157
161
  fg('editor_inline_comments_on_inline_nodes')) {
package/dist/es2019/ui/Expand.js CHANGED
@@ -32,7 +32,7 @@ const titleStyles = css({
32
32
  textAlign: 'left'
33
33
  });
34
34
  const containerStyles = css({
35
- borderWidth: '1px',
35
+ borderWidth: "var(--ds-border-width, 1px)",
36
36
  borderStyle: 'solid',
37
37
  borderColor: 'transparent',
38
38
  borderRadius: "var(--ds-radius-small, 4px)",
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
49
49
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
50
50
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
51
51
  const packageName = "@atlaskit/renderer";
52
- const packageVersion = "121.3.1";
52
+ const packageVersion = "0.0.0-development";
53
53
  const setAsQueryContainerStyles = css({
54
54
  containerName: 'ak-renderer-wrapper',
55
55
  containerType: 'inline-size'
package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js CHANGED
@@ -26,13 +26,13 @@ var codeBlockButtonsStyle = css({
26
26
  height: '32px',
27
27
  width: '32px',
28
28
  border: "2px solid ".concat("var(--ds-border, ".concat(N0, ")")),
29
- borderRadius: '4px',
29
+ borderRadius: "var(--ds-radius-small, 4px)",
30
30
  marginLeft: "var(--ds-space-050, 4px)",
31
31
  padding: "var(--ds-space-025, 2px)",
32
32
  background: "".concat("var(--ds-surface-overlay, ".concat(N20, ")")),
33
33
  color: "var(--ds-icon, rgb(66, 82, 110))",
34
34
  '&:hover': {
35
- borderWidth: '2px',
35
+ borderWidth: "var(--ds-border-width-selected, 2px)",
36
36
  backgroundColor: "".concat("var(--ds-surface-overlay-hovered, ".concat(N30, ")")),
37
37
  height: '32px',
38
38
  width: '32px'
@@ -40,7 +40,7 @@ var codeBlockButtonsStyle = css({
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
41
41
  '&.clicked': {
42
42
  backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(N700, ")")),
43
- borderRadius: '4px',
43
+ borderRadius: "var(--ds-radius-small, 4px)",
44
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
45
45
  color: "".concat("var(--ds-icon-inverse, ".concat(N0, ")"), " !important")
46
46
  }
package/dist/esm/react/nodes/inlineCard.js CHANGED
@@ -129,7 +129,9 @@ var InlineCard = function InlineCard(props) {
129
129
  }
130
130
  };
131
131
  var MaybeOverlay = cardContext !== null && cardContext !== void 0 && cardContext.value ? OverlayWithCardContext : HoverLinkOverlayNoop;
132
- if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
132
+ if (ssr && url && !editorExperiment('platform_editor_preview_panel_linking_exp', true, {
133
+ exposure: true
134
+ })) {
133
135
  if (
134
136
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
135
137
  fg('editor_inline_comments_on_inline_nodes')) {
@@ -158,7 +160,9 @@ var InlineCard = function InlineCard(props) {
158
160
  actionOptions: actionOptions,
159
161
  onClick: onClick
160
162
  }));
161
- } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
163
+ } else if (ssr && url && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
164
+ exposure: true
165
+ })) {
162
166
  if (
163
167
  // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
164
168
  fg('editor_inline_comments_on_inline_nodes')) {
package/dist/esm/ui/Expand.js CHANGED
@@ -35,7 +35,7 @@ var titleStyles = css({
35
35
  textAlign: 'left'
36
36
  });
37
37
  var containerStyles = css({
38
- borderWidth: '1px',
38
+ borderWidth: "var(--ds-border-width, 1px)",
39
39
  borderStyle: 'solid',
40
40
  borderColor: 'transparent',
41
41
  borderRadius: "var(--ds-radius-small, 4px)",
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
54
54
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
55
55
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  var packageName = "@atlaskit/renderer";
57
- var packageVersion = "121.3.1";
57
+ var packageVersion = "0.0.0-development";
58
58
  var setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "122.0.0",
3
+ "version": "122.0.2",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -50,11 +50,11 @@
50
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
51
51
  "@atlaskit/platform-feature-flags-react": "^0.3.0",
52
52
  "@atlaskit/react-ufo": "^4.6.0",
53
- "@atlaskit/smart-card": "^40.21.0",
53
+ "@atlaskit/smart-card": "^40.22.0",
54
54
  "@atlaskit/status": "^3.0.0",
55
55
  "@atlaskit/task-decision": "^19.2.0",
56
- "@atlaskit/theme": "^20.0.0",
57
- "@atlaskit/tmp-editor-statsig": "^12.9.0",
56
+ "@atlaskit/theme": "^21.0.0",
57
+ "@atlaskit/tmp-editor-statsig": "^12.14.0",
58
58
  "@atlaskit/tokens": "^6.3.0",
59
59
  "@atlaskit/tooltip": "^20.4.0",
60
60
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -68,7 +68,7 @@
68
68
  "uuid": "^3.1.0"
69
69
  },
70
70
  "peerDependencies": {
71
- "@atlaskit/editor-common": "^109.0.0",
71
+ "@atlaskit/editor-common": "^109.2.0",
72
72
  "@atlaskit/link-provider": "^3.7.0",
73
73
  "@atlaskit/media-core": "^37.0.0",
74
74
  "react": "^18.2.0",
@@ -88,9 +88,9 @@
88
88
  "@atlaskit/media-test-helpers": "^39.0.0",
89
89
  "@atlaskit/mention": "^24.2.0",
90
90
  "@atlaskit/modal-dialog": "^14.3.0",
91
- "@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
92
- "@atlaskit/profilecard": "^24.11.0",
93
- "@atlaskit/util-data-test": "^18.1.0",
91
+ "@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
92
+ "@atlaskit/profilecard": "^24.12.0",
93
+ "@atlaskit/util-data-test": "^18.2.0",
94
94
  "@atlassian/feature-flags-test-utils": "^0.3.0",
95
95
  "@testing-library/react": "^13.4.0",
96
96
  "@testing-library/react-hooks": "^8.0.1",