@atlaskit/editor-toolbar 0.18.2 → 0.18.3

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 CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.18.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`63c5e344d169c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63c5e344d169c) -
8
+ Reduce the VC impact of the editor toolbar
9
+ - Updated dependencies
10
+
3
11
  ## 0.18.2
4
12
 
5
13
  ### Patch Changes
@@ -1,4 +1,5 @@
1
1
  ._1a2cglyw .show-below-md{display:none}
2
+ ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
2
3
  ._1bsb1osq{width:100%}
3
4
  ._1bx91ule .show-above-lg{display:block}
4
5
  ._1ehg1ule .show-above-md{display:block}
@@ -18,6 +18,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
18
18
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
19
  var styles = {
20
20
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
21
+ responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
21
22
  fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
22
23
  reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
23
24
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
@@ -94,11 +95,11 @@ var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveConta
94
95
  // Use new preset-based logic when preset is provided and feature gate is enabled
95
96
  if (breakpointPreset && (0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_responsive_improve')) {
96
97
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
97
- xcss: (0, _css.cx)(styles.responsiveContainer, presetStyleMap[breakpointPreset])
98
+ xcss: (0, _css.cx)((0, _expValEquals.expValEquals)('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, presetStyleMap[breakpointPreset])
98
99
  }, children);
99
100
  }
100
101
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
101
- xcss: (0, _css.cx)(styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
102
+ xcss: (0, _css.cx)((0, _expValEquals.expValEquals)('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
102
103
  }, children);
103
104
  };
104
105
 
@@ -1,4 +1,5 @@
1
1
  ._1a2cglyw .show-below-md{display:none}
2
+ ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
2
3
  ._1bsb1osq{width:100%}
3
4
  ._1bx91ule .show-above-lg{display:block}
4
5
  ._1ehg1ule .show-above-md{display:block}
@@ -11,6 +11,7 @@ import { Box } from '@atlaskit/primitives/compiled';
11
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
12
  const styles = {
13
13
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
+ responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
15
  fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
15
16
  reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
16
17
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
@@ -88,11 +89,11 @@ export const ResponsiveContainer = ({
88
89
  // Use new preset-based logic when preset is provided and feature gate is enabled
89
90
  if (breakpointPreset && fg('platform_editor_toolbar_aifc_responsive_improve')) {
90
91
  return /*#__PURE__*/React.createElement(Box, {
91
- xcss: cx(styles.responsiveContainer, presetStyleMap[breakpointPreset])
92
+ xcss: cx(expValEquals('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, presetStyleMap[breakpointPreset])
92
93
  }, children);
93
94
  }
94
95
  return /*#__PURE__*/React.createElement(Box, {
95
- xcss: cx(styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
96
+ xcss: cx(expValEquals('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
96
97
  }, children);
97
98
  };
98
99
 
@@ -1,4 +1,5 @@
1
1
  ._1a2cglyw .show-below-md{display:none}
2
+ ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
2
3
  ._1bsb1osq{width:100%}
3
4
  ._1bx91ule .show-above-lg{display:block}
4
5
  ._1ehg1ule .show-above-md{display:block}
@@ -11,6 +11,7 @@ import { Box } from '@atlaskit/primitives/compiled';
11
11
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
12
  var styles = {
13
13
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
+ responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
14
15
  fullpage: "_t3a8glyw _1x5z1ule _13hjglyw _1k421ule _1tj8glyw _5wrm1ule _u8ktglyw _1pko1ule",
15
16
  reduced: "_hs8tglyw _905a1ule _1jd6glyw _qp9j1ule _13ybglyw _1il51ule _19x4glyw _qck01ule",
16
17
  jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
@@ -87,11 +88,11 @@ export var ResponsiveContainer = function ResponsiveContainer(_ref) {
87
88
  // Use new preset-based logic when preset is provided and feature gate is enabled
88
89
  if (breakpointPreset && fg('platform_editor_toolbar_aifc_responsive_improve')) {
89
90
  return /*#__PURE__*/React.createElement(Box, {
90
- xcss: cx(styles.responsiveContainer, presetStyleMap[breakpointPreset])
91
+ xcss: cx(expValEquals('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, presetStyleMap[breakpointPreset])
91
92
  }, children);
92
93
  }
93
94
  return /*#__PURE__*/React.createElement(Box, {
94
- xcss: cx(styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
95
+ xcss: cx(expValEquals('platform_editor_reduce_toolbar_vc_impact', 'isEnabled', true) && breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, reducedBreakpoints ? styles.responsiveRulesReduced : styles.responsiveRules, reducedBreakpoints && expValEquals('platform_editor_toolbar_aifc_patch_6', 'isEnabled', true) && styles.responsiveRulesReducedOverridden)
95
96
  }, children);
96
97
  };
97
98
 
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.18.2",
6
+ "version": "0.18.3",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
31
31
  "@atlaskit/popup": "^4.6.0",
32
32
  "@atlaskit/primitives": "^16.4.0",
33
- "@atlaskit/tmp-editor-statsig": "^15.0.0",
33
+ "@atlaskit/tmp-editor-statsig": "^15.6.0",
34
34
  "@atlaskit/tokens": "^8.4.0",
35
35
  "@atlaskit/tooltip": "^20.11.0",
36
36
  "@babel/runtime": "^7.0.0",