@atlaskit/menu 1.9.7 → 1.9.8

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.js +16 -5
  3. package/dist/es2019/internal/components/menu-item-primitive.js +16 -5
  4. package/dist/esm/internal/components/menu-item-primitive.js +16 -5
  5. package/package.json +4 -4
  6. package/dist/cjs/version.json +0 -5
  7. package/dist/es2019/version.json +0 -5
  8. package/dist/esm/version.json +0 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 1.9.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
8
+
3
9
  ## 1.9.7
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/internal/components/menu-item-primitive.js CHANGED
@@ -32,17 +32,28 @@ var contentStyles = (0, _react2.css)({
32
32
  justifyContent: 'center',
33
33
  flexDirection: 'column',
34
34
  flexGrow: 1,
35
- // Fix - avoid clipped text descenders when using standard 16px line-height
36
35
  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
37
36
  outline: 'none',
38
- overflow: 'hidden',
39
- textAlign: 'left'
37
+ textAlign: 'left',
38
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
39
+ '@supports not (overflow-x: clip)': {
40
+ overflow: 'hidden'
41
+ },
42
+ '@supports (overflow-x: clip)': {
43
+ overflowX: 'clip'
44
+ }
40
45
  });
41
46
  var truncateStyles = (0, _react2.css)({
42
47
  display: 'block',
43
- overflow: 'hidden',
44
48
  textOverflow: 'ellipsis',
45
- whiteSpace: 'nowrap'
49
+ whiteSpace: 'nowrap',
50
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
51
+ '@supports not (overflow-x: clip)': {
52
+ overflow: 'hidden'
53
+ },
54
+ '@supports (overflow-x: clip)': {
55
+ overflowX: 'clip'
56
+ }
46
57
  });
47
58
  var wordBreakStyles = (0, _react2.css)({
48
59
  wordBreak: 'break-word'
package/dist/es2019/internal/components/menu-item-primitive.js CHANGED
@@ -21,17 +21,28 @@ const contentStyles = css({
21
21
  justifyContent: 'center',
22
22
  flexDirection: 'column',
23
23
  flexGrow: 1,
24
- // Fix - avoid clipped text descenders when using standard 16px line-height
25
24
  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
26
25
  outline: 'none',
27
- overflow: 'hidden',
28
- textAlign: 'left'
26
+ textAlign: 'left',
27
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
28
+ '@supports not (overflow-x: clip)': {
29
+ overflow: 'hidden'
30
+ },
31
+ '@supports (overflow-x: clip)': {
32
+ overflowX: 'clip'
33
+ }
29
34
  });
30
35
  const truncateStyles = css({
31
36
  display: 'block',
32
- overflow: 'hidden',
33
37
  textOverflow: 'ellipsis',
34
- whiteSpace: 'nowrap'
38
+ whiteSpace: 'nowrap',
39
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
40
+ '@supports not (overflow-x: clip)': {
41
+ overflow: 'hidden'
42
+ },
43
+ '@supports (overflow-x: clip)': {
44
+ overflowX: 'clip'
45
+ }
35
46
  });
36
47
  const wordBreakStyles = css({
37
48
  wordBreak: 'break-word'
package/dist/esm/internal/components/menu-item-primitive.js CHANGED
@@ -24,17 +24,28 @@ var contentStyles = css({
24
24
  justifyContent: 'center',
25
25
  flexDirection: 'column',
26
26
  flexGrow: 1,
27
- // Fix - avoid clipped text descenders when using standard 16px line-height
28
27
  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
29
28
  outline: 'none',
30
- overflow: 'hidden',
31
- textAlign: 'left'
29
+ textAlign: 'left',
30
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
31
+ '@supports not (overflow-x: clip)': {
32
+ overflow: 'hidden'
33
+ },
34
+ '@supports (overflow-x: clip)': {
35
+ overflowX: 'clip'
36
+ }
32
37
  });
33
38
  var truncateStyles = css({
34
39
  display: 'block',
35
- overflow: 'hidden',
36
40
  textOverflow: 'ellipsis',
37
- whiteSpace: 'nowrap'
41
+ whiteSpace: 'nowrap',
42
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
43
+ '@supports not (overflow-x: clip)': {
44
+ overflow: 'hidden'
45
+ },
46
+ '@supports (overflow-x: clip)': {
47
+ overflowX: 'clip'
48
+ }
38
49
  });
39
50
  var wordBreakStyles = css({
40
51
  wordBreak: 'break-word'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.9.7",
3
+ "version": "1.9.8",
4
4
  "description": "A collection of composable menu components that can be used anywhere.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
15
15
  "sideEffects": false,
16
16
  "atlaskit:src": "src/index.tsx",
17
17
  "atlassian": {
18
- "team": "Design System Pyxis",
18
+ "team": "Design System Team",
19
19
  "productPushConsumption": [
20
20
  "jira"
21
21
  ],
@@ -30,9 +30,9 @@
30
30
  "@atlaskit/ds-lib": "^2.2.0",
31
31
  "@atlaskit/focus-ring": "^1.3.0",
32
32
  "@atlaskit/platform-feature-flags": "^0.2.0",
33
- "@atlaskit/primitives": "^1.0.6",
33
+ "@atlaskit/primitives": "^1.2.0",
34
34
  "@atlaskit/theme": "^12.5.0",
35
- "@atlaskit/tokens": "^1.13.0",
35
+ "@atlaskit/tokens": "^1.14.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@emotion/react": "^11.7.1"
38
38
  },
package/dist/cjs/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/menu",
3
- "version": "1.9.7",
4
- "sideEffects": false
5
- }
package/dist/es2019/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/menu",
3
- "version": "1.9.7",
4
- "sideEffects": false
5
- }
package/dist/esm/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/menu",
3
- "version": "1.9.7",
4
- "sideEffects": false
5
- }