@atlaskit/editor-plugin-status 3.1.5 → 3.1.7

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 (5) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/nodeviews/statusNodeSpec.js +10 -3
  3. package/dist/es2019/nodeviews/statusNodeSpec.js +10 -2
  4. package/dist/esm/nodeviews/statusNodeSpec.js +10 -3
  5. package/package.json +8 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-plugin-status
2
2
 
3
+ ## 3.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.1.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [#123036](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123036)
14
+ [`08a3386cf1088`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08a3386cf1088) -
15
+ Editor virtualization experiment adjustment, fixes
16
+ - Updated dependencies
17
+
3
18
  ## 3.1.5
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/nodeviews/statusNodeSpec.js CHANGED
@@ -114,6 +114,8 @@ var statusNodeSpec = exports.statusNodeSpec = function statusNodeSpec() {
114
114
  locale: document.documentElement.lang || 'en-US'
115
115
  });
116
116
  var isComponentVisualRefresh = (0, _platformFeatureFlags.fg)('platform-component-visual-refresh');
117
+ var maxWidth = 200;
118
+ var maxWidthValue = typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px");
117
119
  var editorNodeWrapperAttrs = {
118
120
  'data-testid': 'statusContainerView',
119
121
  style: (0, _lazyNodeView.convertToInlineCss)(text ? {
@@ -162,16 +164,21 @@ var statusNodeSpec = exports.statusNodeSpec = function statusNodeSpec() {
162
164
  } : {}))
163
165
  };
164
166
  var lozengeTextAttrs = {
165
- style: (0, _lazyNodeView.convertToInlineCss)({
167
+ style: (0, _lazyNodeView.convertToInlineCss)(_objectSpread({
166
168
  color: appearanceStyle === 'subtle' ? "var(--ds-text, #172B4D)" : '#292A2E',
167
- maxWidth: '100%',
169
+ maxWidth: "calc(".concat(maxWidthValue, " - ", "var(--ds-space-100, 8px)", ")"),
168
170
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
169
171
  fontWeight: "var(--ds-font-weight-bold, 700)",
172
+ fontSize: '11px',
173
+ // can't use token - underlying DS lozenge is out by 1px which causes layout shift
170
174
  overflow: 'hidden',
171
175
  textOverflow: 'ellipsis',
172
176
  textTransform: "var(--ds-UNSAFE-textTransformUppercase, uppercase)",
173
177
  whiteSpace: 'nowrap'
174
- })
178
+ }, (0, _platformFeatureFlags.fg)('platform-lozenge-custom-letterspacing') ? {
179
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
180
+ letterSpacing: '0.165px'
181
+ } : {}))
175
182
  };
176
183
  if (isComponentVisualRefresh) {
177
184
  return ['span', editorNodeWrapperAttrs, ['span', statusElementAttrs, ['span', lozengeWrapperAttrs, ['span', lozengeTextAttrs, text]]]];
package/dist/es2019/nodeviews/statusNodeSpec.js CHANGED
@@ -106,6 +106,8 @@ export const statusNodeSpec = () => {
106
106
  locale: document.documentElement.lang || 'en-US'
107
107
  });
108
108
  const isComponentVisualRefresh = fg('platform-component-visual-refresh');
