@atlaskit/editor-toolbar 0.17.5 → 0.17.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 (12) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/ui/ResponsiveContainer.compiled.css +3 -1
  3. package/dist/cjs/ui/ResponsiveContainer.js +3 -3
  4. package/dist/es2019/ui/ResponsiveContainer.compiled.css +3 -1
  5. package/dist/es2019/ui/ResponsiveContainer.js +3 -3
  6. package/dist/esm/ui/ResponsiveContainer.compiled.css +3 -1
  7. package/dist/esm/ui/ResponsiveContainer.js +3 -3
  8. package/dist/types/ui/ResponsiveContainer.d.ts +2 -2
  9. package/dist/types/ui/Toolbar.d.ts +1 -1
  10. package/dist/types-ts4.5/ui/ResponsiveContainer.d.ts +2 -2
  11. package/dist/types-ts4.5/ui/Toolbar.d.ts +1 -1
  12. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.17.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`414266a7a2557`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/414266a7a2557) -
8
+ [ux] ED-29679 Update JSM breakpoints
9
+ - Updated dependencies
10
+
11
+ ## 0.17.6
12
+
13
+ ### Patch Changes
14
+
15
+ - [`fd59b4b1d712d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd59b4b1d712d) -
16
+ [ux] ED-29573 Improve JSM comment responsiveness
17
+
3
18
  ## 0.17.5
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/ui/ResponsiveContainer.compiled.css CHANGED
@@ -14,11 +14,13 @@
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: 340px){._vuqjglyw._vuqjglyw .show-above-sm{display:none}._1nmn1ule._1nmn1ule .show-below-sm{display:block}}
17
18
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
18
19
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
20
+ @container toolbar-container (max-width: 475px){._1iy9glyw._1iy9glyw .show-above-md{display:none}._1mds1ule._1mds1ule .show-below-md{display:block}}
19
21
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
20
- @container toolbar-container (max-width: 550px){._167iglyw._167iglyw .show-above-lg{display:none}._kyxb1ule._kyxb1ule .show-below-lg{display:block}}
21
22
  @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: 605px){._st4rglyw._st4rglyw .show-above-lg{display:none}._e2ru1ule._e2ru1ule .show-below-lg{display:block}}
22
24
  @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}}
23
25
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
24
26
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
package/dist/cjs/ui/ResponsiveContainer.js CHANGED
@@ -21,7 +21,7 @@ var styles = {
21
21
  fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
22
22
  reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
23
23
  jiraIssue: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
24
- jsmComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _167iglyw _kyxb1ule _19x4glyw _qck01ule",
24
+ jsmComment: "_vuqjglyw _1nmn1ule _1iy9glyw _1mds1ule _st4rglyw _e2ru1ule _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",
@@ -36,8 +36,8 @@ var styles = {
36
36
 
37
37
  // Map preset names to camelCase style keys
38
38
  var presetStyleMap = {
39
- 'fullpage': styles.fullpage,
40
- 'reduced': styles.reduced,
39
+ fullpage: styles.fullpage,
40
+ reduced: styles.reduced,
41
41
  'jira-issue': styles.jiraIssue,
42
42
  'jsm-comment': styles.jsmComment,
43
43
  'confluence-comment': styles.confluenceComment
package/dist/es2019/ui/ResponsiveContainer.compiled.css CHANGED
@@ -14,11 +14,13 @@
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: 340px){._vuqjglyw._vuqjglyw .show-above-sm{display:none}._1nmn1ule._1nmn1ule .show-below-sm{display:block}}
17
18
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
18
19
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
20
+ @container toolbar-container (max-width: 475px){._1iy9glyw._1iy9glyw .show-above-md{display:none}._1mds1ule._1mds1ule .show-below-md{display:block}}
19
21
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
20
- @container toolbar-container (max-width: 550px){._167iglyw._167iglyw .show-above-lg{display:none}._kyxb1ule._kyxb1ule .show-below-lg{display:block}}
21
22
  @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: 605px){._st4rglyw._st4rglyw .show-above-lg{display:none}._e2ru1ule._e2ru1ule .show-below-lg{display:block}}
22
24
  @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}}
23
25
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
24
26
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
package/dist/es2019/ui/ResponsiveContainer.js CHANGED
@@ -14,7 +14,7 @@ const styles = {
14
14
  fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
15
15
  reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
16
16
  jiraIssue: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
17
- jsmComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _167iglyw _kyxb1ule _19x4glyw _qck01ule",
17
+ jsmComment: "_vuqjglyw _1nmn1ule _1iy9glyw _1mds1ule _st4rglyw _e2ru1ule _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",
@@ -29,8 +29,8 @@ const styles = {
29
29
 
30
30
  // Map preset names to camelCase style keys
31
31
  const presetStyleMap = {
32
- 'fullpage': styles.fullpage,
33
- 'reduced': styles.reduced,
32
+ fullpage: styles.fullpage,
33
+ reduced: styles.reduced,
34
34
  'jira-issue': styles.jiraIssue,
35
35
  'jsm-comment': styles.jsmComment,
36
36
  'confluence-comment': styles.confluenceComment
package/dist/esm/ui/ResponsiveContainer.compiled.css CHANGED
@@ -14,11 +14,13 @@
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: 340px){._vuqjglyw._vuqjglyw .show-above-sm{display:none}._1nmn1ule._1nmn1ule .show-below-sm{display:block}}
17
18
  @container toolbar-container (max-width: 408px){._gipeglyw._gipeglyw .show-above-md{display:none}._311r1ule._311r1ule .show-below-md{display:block}}
18
19
  @container toolbar-container (max-width: 410px){._6nrqglyw .show-above-sm{display:none}._1fq21ule .show-below-sm{display:block}}
20
+ @container toolbar-container (max-width: 475px){._1iy9glyw._1iy9glyw .show-above-md{display:none}._1mds1ule._1mds1ule .show-below-md{display:block}}
19
21
  @container toolbar-container (max-width: 476px){._1ireglyw .show-above-md{display:none}._zy2m1ule .show-below-md{display:block}}
20
- @container toolbar-container (max-width: 550px){._167iglyw._167iglyw .show-above-lg{display:none}._kyxb1ule._kyxb1ule .show-below-lg{display:block}}
21
22
  @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: 605px){._st4rglyw._st4rglyw .show-above-lg{display:none}._e2ru1ule._e2ru1ule .show-below-lg{display:block}}
22
24
  @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}}
23
25
  @container toolbar-container (max-width: 768px){._hfbeglyw .show-above-lg{display:none}._gw6d1ule .show-below-lg{display:block}}
24
26
  @media (max-width:700px){._hmx4glyw .show-above-lg{display:none}._1rrm1ule .show-below-lg{display:block}}
package/dist/esm/ui/ResponsiveContainer.js CHANGED
@@ -14,7 +14,7 @@ var styles = {
14
14
  fullpage: "_t3a8glyw _1x5z1ule _6nrqglyw _1fq21ule _1ireglyw _zy2m1ule _hfbeglyw _gw6d1ule",
15
15
  reduced: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
16
16
  jiraIssue: "_j094glyw _1mc51ule _gipeglyw _311r1ule _11u4glyw _v1i61ule _19x4glyw _qck01ule",
17
- jsmComment: "_j094glyw _1mc51ule _gipeglyw _311r1ule _167iglyw _kyxb1ule _19x4glyw _qck01ule",
17
+ jsmComment: "_vuqjglyw _1nmn1ule _1iy9glyw _1mds1ule _st4rglyw _e2ru1ule _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",
@@ -29,8 +29,8 @@ var styles = {
29
29
 
30
30
  // Map preset names to camelCase style keys
31
31
  var presetStyleMap = {
32
- 'fullpage': styles.fullpage,
33
- 'reduced': styles.reduced,
32
+ fullpage: styles.fullpage,
33
+ reduced: styles.reduced,
34
34
  'jira-issue': styles.jiraIssue,
35
35
  'jsm-comment': styles.jsmComment,
36
36
  'confluence-comment': styles.confluenceComment
package/dist/types/ui/ResponsiveContainer.d.ts CHANGED
@@ -12,7 +12,7 @@ export type ResponsiveContainerProps = {
12
12
  * - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
13
13
  * - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
14
14
  * - 'jira-issue': (210, 408, 575, 1024) - Jira issue view and similar contexts
15
- * - 'jsm-comment': (210, 408, 550, 1024) - JSM comment editor with canned responses button
15
+ * - 'jsm-comment': (340, 475, 605, 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'
@@ -70,7 +70,7 @@ export type ResponsiveContainerProps = {
70
70
  * @param reducedBreakpoints - Legacy prop for reduced breakpoints (deprecated, use preset instead)
71
71
  * @returns A Box component with container query styles applied
72
72
  */
73
- export declare const ResponsiveContainer: ({ children, breakpointPreset, reducedBreakpoints }: ResponsiveContainerProps) => React.JSX.Element;
73
+ export declare const ResponsiveContainer: ({ children, breakpointPreset, reducedBreakpoints, }: ResponsiveContainerProps) => React.JSX.Element;
74
74
  /**
75
75
  * A wrapper that supports responsiveness with media queries. It needs to used together with Show component
76
76
  */
package/dist/types/ui/Toolbar.d.ts CHANGED
@@ -21,5 +21,5 @@ type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
21
21
  /**
22
22
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
23
23
  */
24
- export declare const PrimaryToolbar: ({ children, label, breakpointPreset, reducedBreakpoints }: PrimaryToolbarProps) => React.JSX.Element;
24
+ export declare const PrimaryToolbar: ({ children, label, breakpointPreset, reducedBreakpoints, }: PrimaryToolbarProps) => React.JSX.Element;
25
25
  export {};
package/dist/types-ts4.5/ui/ResponsiveContainer.d.ts CHANGED
@@ -12,7 +12,7 @@ export type ResponsiveContainerProps = {
12
12
  * - 'fullpage': (410, 476, 768, 1024) - Editor full-page experiences
13
13
  * - 'reduced': (210, 408, 575, 1024) - Default compact toolbars, constrained layouts
14
14
  * - 'jira-issue': (210, 408, 575, 1024) - Jira issue view and similar contexts
15
- * - 'jsm-comment': (210, 408, 550, 1024) - JSM comment editor with canned responses button
15
+ * - 'jsm-comment': (340, 475, 605, 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'
@@ -70,7 +70,7 @@ export type ResponsiveContainerProps = {
70
70
  * @param reducedBreakpoints - Legacy prop for reduced breakpoints (deprecated, use preset instead)
71
71
  * @returns A Box component with container query styles applied
72
72
  */
73
- export declare const ResponsiveContainer: ({ children, breakpointPreset, reducedBreakpoints }: ResponsiveContainerProps) => React.JSX.Element;
73
+ export declare const ResponsiveContainer: ({ children, breakpointPreset, reducedBreakpoints, }: ResponsiveContainerProps) => React.JSX.Element;
74
74
  /**
75
75
  * A wrapper that supports responsiveness with media queries. It needs to used together with Show component
76
76
  */
package/dist/types-ts4.5/ui/Toolbar.d.ts CHANGED
@@ -21,5 +21,5 @@ type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
21
21
  /**
22
22
  * A simple component representing a toolbar without box shadows - used to represent a primary toolbar
23
23
  */
24
- export declare const PrimaryToolbar: ({ children, label, breakpointPreset, reducedBreakpoints }: PrimaryToolbarProps) => React.JSX.Element;
24
+ export declare const PrimaryToolbar: ({ children, label, breakpointPreset, reducedBreakpoints, }: PrimaryToolbarProps) => React.JSX.Element;
25
25
  export {};
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org/"
5
5
  },
6
- "version": "0.17.5",
6
+ "version": "0.17.7",
7
7
  "description": "Common UI for Toolbars across the platform",
8
8
  "atlassian": {
9
9
  "team": "Editor: Jenga",
@@ -33,9 +33,9 @@
33
33
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
34
34
  "@atlaskit/popup": "^4.6.0",
35
35
  "@atlaskit/primitives": "^16.1.0",
36
- "@atlaskit/tmp-editor-statsig": "^13.35.0",
36
+ "@atlaskit/tmp-editor-statsig": "^13.39.0",
37
37
  "@atlaskit/tokens": "^8.0.0",
38
- "@atlaskit/tooltip": "^20.8.0",
38
+ "@atlaskit/tooltip": "^20.10.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.6",
41
41
  "chromatism": "^2.6.0"