@atlaskit/editor-toolbar 2.8.34 → 2.8.35

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 (9) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/ResponsiveContainer.compiled.css +0 -8
  3. package/dist/cjs/ui/ResponsiveContainer.js +4 -14
  4. package/dist/es2019/ui/ResponsiveContainer.compiled.css +0 -8
  5. package/dist/es2019/ui/ResponsiveContainer.js +4 -14
  6. package/dist/esm/ui/ResponsiveContainer.compiled.css +0 -8
  7. package/dist/esm/ui/ResponsiveContainer.js +4 -14
  8. package/dist/types/ui/ResponsiveContainer.d.ts +2 -2
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 2.8.35
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c679136fac177`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c679136fac177) -
8
+ Remove the shipped `platform_editor_toolbar_update_jira_config` experiment. The Jira issue toolbar
9
+ now always uses breakpoints of 280, 507, 679, and 1024px, and the JSM comment toolbar uses 365,
10
+ 391, 630, and 1024px. Consumers should remove overrides for the retired experiment.
11
+ - Updated dependencies
12
+
3
13
  ## 2.8.34
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/ResponsiveContainer.compiled.css CHANGED
@@ -26,14 +26,11 @@
26
26
  @container toolbar-container (max-width: 364px){._s2iiglyw._s2iiglyw .show-above-sm{display:none}._o4331ule._o4331ule .show-below-sm{display:block}}
27
27
  @container toolbar-container (max-width: 390px){._u7j1glyw._u7j1glyw .show-above-md{display:none}._c7al1ule._c7al1ule .show-below-md{display:block}}
28
28
  @container toolbar-container (max-width: 407px){._13ioglyw._13ioglyw .show-above-md{display:none}._8urt1ule._8urt1ule .show-below-md{display:block}}
29
- @container toolbar-container (max-width: 419px){._afriglyw._afriglyw .show-above-md{display:none}._ozjb1ule._ozjb1ule .show-below-md{display:block}}
30
29
  @container toolbar-container (max-width: 421px){._11uvglyw .show-above-sm{display:none}._fj2k1ule .show-below-sm{display:block}}
31
30
  @container toolbar-container (max-width: 431px){._j3qgglyw._j3qgglyw .show-above-md{display:none}._xh1i1ule._xh1i1ule .show-below-md{display:block}}
32
- @container toolbar-container (max-width: 499px){._lankglyw._lankglyw .show-above-md{display:none}._1xpy1ule._1xpy1ule .show-below-md{display:block}}
33
31
  @container toolbar-container (max-width: 506px){._1n52glyw._1n52glyw .show-above-md{display:none}._1nd71ule._1nd71ule .show-below-md{display:block}}
34
32
  @container toolbar-container (max-width: 629px){._1b07glyw._1b07glyw .show-above-lg{display:none}._1meg1ule._1meg1ule .show-below-lg{display:block}}
35
33
  @container toolbar-container (max-width: 647px){._18zmglyw._18zmglyw .show-above-lg{display:none}._1uj01ule._1uj01ule .show-below-lg{display:block}}
36
- @container toolbar-container (max-width: 649px){._1mckglyw._1mckglyw .show-above-lg{display:none}._r2nv1ule._r2nv1ule .show-below-lg{display:block}}
37
34
  @container toolbar-container (max-width: 661px){._13s9glyw._13s9glyw .show-above-lg{display:none}._4nul1ule._4nul1ule .show-below-lg{display:block}}
38
35
  @container toolbar-container (max-width: 678px){._103bglyw._103bglyw .show-above-lg{display:none}._1p0z1ule._1p0z1ule .show-below-lg{display:block}}
39
36
  @container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
@@ -43,22 +40,17 @@
43
40
  @container toolbar-container (min-width: 1035px) and (max-width: 1129px){._1ihv1ule .show-only-lg{display:block}}
44
41
  @container toolbar-container (min-width: 1130px){._99in1ule .show-only-xl{display:block}}
45
42
  @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
46
- @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
47
43
  @container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
48
44
  @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
49
45
  @container toolbar-container (min-width: 365px) and (max-width: 390px){._1u301ule._1u301ule .show-only-sm{display:block}}
50
- @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
51
46
  @container toolbar-container (min-width: 391px) and (max-width: 629px){._14ob1ule._14ob1ule .show-only-md{display:block}}
52
47
  @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
53
- @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
54
48
  @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
55
49
  @container toolbar-container (min-width: 422px) and (max-width: 875px){._xbt51ule .show-only-sm{display:block}}
56
50
  @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
57
- @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
58
51
  @container toolbar-container (min-width: 507px) and (max-width: 678px){._lf431ule._lf431ule .show-only-md{display:block}}
59
52
  @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
60
53
  @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
61
- @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
62
54
  @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
63
55
  @container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
64
56
  @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
package/dist/cjs/ui/ResponsiveContainer.js CHANGED
@@ -15,17 +15,14 @@ var _react = _interopRequireDefault(require("react"));
15
15
  var _css = require("@atlaskit/css");
16
16
  var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
19
18
  var styles = {
20
19
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
21
20
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
22
21
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
23
22
  fullpageUpdated: "_1hjdglyw _h45w1ule _1ewsglyw _1vlh1ule _11uvglyw _fj2k1ule _1lepglyw _1c391ule _1ihv1ule _99in1ule _xbt51ule _1kmq1ule",
24
23
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
25
- jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
26
- jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
27
- jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
28
- jsmCommentUpdated: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
24
+ jiraIssue: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
25
+ jsmComment: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
29
26
  confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
30
27
  responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
31
28
  };
@@ -43,9 +40,7 @@ var presetStyleMap = {
43
40
  'confluence-comment': styles.confluenceComment
44
41
  };
45
42
  var updatedPresetStyleMap = {
46
- fullpage: styles.fullpageUpdated,
47
- 'jira-issue': styles.jiraIssueUpdated,
48
- 'jsm-comment': styles.jsmCommentUpdated
43
+ fullpage: styles.fullpageUpdated
49
44
  };
50
45
  /**
51
46
  * A responsive container that enables container query-based responsive design using CSS container queries.
@@ -93,12 +88,7 @@ var updatedPresetStyleMap = {
93
88
  var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveContainer(_ref) {
94
89
  var children = _ref.children,
95
90
  breakpointPreset = _ref.breakpointPreset;
96
- var isUpdatedConfig = function () {
97
- if (breakpointPreset === 'fullpage') {
98
- return (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
99
- }
100
- return (0, _expValEquals.expValEquals)('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
101
- }();
91
+ var isUpdatedConfig = breakpointPreset === 'fullpage' && (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
102
92
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
103
93
  xcss: (0, _css.cx)(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
104
94
  }, children);
package/dist/es2019/ui/ResponsiveContainer.compiled.css CHANGED
@@ -26,14 +26,11 @@
26
26
  @container toolbar-container (max-width: 364px){._s2iiglyw._s2iiglyw .show-above-sm{display:none}._o4331ule._o4331ule .show-below-sm{display:block}}
27
27
  @container toolbar-container (max-width: 390px){._u7j1glyw._u7j1glyw .show-above-md{display:none}._c7al1ule._c7al1ule .show-below-md{display:block}}
28
28
  @container toolbar-container (max-width: 407px){._13ioglyw._13ioglyw .show-above-md{display:none}._8urt1ule._8urt1ule .show-below-md{display:block}}
29
- @container toolbar-container (max-width: 419px){._afriglyw._afriglyw .show-above-md{display:none}._ozjb1ule._ozjb1ule .show-below-md{display:block}}
30
29
  @container toolbar-container (max-width: 421px){._11uvglyw .show-above-sm{display:none}._fj2k1ule .show-below-sm{display:block}}
31
30
  @container toolbar-container (max-width: 431px){._j3qgglyw._j3qgglyw .show-above-md{display:none}._xh1i1ule._xh1i1ule .show-below-md{display:block}}
32
- @container toolbar-container (max-width: 499px){._lankglyw._lankglyw .show-above-md{display:none}._1xpy1ule._1xpy1ule .show-below-md{display:block}}
33
31
  @container toolbar-container (max-width: 506px){._1n52glyw._1n52glyw .show-above-md{display:none}._1nd71ule._1nd71ule .show-below-md{display:block}}
34
32
  @container toolbar-container (max-width: 629px){._1b07glyw._1b07glyw .show-above-lg{display:none}._1meg1ule._1meg1ule .show-below-lg{display:block}}
35
33
  @container toolbar-container (max-width: 647px){._18zmglyw._18zmglyw .show-above-lg{display:none}._1uj01ule._1uj01ule .show-below-lg{display:block}}
36
- @container toolbar-container (max-width: 649px){._1mckglyw._1mckglyw .show-above-lg{display:none}._r2nv1ule._r2nv1ule .show-below-lg{display:block}}
37
34
  @container toolbar-container (max-width: 661px){._13s9glyw._13s9glyw .show-above-lg{display:none}._4nul1ule._4nul1ule .show-below-lg{display:block}}
38
35
  @container toolbar-container (max-width: 678px){._103bglyw._103bglyw .show-above-lg{display:none}._1p0z1ule._1p0z1ule .show-below-lg{display:block}}
39
36
  @container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
@@ -43,22 +40,17 @@
43
40
  @container toolbar-container (min-width: 1035px) and (max-width: 1129px){._1ihv1ule .show-only-lg{display:block}}
44
41
  @container toolbar-container (min-width: 1130px){._99in1ule .show-only-xl{display:block}}
45
42
  @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
46
- @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
47
43
  @container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
48
44
  @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
49
45
  @container toolbar-container (min-width: 365px) and (max-width: 390px){._1u301ule._1u301ule .show-only-sm{display:block}}
50
- @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
51
46
  @container toolbar-container (min-width: 391px) and (max-width: 629px){._14ob1ule._14ob1ule .show-only-md{display:block}}
52
47
  @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
53
- @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
54
48
  @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
55
49
  @container toolbar-container (min-width: 422px) and (max-width: 875px){._xbt51ule .show-only-sm{display:block}}
56
50
  @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
57
- @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
58
51
  @container toolbar-container (min-width: 507px) and (max-width: 678px){._lf431ule._lf431ule .show-only-md{display:block}}
59
52
  @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
60
53
  @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
61
- @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
62
54
  @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
63
55
  @container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
64
56
  @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
package/dist/es2019/ui/ResponsiveContainer.js CHANGED
@@ -8,17 +8,14 @@ import React from 'react';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
10
10
  import { Box } from '@atlaskit/primitives/compiled';
11
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
11
  const styles = {
13
12
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
14
13
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
15
14
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
16
15
  fullpageUpdated: "_1hjdglyw _h45w1ule _1ewsglyw _1vlh1ule _11uvglyw _fj2k1ule _1lepglyw _1c391ule _1ihv1ule _99in1ule _xbt51ule _1kmq1ule",
17
16
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
18
- jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
19
- jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
20
- jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
21
- jsmCommentUpdated: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
17
+ jiraIssue: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
18
+ jsmComment: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
22
19
  confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
23
20
  responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
24
21
  };
@@ -36,9 +33,7 @@ const presetStyleMap = {
36
33
  'confluence-comment': styles.confluenceComment
37
34
  };
38
35
  const updatedPresetStyleMap = {
39
- fullpage: styles.fullpageUpdated,
40
- 'jira-issue': styles.jiraIssueUpdated,
41
- 'jsm-comment': styles.jsmCommentUpdated
36
+ fullpage: styles.fullpageUpdated
42
37
  };
43
38
  /**
44
39
  * A responsive container that enables container query-based responsive design using CSS container queries.
@@ -87,12 +82,7 @@ export const ResponsiveContainer = ({
87
82
  children,
88
83
  breakpointPreset
89
84
  }) => {
90
- const isUpdatedConfig = (() => {
91
- if (breakpointPreset === 'fullpage') {
92
- return UNSAFE_expValNoExposure('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
93
- }
94
- return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
95
- })();
85
+ const isUpdatedConfig = breakpointPreset === 'fullpage' && UNSAFE_expValNoExposure('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
96
86
  return /*#__PURE__*/React.createElement(Box, {
97
87
  xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
98
88
  }, children);
package/dist/esm/ui/ResponsiveContainer.compiled.css CHANGED
@@ -26,14 +26,11 @@
26
26
  @container toolbar-container (max-width: 364px){._s2iiglyw._s2iiglyw .show-above-sm{display:none}._o4331ule._o4331ule .show-below-sm{display:block}}
27
27
  @container toolbar-container (max-width: 390px){._u7j1glyw._u7j1glyw .show-above-md{display:none}._c7al1ule._c7al1ule .show-below-md{display:block}}
28
28
  @container toolbar-container (max-width: 407px){._13ioglyw._13ioglyw .show-above-md{display:none}._8urt1ule._8urt1ule .show-below-md{display:block}}
29
- @container toolbar-container (max-width: 419px){._afriglyw._afriglyw .show-above-md{display:none}._ozjb1ule._ozjb1ule .show-below-md{display:block}}
30
29
  @container toolbar-container (max-width: 421px){._11uvglyw .show-above-sm{display:none}._fj2k1ule .show-below-sm{display:block}}
31
30
  @container toolbar-container (max-width: 431px){._j3qgglyw._j3qgglyw .show-above-md{display:none}._xh1i1ule._xh1i1ule .show-below-md{display:block}}
32
- @container toolbar-container (max-width: 499px){._lankglyw._lankglyw .show-above-md{display:none}._1xpy1ule._1xpy1ule .show-below-md{display:block}}
33
31
  @container toolbar-container (max-width: 506px){._1n52glyw._1n52glyw .show-above-md{display:none}._1nd71ule._1nd71ule .show-below-md{display:block}}
34
32
  @container toolbar-container (max-width: 629px){._1b07glyw._1b07glyw .show-above-lg{display:none}._1meg1ule._1meg1ule .show-below-lg{display:block}}
35
33
  @container toolbar-container (max-width: 647px){._18zmglyw._18zmglyw .show-above-lg{display:none}._1uj01ule._1uj01ule .show-below-lg{display:block}}
36
- @container toolbar-container (max-width: 649px){._1mckglyw._1mckglyw .show-above-lg{display:none}._r2nv1ule._r2nv1ule .show-below-lg{display:block}}
37
34
  @container toolbar-container (max-width: 661px){._13s9glyw._13s9glyw .show-above-lg{display:none}._4nul1ule._4nul1ule .show-below-lg{display:block}}
38
35
  @container toolbar-container (max-width: 678px){._103bglyw._103bglyw .show-above-lg{display:none}._1p0z1ule._1p0z1ule .show-below-lg{display:block}}
39
36
  @container toolbar-container (max-width: 721px){._1nqyglyw .show-above-md{display:none}._jd611ule .show-below-md{display:block}}
@@ -43,22 +40,17 @@
43
40
  @container toolbar-container (min-width: 1035px) and (max-width: 1129px){._1ihv1ule .show-only-lg{display:block}}
44
41
  @container toolbar-container (min-width: 1130px){._99in1ule .show-only-xl{display:block}}
45
42
  @container toolbar-container (min-width: 210px) and (max-width: 407px){._7qjy1ule._7qjy1ule .show-only-sm{display:block}}
46
- @container toolbar-container (min-width: 280px) and (max-width: 419px){._4cj71ule._4cj71ule .show-only-sm{display:block}}
47
43
  @container toolbar-container (min-width: 280px) and (max-width: 506px){._1j4d1ule._1j4d1ule .show-only-sm{display:block}}
48
44
  @container toolbar-container (min-width: 296px) and (max-width: 431px){._1cg81ule._1cg81ule .show-only-sm{display:block}}
49
45
  @container toolbar-container (min-width: 365px) and (max-width: 390px){._1u301ule._1u301ule .show-only-sm{display:block}}
50
- @container toolbar-container (min-width: 365px) and (max-width: 499px){._1jvu1ule._1jvu1ule .show-only-sm{display:block}}
51
46
  @container toolbar-container (min-width: 391px) and (max-width: 629px){._14ob1ule._14ob1ule .show-only-md{display:block}}
52
47
  @container toolbar-container (min-width: 408px) and (max-width: 647px){._cpaf1ule._cpaf1ule .show-only-md{display:block}}
53
- @container toolbar-container (min-width: 420px) and (max-width: 649px){._w81r1ule._w81r1ule .show-only-md{display:block}}
54
48
  @container toolbar-container (min-width: 422px) and (max-width: 721px){._1btx1ule .show-only-sm{display:block}}
55
49
  @container toolbar-container (min-width: 422px) and (max-width: 875px){._xbt51ule .show-only-sm{display:block}}
56
50
  @container toolbar-container (min-width: 432px) and (max-width: 661px){._oj3l1ule._oj3l1ule .show-only-md{display:block}}
57
- @container toolbar-container (min-width: 500px) and (max-width: 629px){._1vu31ule._1vu31ule .show-only-md{display:block}}
58
51
  @container toolbar-container (min-width: 507px) and (max-width: 678px){._lf431ule._lf431ule .show-only-md{display:block}}
59
52
  @container toolbar-container (min-width: 630px) and (max-width: 1023px){._1bqk1ule._1bqk1ule .show-only-lg{display:block}}
60
53
  @container toolbar-container (min-width: 648px) and (max-width: 1023px){._1oqh1ule._1oqh1ule .show-only-lg{display:block}}
61
- @container toolbar-container (min-width: 650px) and (max-width: 1023px){._1ym01ule._1ym01ule .show-only-lg{display:block}}
62
54
  @container toolbar-container (min-width: 662px) and (max-width: 1023px){._wt211ule._wt211ule .show-only-lg{display:block}}
63
55
  @container toolbar-container (min-width: 679px) and (max-width: 1023px){._g5yu1ule._g5yu1ule .show-only-lg{display:block}}
64
56
  @container toolbar-container (min-width: 722px) and (max-width: 857px){._biad1ule .show-only-md{display:block}}
package/dist/esm/ui/ResponsiveContainer.js CHANGED
@@ -8,17 +8,14 @@ import React from 'react';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
10
10
  import { Box } from '@atlaskit/primitives/compiled';
11
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
11
  var styles = {
13
12
  responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
14
13
  responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
15
14
  fullpage: "_luoiglyw _2ojp1ule _11uvglyw _fj2k1ule _1nqyglyw _jd611ule _syrzglyw _fr6v1ule _1je21ule _1btx1ule _biad1ule _1ana1ule",
16
15
  fullpageUpdated: "_1hjdglyw _h45w1ule _1ewsglyw _1vlh1ule _11uvglyw _fj2k1ule _1lepglyw _1c391ule _1ihv1ule _99in1ule _xbt51ule _1kmq1ule",
17
16
  reduced: "_kkyiglyw _1dj81ule _1cg81ule _j3qgglyw _xh1i1ule _oj3l1ule _13s9glyw _4nul1ule _wt211ule _tzm6glyw _ktne1ule _87bn1ule",
18
- jiraIssue: "_152xglyw _1cn41ule _4cj71ule _afriglyw _ozjb1ule _w81r1ule _1mckglyw _r2nv1ule _1ym01ule _tzm6glyw _ktne1ule _87bn1ule",
19
- jiraIssueUpdated: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
20
- jsmComment: "_s2iiglyw _o4331ule _1jvu1ule _lankglyw _1xpy1ule _1vu31ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
21
- jsmCommentUpdated: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
17
+ jiraIssue: "_152xglyw _1cn41ule _1j4d1ule _1n52glyw _1nd71ule _lf431ule _103bglyw _1p0z1ule _g5yu1ule _tzm6glyw _ktne1ule _87bn1ule",
18
+ jsmComment: "_s2iiglyw _o4331ule _1u301ule _u7j1glyw _c7al1ule _14ob1ule _1b07glyw _1meg1ule _1bqk1ule _tzm6glyw _ktne1ule _87bn1ule",
22
19
  confluenceComment: "_15nrglyw _cm5a1ule _7qjy1ule _13ioglyw _8urt1ule _cpaf1ule _18zmglyw _1uj01ule _1oqh1ule _tzm6glyw _ktne1ule _87bn1ule",
23
20
  responsiveRulesWrapper: "_1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _33p2glyw _1dre1ule _u47mglyw _rut51ule _fj5dglyw _5wt61ule _hmx4glyw _1rrm1ule _ut18glyw _1nwo1ule _19fzglyw _1r831ule"
24
21
  };
@@ -36,9 +33,7 @@ var presetStyleMap = {
36
33
  'confluence-comment': styles.confluenceComment
37
34
  };
38
35
  var updatedPresetStyleMap = {
39
- fullpage: styles.fullpageUpdated,
40
- 'jira-issue': styles.jiraIssueUpdated,
41
- 'jsm-comment': styles.jsmCommentUpdated
36
+ fullpage: styles.fullpageUpdated
42
37
  };
43
38
  /**
44
39
  * A responsive container that enables container query-based responsive design using CSS container queries.
@@ -86,12 +81,7 @@ var updatedPresetStyleMap = {
86
81
  export var ResponsiveContainer = function ResponsiveContainer(_ref) {
87
82
  var children = _ref.children,
88
83
  breakpointPreset = _ref.breakpointPreset;
89
- var isUpdatedConfig = function () {
90
- if (breakpointPreset === 'fullpage') {
91
- return UNSAFE_expValNoExposure('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
92
- }
93
- return expValEquals('platform_editor_toolbar_update_jira_config', 'isEnabled', true) && breakpointPreset in updatedPresetStyleMap;
94
- }();
84
+ var isUpdatedConfig = breakpointPreset === 'fullpage' && UNSAFE_expValNoExposure('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
95
85
  return /*#__PURE__*/React.createElement(Box, {
96
86
  xcss: cx(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
97
87
  }, children);
package/dist/types/ui/ResponsiveContainer.d.ts CHANGED
@@ -12,8 +12,8 @@ export type ResponsiveContainerProps = {
12
12
  * Available presets:
13
13
  * - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences (updated to 422, 876, 1035, 1130 when platform_editor_ai_content_suggested_edits is enabled)
14
14
  * - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
15
- * - 'jira-issue': (280, 420, 650, 1024) - Jira issue view and similar contexts
16
- * - 'jsm-comment': (365, 500, 630, 1024) - JSM comment editor with canned responses button
15
+ * - 'jira-issue': (280, 507, 679, 1024) - Jira issue view and similar contexts
16
+ * - 'jsm-comment': (365, 391, 630, 1024) - JSM comment editor with canned responses button
17
17
  * - 'confluence-comment': (210, 408, 648, 1024) - Confluence comment editor and inline contexts
18
18
  *
19
19
  * @default 'fullpage'
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "2.8.34",
6
+ "version": "2.8.35",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "website": {
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/popup": "^9.0.0",
46
46
  "@atlaskit/primitives": "^22.5.0",
47
47
  "@atlaskit/react-compiler-gating": "^0.2.0",
48
- "@atlaskit/tmp-editor-statsig": "^239.0.0",
49
- "@atlaskit/tokens": "^20.5.0",
48
+ "@atlaskit/tmp-editor-statsig": "^240.0.0",
49
+ "@atlaskit/tokens": "^20.6.0",
50
50
  "@atlaskit/tooltip": "^24.4.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@compiled/react": "^1.0.2",