@atlaskit/ds-explorations 3.0.0 → 3.0.2
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 +12 -0
- package/dist/cjs/components/text.partial.js +2 -8
- package/dist/es2019/components/surface-provider.js +1 -0
- package/dist/es2019/components/text.partial.js +2 -8
- package/dist/esm/components/surface-provider.js +1 -0
- package/dist/esm/components/text.partial.js +2 -8
- package/dist/types/components/surface-provider.d.ts +2 -2
- package/dist/types-ts4.5/components/surface-provider.d.ts +2 -2
- package/package.json +2 -2
- package/src/components/surface-provider.tsx +1 -4
- package/src/components/text.partial.tsx +1 -7
- package/tsconfig.app.json +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/ds-explorations
|
|
2
2
|
|
|
3
|
+
## 3.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#41492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41492) [`dc028fe1e3b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc028fe1e3b) - Loosen SurfaceProvider type to `any`.
|
|
8
|
+
|
|
9
|
+
## 3.0.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
|
|
14
|
+
|
|
3
15
|
## 3.0.0
|
|
4
16
|
|
|
5
17
|
### Major Changes
|
|
@@ -53,15 +53,9 @@ var baseStyles = (0, _react2.css)({
|
|
|
53
53
|
padding: "var(--ds-space-0, 0px)"
|
|
54
54
|
});
|
|
55
55
|
var truncateStyles = (0, _react2.css)({
|
|
56
|
+
overflow: 'hidden',
|
|
56
57
|
textOverflow: 'ellipsis',
|
|
57
|
-
whiteSpace: 'nowrap'
|
|
58
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
59
|
-
'@supports not (overflow-x: clip)': {
|
|
60
|
-
overflow: 'hidden'
|
|
61
|
-
},
|
|
62
|
-
'@supports (overflow-x: clip)': {
|
|
63
|
-
overflowX: 'clip'
|
|
64
|
-
}
|
|
58
|
+
whiteSpace: 'nowrap'
|
|
65
59
|
});
|
|
66
60
|
|
|
67
61
|
/**
|
|
@@ -44,15 +44,9 @@ const baseStyles = css({
|
|
|
44
44
|
padding: "var(--ds-space-0, 0px)"
|
|
45
45
|
});
|
|
46
46
|
const truncateStyles = css({
|
|
47
|
+
overflow: 'hidden',
|
|
47
48
|
textOverflow: 'ellipsis',
|
|
48
|
-
whiteSpace: 'nowrap'
|
|
49
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
50
|
-
'@supports not (overflow-x: clip)': {
|
|
51
|
-
overflow: 'hidden'
|
|
52
|
-
},
|
|
53
|
-
'@supports (overflow-x: clip)': {
|
|
54
|
-
overflowX: 'clip'
|
|
55
|
-
}
|
|
49
|
+
whiteSpace: 'nowrap'
|
|
56
50
|
});
|
|
57
51
|
|
|
58
52
|
/**
|
|
@@ -46,15 +46,9 @@ var baseStyles = css({
|
|
|
46
46
|
padding: "var(--ds-space-0, 0px)"
|
|
47
47
|
});
|
|
48
48
|
var truncateStyles = css({
|
|
49
|
+
overflow: 'hidden',
|
|
49
50
|
textOverflow: 'ellipsis',
|
|
50
|
-
whiteSpace: 'nowrap'
|
|
51
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
52
|
-
'@supports not (overflow-x: clip)': {
|
|
53
|
-
overflow: 'hidden'
|
|
54
|
-
},
|
|
55
|
-
'@supports (overflow-x: clip)': {
|
|
56
|
-
overflowX: 'clip'
|
|
57
|
-
}
|
|
51
|
+
whiteSpace: 'nowrap'
|
|
58
52
|
});
|
|
59
53
|
|
|
60
54
|
/**
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*
|
|
5
5
|
* A surface context provides context information on the current background (if set).
|
|
6
6
|
*/
|
|
7
|
-
export declare const SurfaceContext: import("react").Context<
|
|
7
|
+
export declare const SurfaceContext: import("react").Context<any>;
|
|
8
8
|
/**
|
|
9
9
|
* __useSurface__
|
|
10
10
|
*
|
|
@@ -12,4 +12,4 @@ export declare const SurfaceContext: import("react").Context<"color.background.a
|
|
|
12
12
|
*
|
|
13
13
|
* @see SurfaceContext
|
|
14
14
|
*/
|
|
15
|
-
export declare const useSurface: () =>
|
|
15
|
+
export declare const useSurface: () => any;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*
|
|
5
5
|
* A surface context provides context information on the current background (if set).
|
|
6
6
|
*/
|
|
7
|
-
export declare const SurfaceContext: import("react").Context<
|
|
7
|
+
export declare const SurfaceContext: import("react").Context<any>;
|
|
8
8
|
/**
|
|
9
9
|
* __useSurface__
|
|
10
10
|
*
|
|
@@ -12,4 +12,4 @@ export declare const SurfaceContext: import("react").Context<"color.background.a
|
|
|
12
12
|
*
|
|
13
13
|
* @see SurfaceContext
|
|
14
14
|
*/
|
|
15
|
-
export declare const useSurface: () =>
|
|
15
|
+
export declare const useSurface: () => any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/ds-explorations",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"description": "An experimental package for exploration and validation of spacing / typography foundations.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"prepare": "yarn ak-postbuild"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@atlaskit/tokens": "^1.
|
|
28
|
+
"@atlaskit/tokens": "^1.26.0",
|
|
29
29
|
"@babel/runtime": "^7.0.0",
|
|
30
30
|
"@emotion/react": "^11.7.1",
|
|
31
31
|
"tiny-invariant": "^1.2.0"
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { createContext, useContext } from 'react';
|
|
2
2
|
|
|
3
|
-
import type { BackgroundColor } from '@atlaskit/primitives';
|
|
4
|
-
|
|
5
3
|
/**
|
|
6
4
|
* __Surface context__
|
|
7
5
|
*
|
|
8
6
|
* A surface context provides context information on the current background (if set).
|
|
9
7
|
*/
|
|
10
|
-
export const SurfaceContext =
|
|
11
|
-
createContext<BackgroundColor>('elevation.surface');
|
|
8
|
+
export const SurfaceContext = createContext<any>('elevation.surface');
|
|
12
9
|
|
|
13
10
|
/**
|
|
14
11
|
* __useSurface__
|
|
@@ -89,15 +89,9 @@ const baseStyles = css({
|
|
|
89
89
|
});
|
|
90
90
|
|
|
91
91
|
const truncateStyles = css({
|
|
92
|
+
overflow: 'hidden',
|
|
92
93
|
textOverflow: 'ellipsis',
|
|
93
94
|
whiteSpace: 'nowrap',
|
|
94
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
95
|
-
'@supports not (overflow-x: clip)': {
|
|
96
|
-
overflow: 'hidden',
|
|
97
|
-
},
|
|
98
|
-
'@supports (overflow-x: clip)': {
|
|
99
|
-
overflowX: 'clip',
|
|
100
|
-
},
|
|
101
95
|
});
|
|
102
96
|
|
|
103
97
|
/**
|