@atlaskit/editor-shared-styles 3.6.5 → 3.6.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 (10) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/consts/consts.js +7 -0
  3. package/dist/cjs/shortcut/shortcut.js +1 -1
  4. package/dist/es2019/consts/consts.js +7 -0
  5. package/dist/es2019/shortcut/shortcut.js +1 -1
  6. package/dist/esm/consts/consts.js +7 -0
  7. package/dist/esm/shortcut/shortcut.js +1 -1
  8. package/dist/types/consts/consts.d.ts +1 -1
  9. package/dist/types-ts4.5/consts/consts.d.ts +1 -1
  10. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 3.6.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0eac5a71c3834`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0eac5a71c3834) -
8
+ [ED-29037] Fix dynamic buttons (e.g. text style) in full page primary toolbar flickers during the
9
+ initial load
10
+ - Updated dependencies
11
+
12
+ ## 3.6.6
13
+
14
+ ### Patch Changes
15
+
16
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
17
+ Internal changes to how border radius is applied.
18
+ - Updated dependencies
19
+
3
20
  ## 3.6.5
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/consts/consts.js CHANGED
@@ -9,6 +9,7 @@ exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeC
9
9
  exports.relativeSize = exports.relativeFontSizeToBase16 = exports.participantColors = exports.layoutBreakpointWidth = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
12
13
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
13
14
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
14
15
 
@@ -108,6 +109,12 @@ var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
108
109
  var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
109
110
  var DEFAULT_FONT_SIZE = 14;
110
111
  var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
112
+ // eslint-disable-next-line no-constant-condition
113
+ if ((0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true, {
114
+ exposure: true
115
+ }) && (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
116
+ return '44px';
117
+ }
111
118
  if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1', {
112
119
  exposure: true
113
120
  })) {
package/dist/cjs/shortcut/shortcut.js CHANGED
@@ -14,4 +14,4 @@ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/u
14
14
  * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
15
15
  */
16
16
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
- var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
17
+ var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
package/dist/es2019/consts/consts.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { fg } from '@atlaskit/platform-feature-flags';
2
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
2
3
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
4
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
4
5
 
@@ -95,6 +96,12 @@ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
95
96
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
96
97
  const DEFAULT_FONT_SIZE = 14;
97
98
  export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => {
99
+ // eslint-disable-next-line no-constant-condition
100
+ if (editorExperiment('platform_editor_toolbar_aifc', true, {
101
+ exposure: true
102
+ }) && expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
103
+ return '44px';
104
+ }
98
105
  if (editorExperiment('platform_editor_controls', 'variant1', {
99
106
  exposure: true
100
107
  })) {
package/dist/es2019/shortcut/shortcut.js CHANGED
@@ -10,7 +10,7 @@ import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
10
10
  export const shortcutStyle = css`
11
11
  background-color: ${"var(--ds-background-neutral, #091E420F)"};
12
12
  color: ${"var(--ds-text-subtle, #44546F)"};
13
- border-radius: ${"var(--ds-border-radius, 3px)"};
13
+ border-radius: ${"var(--ds-radius-small, 3px)"};
14
14
  padding: ${"var(--ds-space-050, 4px)"};
15
15
  line-height: 12px;
16
16
  font-size: ${relativeFontSizeToBase16(11.67)};
package/dist/esm/consts/consts.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import { fg } from '@atlaskit/platform-feature-flags';
3
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
3
4
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
4
5
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
5
6
 
@@ -99,6 +100,12 @@ export var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
99
100
  export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
100
101
  var DEFAULT_FONT_SIZE = 14;
101
102
  export var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
103
+ // eslint-disable-next-line no-constant-condition
104
+ if (editorExperiment('platform_editor_toolbar_aifc', true, {
105
+ exposure: true
106
+ }) && expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true)) {
107
+ return '44px';
108
+ }
102
109
  if (editorExperiment('platform_editor_controls', 'variant1', {
103
110
  exposure: true
104
111
  })) {
package/dist/esm/shortcut/shortcut.js CHANGED
@@ -9,4 +9,4 @@ import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
9
9
  * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
10
10
  */
11
11
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-border-radius, 3px)", "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
12
+ export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
package/dist/types/consts/consts.d.ts CHANGED
@@ -75,7 +75,7 @@ export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
75
75
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
76
76
  export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
77
77
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
78
- export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "var(--ds-space-500)";
78
+ export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "var(--ds-space-500)" | "44px";
79
79
  export declare const akEditorFullPageToolbarHeight = 40;
80
80
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
81
81
  export declare const editorFontSize: ({ theme }: {
package/dist/types-ts4.5/consts/consts.d.ts CHANGED
@@ -75,7 +75,7 @@ export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
75
75
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
76
76
  export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
77
77
  export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
78
- export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "var(--ds-space-500)";
78
+ export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: () => "var(--ds-space-500)" | "44px";
79
79
  export declare const akEditorFullPageToolbarHeight = 40;
80
80
  export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
81
81
  export declare const editorFontSize: ({ theme }: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "3.6.5",
3
+ "version": "3.6.7",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,8 +34,8 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@atlaskit/platform-feature-flags": "^1.1.0",
37
- "@atlaskit/tmp-editor-statsig": "^12.0.0",
38
- "@atlaskit/tokens": "^6.1.0",
37
+ "@atlaskit/tmp-editor-statsig": "^12.8.0",
38
+ "@atlaskit/tokens": "^6.3.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@emotion/react": "^11.7.1"
41
41
  },