@atlaskit/editor-toolbar 0.17.5 → 0.17.6

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 +7 -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 +1 -1
  9. package/dist/types/ui/Toolbar.d.ts +1 -1
  10. package/dist/types-ts4.5/ui/ResponsiveContainer.d.ts +1 -1
  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,12 @@
1
1
  # @atlaskit/editor-toolbar
2
2
 
3
+ ## 0.17.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fd59b4b1d712d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd59b4b1d712d) -
8
+ [ux] ED-29573 Improve JSM comment responsiveness
9
+
3
10
  ## 0.17.5
4
11
 
5
12
  ### 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: 320px){._1jfeglyw._1jfeglyw .show-above-sm{display:none}._5rhr1ule._5rhr1ule .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: 460px){._1uedglyw._1uedglyw .show-above-md{display:none}._r2zg1ule._r2zg1ule .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: 590px){._1amcglyw._1amcglyw .show-above-lg{display:none}._1ya51ule._1ya51ule .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: "_1jfeglyw _5rhr1ule _1uedglyw _r2zg1ule _1amcglyw _1ya51ule _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: 320px){._1jfeglyw._1jfeglyw .show-above-sm{display:none}._5rhr1ule._5rhr1ule .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: 460px){._1uedglyw._1uedglyw .show-above-md{display:none}._r2zg1ule._r2zg1ule .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: 590px){._1amcglyw._1amcglyw .show-above-lg{display:none}._1ya51ule._1ya51ule .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: "_1jfeglyw _5rhr1ule _1uedglyw _r2zg1ule _1amcglyw _1ya51ule _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: 320px){._1jfeglyw._1jfeglyw .show-above-sm{display:none}._5rhr1ule._5rhr1ule .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: 460px){._1uedglyw._1uedglyw .show-above-md{display:none}._r2zg1ule._r2zg1ule .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: 590px){._1amcglyw._1amcglyw .show-above-lg{display:none}._1ya51ule._1ya51ule .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: "_1jfeglyw _5rhr1ule _1uedglyw _r2zg1ule _1amcglyw _1ya51ule _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
@@ -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
@@ -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.6",
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.38.0",
37
37
  "@atlaskit/tokens": "^8.0.0",
38
- "@atlaskit/tooltip": "^20.8.0",
38
+ "@atlaskit/tooltip": "^20.9.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.6",
41
41
  "chromatism": "^2.6.0"