@atlaskit/tokens 0.7.1 → 0.8.0
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 +89 -0
- package/css/atlassian-dark.css +3 -0
- package/css/atlassian-light.css +4 -1
- package/dist/cjs/artifacts/rename-mapping.js +89 -89
- package/dist/cjs/artifacts/token-default-values.js +4 -1
- package/dist/cjs/artifacts/token-names.js +3 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +267 -178
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +269 -180
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/skeleton.js +20 -0
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/cjs/tokens/atlassian-light/color/skeleton.js +20 -0
- package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/cjs/tokens/default/color/skeleton.js +28 -0
- package/dist/cjs/tokens/default/deprecated/deprecated.js +89 -89
- package/dist/cjs/tokens/default/elevation/shadow.js +7 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +89 -89
- package/dist/es2019/artifacts/token-default-values.js +4 -1
- package/dist/es2019/artifacts/token-names.js +3 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +267 -178
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +269 -180
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/skeleton.js +13 -0
- package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/es2019/tokens/atlassian-light/color/skeleton.js +13 -0
- package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/es2019/tokens/default/color/skeleton.js +21 -0
- package/dist/es2019/tokens/default/deprecated/deprecated.js +89 -89
- package/dist/es2019/tokens/default/elevation/shadow.js +7 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +89 -89
- package/dist/esm/artifacts/token-default-values.js +4 -1
- package/dist/esm/artifacts/token-names.js +3 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +267 -178
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +269 -180
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/skeleton.js +13 -0
- package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/esm/tokens/atlassian-light/color/skeleton.js +13 -0
- package/dist/esm/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/esm/tokens/default/color/skeleton.js +21 -0
- package/dist/esm/tokens/default/deprecated/deprecated.js +89 -89
- package/dist/esm/tokens/default/elevation/shadow.js +7 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +4 -1
- package/dist/types/artifacts/token-names.d.ts +6 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/tokens/atlassian-dark/color/skeleton.d.ts +3 -0
- package/dist/types/tokens/atlassian-light/color/skeleton.d.ts +3 -0
- package/dist/types/tokens/default/color/skeleton.d.ts +3 -0
- package/dist/types/tokens/default/utility/utility.d.ts +10 -10
- package/dist/types/types.d.ts +9 -0
- package/package.json +1 -1
package/dist/cjs/get-token.js
CHANGED
|
@@ -12,7 +12,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
|
12
12
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
13
13
|
|
|
14
14
|
var name = "@atlaskit/tokens";
|
|
15
|
-
var version = "0.
|
|
15
|
+
var version = "0.8.0";
|
|
16
16
|
|
|
17
17
|
function token(path, fallback) {
|
|
18
18
|
var token = _tokenNames.default[path];
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var color = {
|
|
8
|
+
color: {
|
|
9
|
+
skeleton: {
|
|
10
|
+
'[default]': {
|
|
11
|
+
value: 'DN200A'
|
|
12
|
+
},
|
|
13
|
+
subtle: {
|
|
14
|
+
value: 'DN100A'
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
var _default = color;
|
|
20
|
+
exports.default = _default;
|
|
@@ -28,6 +28,29 @@ var shadow = {
|
|
|
28
28
|
opacity: 0.5
|
|
29
29
|
}]
|
|
30
30
|
},
|
|
31
|
+
overflow: {
|
|
32
|
+
value: [{
|
|
33
|
+
radius: 12,
|
|
34
|
+
offset: {
|
|
35
|
+
x: 0,
|
|
36
|
+
y: 0
|
|
37
|
+
},
|
|
38
|
+
// @ts-ignore no current palette colour for this yet
|
|
39
|
+
color: '#030404',
|
|
40
|
+
// This opacity overrides the color alpha.
|
|
41
|
+
opacity: 0.56
|
|
42
|
+
}, {
|
|
43
|
+
radius: 1,
|
|
44
|
+
offset: {
|
|
45
|
+
x: 0,
|
|
46
|
+
y: 0
|
|
47
|
+
},
|
|
48
|
+
// @ts-ignore no current palette colour for this yet
|
|
49
|
+
color: '#030404',
|
|
50
|
+
// This opacity overrides the color alpha.
|
|
51
|
+
opacity: 0.5
|
|
52
|
+
}]
|
|
53
|
+
},
|
|
31
54
|
overlay: {
|
|
32
55
|
value: [{
|
|
33
56
|
radius: 0,
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var color = {
|
|
8
|
+
color: {
|
|
9
|
+
skeleton: {
|
|
10
|
+
'[default]': {
|
|
11
|
+
value: 'N200A'
|
|
12
|
+
},
|
|
13
|
+
subtle: {
|
|
14
|
+
value: 'N100A'
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
var _default = color;
|
|
20
|
+
exports.default = _default;
|
|
@@ -26,6 +26,25 @@ var shadow = {
|
|
|
26
26
|
opacity: 0.31
|
|
27
27
|
}]
|
|
28
28
|
},
|
|
29
|
+
overflow: {
|
|
30
|
+
value: [{
|
|
31
|
+
radius: 8,
|
|
32
|
+
offset: {
|
|
33
|
+
x: 0,
|
|
34
|
+
y: 8
|
|
35
|
+
},
|
|
36
|
+
color: 'N1100',
|
|
37
|
+
opacity: 0.08
|
|
38
|
+
}, {
|
|
39
|
+
radius: 1,
|
|
40
|
+
offset: {
|
|
41
|
+
x: 0,
|
|
42
|
+
y: 0
|
|
43
|
+
},
|
|
44
|
+
color: 'N1100',
|
|
45
|
+
opacity: 0.12
|
|
46
|
+
}]
|
|
47
|
+
},
|
|
29
48
|
overlay: {
|
|
30
49
|
value: [{
|
|
31
50
|
radius: 12,
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var color = {
|
|
8
|
+
color: {
|
|
9
|
+
skeleton: {
|
|
10
|
+
'[default]': {
|
|
11
|
+
attributes: {
|
|
12
|
+
group: 'paint',
|
|
13
|
+
state: 'active',
|
|
14
|
+
description: 'Use for skeleton loading states'
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
subtle: {
|
|
18
|
+
attributes: {
|
|
19
|
+
group: 'paint',
|
|
20
|
+
state: 'active',
|
|
21
|
+
description: 'Use for the pulse or shimmer effect in skeleton loading states'
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
var _default = color;
|
|
28
|
+
exports.default = _default;
|