@atlaskit/form 8.11.11 → 8.11.12

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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/form-header.js +8 -2
  3. package/dist/cjs/form-section.js +8 -2
  4. package/dist/es2019/form-header.js +8 -2
  5. package/dist/es2019/form-section.js +8 -2
  6. package/dist/esm/form-header.js +8 -2
  7. package/dist/esm/form-section.js +8 -2
  8. package/package.json +2 -2
  9. package/dist/cjs/version.json +0 -5
  10. package/dist/es2019/version.json +0 -5
  11. package/dist/esm/version.json +0 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 8.11.12
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
  ## 8.11.11
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/form-header.js CHANGED
@@ -22,9 +22,15 @@ var formHeaderTitleStyles = (0, _react.css)({
22
22
  marginTop: 0,
23
23
  marginRight: "var(--ds-space-400, 32px)",
24
24
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
25
- overflow: 'hidden',
26
25
  textOverflow: 'ellipsis',
27
- whiteSpace: 'nowrap'
26
+ whiteSpace: 'nowrap',
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
+ }
28
34
  });
29
35
  var formHeaderWrapperStyles = (0, _react.css)({
30
36
  fontFamily: "".concat(fontFamily)
package/dist/cjs/form-section.js CHANGED
@@ -16,9 +16,15 @@ var formSectionTitleStyles = (0, _react.css)({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-space-400, 32px)",
19
- overflow: 'hidden',
20
19
  textOverflow: 'ellipsis',
21
- whiteSpace: 'nowrap'
20
+ whiteSpace: 'nowrap',
21
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
+ '@supports not (overflow-x: clip)': {
23
+ overflow: 'hidden'
24
+ },
25
+ '@supports (overflow-x: clip)': {
26
+ overflowX: 'clip'
27
+ }
22
28
  });
23
29
  var formSectionWrapperStyles = (0, _react.css)({
24
30
  marginTop: "var(--ds-space-300, 24px)"
package/dist/es2019/form-header.js CHANGED
@@ -16,9 +16,15 @@ const formHeaderTitleStyles = css({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
19
- overflow: 'hidden',
20
19
  textOverflow: 'ellipsis',
21
- whiteSpace: 'nowrap'
20
+ whiteSpace: 'nowrap',
21
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
+ '@supports not (overflow-x: clip)': {
23
+ overflow: 'hidden'
24
+ },
25
+ '@supports (overflow-x: clip)': {
26
+ overflowX: 'clip'
27
+ }
22
28
  });
23
29
  const formHeaderWrapperStyles = css({
24
30
  fontFamily: `${fontFamily}`
package/dist/es2019/form-section.js CHANGED
@@ -10,9 +10,15 @@ const formSectionTitleStyles = css({
10
10
  marginTop: 0,
11
11
  marginRight: "var(--ds-space-400, 32px)",
12
12
  lineHeight: "var(--ds-space-400, 32px)",
13
- overflow: 'hidden',
14
13
  textOverflow: 'ellipsis',
15
- whiteSpace: 'nowrap'
14
+ whiteSpace: 'nowrap',
15
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
16
+ '@supports not (overflow-x: clip)': {
17
+ overflow: 'hidden'
18
+ },
19
+ '@supports (overflow-x: clip)': {
20
+ overflowX: 'clip'
21
+ }
16
22
  });
17
23
  const formSectionWrapperStyles = css({
18
24
  marginTop: "var(--ds-space-300, 24px)"
package/dist/esm/form-header.js CHANGED
@@ -16,9 +16,15 @@ var formHeaderTitleStyles = css({
16
16
  marginTop: 0,
17
17
  marginRight: "var(--ds-space-400, 32px)",
18
18
  lineHeight: "var(--ds-font-lineHeight-500, 32px)",
19
- overflow: 'hidden',
20
19
  textOverflow: 'ellipsis',
21
- whiteSpace: 'nowrap'
20
+ whiteSpace: 'nowrap',
21
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
22
+ '@supports not (overflow-x: clip)': {
23
+ overflow: 'hidden'
24
+ },
25
+ '@supports (overflow-x: clip)': {
26
+ overflowX: 'clip'
27
+ }
22
28
  });
23
29
  var formHeaderWrapperStyles = css({
24
30
  fontFamily: "".concat(fontFamily)
package/dist/esm/form-section.js CHANGED
@@ -10,9 +10,15 @@ var formSectionTitleStyles = css({
10
10
  marginTop: 0,
11
11
  marginRight: "var(--ds-space-400, 32px)",
12
12
  lineHeight: "var(--ds-space-400, 32px)",
13
- overflow: 'hidden',
14
13
  textOverflow: 'ellipsis',
15
- whiteSpace: 'nowrap'
14
+ whiteSpace: 'nowrap',
15
+ // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
16
+ '@supports not (overflow-x: clip)': {
17
+ overflow: 'hidden'
18
+ },
19
+ '@supports (overflow-x: clip)': {
20
+ overflowX: 'clip'
21
+ }
16
22
  });
17
23
  var formSectionWrapperStyles = css({
18
24
  marginTop: "var(--ds-space-300, 24px)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "8.11.11",
3
+ "version": "8.11.12",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
44
44
  "devDependencies": {
45
45
  "@af/accessibility-testing": "*",
46
46
  "@af/visual-regression": "*",
47
- "@atlaskit/button": "^16.8.0",
47
+ "@atlaskit/button": "^16.9.0",
48
48
  "@atlaskit/checkbox": "^12.6.0",
49
49
  "@atlaskit/ds-lib": "^2.2.0",
50
50
  "@atlaskit/range": "^7.1.0",
package/dist/cjs/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/form",
3
- "version": "8.11.11",
4
- "sideEffects": false
5
- }
package/dist/es2019/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/form",
3
- "version": "8.11.11",
4
- "sideEffects": false
5
- }
package/dist/esm/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/form",
3
- "version": "8.11.11",
4
- "sideEffects": false
5
- }