@atlaskit/editor-toolbar 0.17.8 → 0.17.10
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 +14 -0
- package/dist/cjs/ui/ResponsiveContainer.compiled.css +6 -3
- package/dist/cjs/ui/ResponsiveContainer.js +2 -2
- package/dist/es2019/ui/ResponsiveContainer.compiled.css +6 -3
- package/dist/es2019/ui/ResponsiveContainer.js +2 -2
- package/dist/esm/ui/ResponsiveContainer.compiled.css +6 -3
- package/dist/esm/ui/ResponsiveContainer.js +2 -2
- package/dist/types/ui/ResponsiveContainer.d.ts +2 -2
- package/dist/types-ts4.5/ui/ResponsiveContainer.d.ts +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 0.17.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`d2560fe5d6150`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2560fe5d6150) -
|
|
8
|
+
[ux] ED-29684 Tweak JSM responsiveness breakpoint
|
|
9
|
+
|
|
10
|
+
## 0.17.9
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`f30ba6b61f505`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f30ba6b61f505) -
|
|
15
|
+
[ux] ED-29682 Update Jira issue breakpoints
|
|
16
|
+
|
|
3
17
|
## 0.17.8
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -14,14 +14,17 @@
|
|
|
14
14
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
15
15
|
@container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
|
|
16
16
|
@container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
|
|
17
|
-
@container toolbar-container (max-width:
|
|
17
|
+
@container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
|
|
18
|
+
@container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
|
|
18
19
|
@container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
|
|
19
20
|
@container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
|
|
20
|
-
@container toolbar-container (max-width:
|
|
21
|
+
@container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
|
|
21
22
|
@container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
|
|
23
|
+
@container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
|
|
23
|
-
@container toolbar-container (max-width:
|
|
25
|
+
@container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
|
|
24
26
|
@container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
|
|
27
|
+
@container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
|
|
25
28
|
@container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
|
|
26
29
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
27
30
|
@media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
|
|
@@ -20,8 +20,8 @@ var styles = {
|
|
|
20
20
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
|
|
21
21
|
fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
22
22
|
reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
23
|
-
jiraIssue: "
|
|
24
|
-
jsmComment: "
|
|
23
|
+
jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
|
|
24
|
+
jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
|
|
25
25
|
confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
|
|
26
26
|
responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
27
27
|
responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
@@ -14,14 +14,17 @@
|
|
|
14
14
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
15
15
|
@container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
|
|
16
16
|
@container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
|
|
17
|
-
@container toolbar-container (max-width:
|
|
17
|
+
@container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
|
|
18
|
+
@container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
|
|
18
19
|
@container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
|
|
19
20
|
@container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
|
|
20
|
-
@container toolbar-container (max-width:
|
|
21
|
+
@container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
|
|
21
22
|
@container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
|
|
23
|
+
@container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
|
|
23
|
-
@container toolbar-container (max-width:
|
|
25
|
+
@container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
|
|
24
26
|
@container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
|
|
27
|
+
@container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
|
|
25
28
|
@container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
|
|
26
29
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
27
30
|
@media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
|
|
@@ -13,8 +13,8 @@ const styles = {
|
|
|
13
13
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
|
|
14
14
|
fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
15
15
|
reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
16
|
-
jiraIssue: "
|
|
17
|
-
jsmComment: "
|
|
16
|
+
jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
|
|
17
|
+
jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
|
|
18
18
|
confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
|
|
19
19
|
responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
20
20
|
responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
@@ -14,14 +14,17 @@
|
|
|
14
14
|
@container editor-area (max-width: 700px){._fj5dglyw .show-above-lg{display:none}._5wt61ule .show-below-lg{display:block}}
|
|
15
15
|
@container toolbar-container (max-width: 1024px){._19x4glyw._19x4glyw .show-above-xl{display:none}._qck01ule._qck01ule .show-below-xl{display:block}._t3a8glyw .show-above-xl{display:none}._1x5z1ule .show-below-xl{display:block}}
|
|
16
16
|
@container toolbar-container (max-width: 210px){._j094glyw._j094glyw .show-above-sm{display:none}._1mc51ule._1mc51ule .show-below-sm{display:block}}
|
|
17
|
-
@container toolbar-container (max-width:
|
|
17
|
+
@container toolbar-container (max-width: 280px){._3tohglyw._3tohglyw .show-above-sm{display:none}._b5je1ule._b5je1ule .show-below-sm{display:block}}
|
|
18
|
+
@container toolbar-container (max-width: 365px){._gp7jglyw._gp7jglyw .show-above-sm{display:none}._luyr1ule._luyr1ule .show-below-sm{display:block}}
|
|
18
19
|
@container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
|
|
19
20
|
@container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
|
|
20
|
-
@container toolbar-container (max-width:
|
|
21
|
+
@container toolbar-container (max-width: 420px){._1y2iglyw._1y2iglyw .show-above-md{display:none}._w3191ule._w3191ule .show-below-md{display:block}}
|
|
21
22
|
@container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
|
|
23
|
+
@container toolbar-container (max-width: 500px){._1gcoglyw._1gcoglyw .show-above-md{display:none}._bx071ule._bx071ule .show-below-md{display:block}}
|
|
22
24
|
@container toolbar-container (max-width: 575px){._11u4glyw._11u4glyw .show-above-lg{display:none}._v1i61ule._v1i61ule .show-below-lg{display:block}}
|
|
23
|
-
@container toolbar-container (max-width:
|
|
25
|
+
@container toolbar-container (max-width: 630px){._dtzlglyw._dtzlglyw .show-above-lg{display:none}._5ur11ule._5ur11ule .show-below-lg{display:block}}
|
|
24
26
|
@container toolbar-container (max-width: 648px){._4kfbglyw._4kfbglyw .show-above-lg{display:none}._j1h31ule._j1h31ule .show-below-lg{display:block}._e2nbglyw._e2nbglyw._e2nbglyw .show-above-lg{display:none}._ol4q1ule._ol4q1ule._ol4q1ule .show-below-lg{display:block}}
|
|
27
|
+
@container toolbar-container (max-width: 650px){._tr9jglyw._tr9jglyw .show-above-lg{display:none}._1xve1ule._1xve1ule .show-below-lg{display:block}}
|
|
25
28
|
@container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
|
|
26
29
|
@media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
|
|
27
30
|
@media (max-width:533px){._ut18glyw .show-above-md{display:none}._1nwo1ule .show-below-md{display:block}}
|
|
@@ -13,8 +13,8 @@ var styles = {
|
|
|
13
13
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw",
|
|
14
14
|
fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
15
15
|
reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
16
|
-
jiraIssue: "
|
|
17
|
-
jsmComment: "
|
|
16
|
+
jiraIssue: "_3tohglyw _b5je1ule _1y2iglyw _w3191ule _tr9jglyw _1xve1ule _19x4glyw _qck01ule",
|
|
17
|
+
jsmComment: "_gp7jglyw _luyr1ule _1gcoglyw _bx071ule _dtzlglyw _5ur11ule _19x4glyw _qck01ule",
|
|
18
18
|
confluenceComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _4kfbglyw _j1h31ule _19x4glyw _qck01ule",
|
|
19
19
|
responsiveRules: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
|
|
20
20
|
responsiveRulesReduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
|
|
@@ -11,8 +11,8 @@ export type ResponsiveContainerProps = {
|
|
|
11
11
|
* Available presets:
|
|
12
12
|
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
|
|
13
13
|
* - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
|
|
14
|
-
* - 'jira-issue': (
|
|
15
|
-
* - 'jsm-comment': (
|
|
14
|
+
* - 'jira-issue': (280, 420, 650, 1024) - Jira issue view and similar contexts
|
|
15
|
+
* - 'jsm-comment': (365, 500, 630, 1024) - JSM comment editor with canned responses button
|
|
16
16
|
* - 'confluence-comment': (210, 408, 648, 1024) - Confluence comment editor and inline contexts
|
|
17
17
|
*
|
|
18
18
|
* @default 'fullpage'
|
|
@@ -11,8 +11,8 @@ export type ResponsiveContainerProps = {
|
|
|
11
11
|
* Available presets:
|
|
12
12
|
* - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
|
|
13
13
|
* - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
|
|
14
|
-
* - 'jira-issue': (
|
|
15
|
-
* - 'jsm-comment': (
|
|
14
|
+
* - 'jira-issue': (280, 420, 650, 1024) - Jira issue view and similar contexts
|
|
15
|
+
* - 'jsm-comment': (365, 500, 630, 1024) - JSM comment editor with canned responses button
|
|
16
16
|
* - 'confluence-comment': (210, 408, 648, 1024) - Confluence comment editor and inline contexts
|
|
17
17
|
*
|
|
18
18
|
* @default 'fullpage'
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.17.
|
|
6
|
+
"version": "0.17.10",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"team": "Editor: Jenga",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
34
34
|
"@atlaskit/popup": "^4.6.0",
|
|
35
35
|
"@atlaskit/primitives": "^16.2.0",
|
|
36
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
36
|
+
"@atlaskit/tmp-editor-statsig": "^13.40.0",
|
|
37
37
|
"@atlaskit/tokens": "^8.1.0",
|
|
38
38
|
"@atlaskit/tooltip": "^20.10.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|