109
+ const maxWidth = 200;
110
+ const maxWidthValue = typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`;
109
111
  const editorNodeWrapperAttrs = {
110
112
  'data-testid': 'statusContainerView',
111
113
  style: convertToInlineCss(text ? {
@@ -158,13 +160,19 @@ export const statusNodeSpec = () => {
158
160
  const lozengeTextAttrs = {
159
161
  style: convertToInlineCss({
160
162
  color: appearanceStyle === 'subtle' ? "var(--ds-text, #172B4D)" : '#292A2E',
161
- maxWidth: '100%',
163
+ maxWidth: `calc(${maxWidthValue} - ${"var(--ds-space-100, 8px)"})`,
162
164
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
163
165
  fontWeight: "var(--ds-font-weight-bold, 700)",
166
+ fontSize: '11px',
167
+ // can't use token - underlying DS lozenge is out by 1px which causes layout shift
164
168
  overflow: 'hidden',
165
169
  textOverflow: 'ellipsis',
166
170
  textTransform: "var(--ds-UNSAFE-textTransformUppercase, uppercase)",
167
- whiteSpace: 'nowrap'
171
+ whiteSpace: 'nowrap',
172
+ ...(fg('platform-lozenge-custom-letterspacing') ? {
173
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
174
+ letterSpacing: '0.165px'
175
+ } : {})
168
176
  })
169
177
  };
170
178
  if (isComponentVisualRefresh) {
package/dist/esm/nodeviews/statusNodeSpec.js CHANGED
@@ -107,6 +107,8 @@ export var statusNodeSpec = function statusNodeSpec() {
107
107
  locale: document.documentElement.lang || 'en-US'
108
108
  });
109
109
  var isComponentVisualRefresh = fg('platform-component-visual-refresh');
110
+ var maxWidth = 200;
111
+ var maxWidthValue = typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px");
110
112
  var editorNodeWrapperAttrs = {
111
113
  'data-testid': 'statusContainerView',
112
114
  style: convertToInlineCss(text ? {
@@ -155,16 +157,21 @@ export var statusNodeSpec = function statusNodeSpec() {
155
157
  } : {}))
156
158
  };
157
159
  var lozengeTextAttrs = {
158
- style: convertToInlineCss({
160
+ style: convertToInlineCss(_objectSpread({
159
161
  color: appearanceStyle === 'subtle' ? "var(--ds-text, #172B4D)" : '#292A2E',
160
- maxWidth: '100%',
162
+ maxWidth: "calc(".concat(maxWidthValue, " - ", "var(--ds-space-100, 8px)", ")"),
161
163
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
162
164
  fontWeight: "var(--ds-font-weight-bold, 700)",
165
+ fontSize: '11px',
166
+ // can't use token - underlying DS lozenge is out by 1px which causes layout shift
163
167
  overflow: 'hidden',
164
168
  textOverflow: 'ellipsis',
165
169
  textTransform: "var(--ds-UNSAFE-textTransformUppercase, uppercase)",
166
170
  whiteSpace: 'nowrap'
167
- })
171
+ }, fg('platform-lozenge-custom-letterspacing') ? {
172
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
173
+ letterSpacing: '0.165px'
174
+ } : {}))
168
175
  };
169
176
  if (isComponentVisualRefresh) {
170
177
  return ['span', editorNodeWrapperAttrs, ['span', statusElementAttrs, ['span', lozengeWrapperAttrs, ['span', lozengeTextAttrs, text]]]];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-status",
3
- "version": "3.1.5",
3
+ "version": "3.1.7",
4
4
  "description": "Status plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,16 +35,16 @@
35
35
  "dependencies": {
36
36
  "@atlaskit/adf-schema": "^47.6.0",
37
37
  "@atlaskit/analytics-next": "^11.0.0",
38
- "@atlaskit/editor-common": "^102.4.0",
39
- "@atlaskit/editor-plugin-analytics": "^2.1.0",
38
+ "@atlaskit/editor-common": "^102.8.0",
39
+ "@atlaskit/editor-plugin-analytics": "^2.2.0",
40
40
  "@atlaskit/editor-prosemirror": "7.0.0",
41
41
  "@atlaskit/editor-shared-styles": "^3.4.0",
42
42
  "@atlaskit/icon": "^25.0.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/status": "^3.0.0",
45
45
  "@atlaskit/theme": "^18.0.0",
46
- "@atlaskit/tmp-editor-statsig": "^3.6.0",
47
- "@atlaskit/tokens": "^4.4.0",
46
+ "@atlaskit/tmp-editor-statsig": "^4.0.0",
47
+ "@atlaskit/tokens": "^4.5.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1"
50
50
  },
@@ -109,6 +109,9 @@
109
109
  },
110
110
  "visual-refresh_drop_5": {
111
111
  "type": "boolean"
112
+ },
113
+ "platform-lozenge-custom-letterspacing": {
114
+ "type": "boolean"
112
115
  }
113
116
  }
114
117
  }