@atlaskit/tokens 1.10.0 → 1.10.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 +13 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +29 -29
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/default/spacing/spacing.js +14 -14
- package/dist/cjs/utils/token-ids.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +29 -29
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/default/spacing/spacing.js +14 -14
- package/dist/es2019/utils/token-ids.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +29 -29
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/default/spacing/spacing.js +14 -14
- package/dist/esm/utils/token-ids.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -1
- package/figma/atlassian-spacing.json +14 -14
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
var name = "@atlaskit/tokens";
|
|
4
|
-
var version = "1.10.
|
|
4
|
+
var version = "1.10.2";
|
|
5
5
|
/**
|
|
6
6
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
7
7
|
* resulting CSS Custom Property.
|
package/dist/esm/get-token.js
CHANGED
|
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
|
|
4
4
|
var name = "@atlaskit/tokens";
|
|
5
|
-
var version = "1.10.
|
|
5
|
+
var version = "1.10.2";
|
|
6
6
|
/**
|
|
7
7
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
8
8
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -10,7 +10,7 @@ var spacing = {
|
|
|
10
10
|
group: 'spacing',
|
|
11
11
|
state: 'active',
|
|
12
12
|
introduced: '0.12.0',
|
|
13
|
-
description: 'Equates to `0`.
|
|
13
|
+
description: 'Equates to `0`. Use for resetting default spacing styles.'
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
'025': {
|
|
@@ -19,7 +19,7 @@ var spacing = {
|
|
|
19
19
|
state: 'active',
|
|
20
20
|
suggest: ['1px', '3px'],
|
|
21
21
|
introduced: '0.12.0',
|
|
22
|
-
description: 'Use for
|
|
22
|
+
description: 'Use for small and compact pieces of UI.'
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
'050': {
|
|
@@ -28,7 +28,7 @@ var spacing = {
|
|
|
28
28
|
state: 'active',
|
|
29
29
|
suggest: ['3px', '5px'],
|
|
30
30
|
introduced: '0.12.0',
|
|
31
|
-
description: 'Use for
|
|
31
|
+
description: 'Use for small and compact pieces of UI.'
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
'075': {
|
|
@@ -37,7 +37,7 @@ var spacing = {
|
|
|
37
37
|
state: 'active',
|
|
38
38
|
suggest: ['5px', '7px'],
|
|
39
39
|
introduced: '0.12.0',
|
|
40
|
-
description: 'Use for
|
|
40
|
+
description: 'Use for small and compact pieces of UI.'
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
'100': {
|
|
@@ -46,7 +46,7 @@ var spacing = {
|
|
|
46
46
|
state: 'active',
|
|
47
47
|
suggest: ['7px', '9px'],
|
|
48
48
|
introduced: '0.12.0',
|
|
49
|
-
description: 'Use for
|
|
49
|
+
description: 'Use for small and compact pieces of UI.'
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
'150': {
|
|
@@ -55,7 +55,7 @@ var spacing = {
|
|
|
55
55
|
state: 'active',
|
|
56
56
|
suggest: ['10px', '11px', '13px', '14px'],
|
|
57
57
|
introduced: '0.12.0',
|
|
58
|
-
description: '
|
|
58
|
+
description: 'Use for larger and less dense pieces of UI.'
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
'200': {
|
|
@@ -64,7 +64,7 @@ var spacing = {
|
|
|
64
64
|
state: 'active',
|
|
65
65
|
suggest: ['14px', '15px', '17px', '18px'],
|
|
66
66
|
introduced: '0.12.0',
|
|
67
|
-
description: 'Use for
|
|
67
|
+
description: 'Use for larger and less dense pieces of UI.'
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
'250': {
|
|
@@ -73,7 +73,7 @@ var spacing = {
|
|
|
73
73
|
state: 'active',
|
|
74
74
|
suggest: ['19px', '21px', '22px', '23px'],
|
|
75
75
|
introduced: '0.12.0',
|
|
76
|
-
description: 'Use for
|
|
76
|
+
description: 'Use for larger and less dense pieces of UI.'
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
'300': {
|
|
@@ -82,7 +82,7 @@ var spacing = {
|
|
|
82
82
|
state: 'active',
|
|
83
83
|
suggest: ['23px', '25px', '26px', '27px', '28px'],
|
|
84
84
|
introduced: '0.12.0',
|
|
85
|
-
description: 'Use for
|
|
85
|
+
description: 'Use for larger and less dense pieces of UI.'
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
88
|
'400': {
|
|
@@ -91,7 +91,7 @@ var spacing = {
|
|
|
91
91
|
state: 'active',
|
|
92
92
|
suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
|
|
93
93
|
introduced: '0.12.0',
|
|
94
|
-
description: 'Use for
|
|
94
|
+
description: 'Use for the largest pieces of UI and for layout elements.'
|
|
95
95
|
}
|
|
96
96
|
},
|
|
97
97
|
'500': {
|
|
@@ -99,7 +99,7 @@ var spacing = {
|
|
|
99
99
|
group: 'spacing',
|
|
100
100
|
state: 'active',
|
|
101
101
|
introduced: '0.12.0',
|
|
102
|
-
description: 'Use for
|
|
102
|
+
description: 'Use for the largest pieces of UI and for layout elements.'
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
'600': {
|
|
@@ -107,7 +107,7 @@ var spacing = {
|
|
|
107
107
|
group: 'spacing',
|
|
108
108
|
state: 'active',
|
|
109
109
|
introduced: '0.12.0',
|
|
110
|
-
description: 'Use for
|
|
110
|
+
description: 'Use for the largest pieces of UI and for layout elements.'
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
'800': {
|
|
@@ -115,7 +115,7 @@ var spacing = {
|
|
|
115
115
|
group: 'spacing',
|
|
116
116
|
state: 'active',
|
|
117
117
|
introduced: '0.12.0',
|
|
118
|
-
description: 'Use for
|
|
118
|
+
description: 'Use for the largest pieces of UI and for layout elements.'
|
|
119
119
|
}
|
|
120
120
|
},
|
|
121
121
|
'1000': {
|
|
@@ -123,7 +123,7 @@ var spacing = {
|
|
|
123
123
|
group: 'spacing',
|
|
124
124
|
state: 'active',
|
|
125
125
|
introduced: '0.12.0',
|
|
126
|
-
description: 'Use for
|
|
126
|
+
description: 'Use for the largest pieces of UI and for layout elements.'
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
}
|
|
@@ -19,7 +19,7 @@ export var getCSSCustomProperty = function getCSSCustomProperty(path) {
|
|
|
19
19
|
var normalizedPath = typeof path === 'string' ? path.split('.') : path;
|
|
20
20
|
|
|
21
21
|
// Opacity and other 'shallow' groups are more readable when not trimmed
|
|
22
|
-
var slice = CSS_VAR_FULL.includes(
|
|
22
|
+
var slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
|
|
23
23
|
return "--".concat([CSS_PREFIX].concat(_toConsumableArray(normalizedPath.slice(slice))).filter(function (el) {
|
|
24
24
|
return el !== '[default]';
|
|
25
25
|
}).join('-'));
|
package/dist/esm/version.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"group": "spacing",
|
|
7
7
|
"state": "active",
|
|
8
8
|
"introduced": "0.12.0",
|
|
9
|
-
"description": "Equates to `0`.
|
|
9
|
+
"description": "Equates to `0`. Use for resetting default spacing styles."
|
|
10
10
|
},
|
|
11
11
|
"value": 0
|
|
12
12
|
},
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"3px"
|
|
20
20
|
],
|
|
21
21
|
"introduced": "0.12.0",
|
|
22
|
-
"description": "Use for
|
|
22
|
+
"description": "Use for small and compact pieces of UI."
|
|
23
23
|
},
|
|
24
24
|
"value": 2
|
|
25
25
|
},
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"5px"
|
|
33
33
|
],
|
|
34
34
|
"introduced": "0.12.0",
|
|
35
|
-
"description": "Use for
|
|
35
|
+
"description": "Use for small and compact pieces of UI."
|
|
36
36
|
},
|
|
37
37
|
"value": 4
|
|
38
38
|
},
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"7px"
|
|
46
46
|
],
|
|
47
47
|
"introduced": "0.12.0",
|
|
48
|
-
"description": "Use for
|
|
48
|
+
"description": "Use for small and compact pieces of UI."
|
|
49
49
|
},
|
|
50
50
|
"value": 6
|
|
51
51
|
},
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"9px"
|
|
59
59
|
],
|
|
60
60
|
"introduced": "0.12.0",
|
|
61
|
-
"description": "Use for
|
|
61
|
+
"description": "Use for small and compact pieces of UI."
|
|
62
62
|
},
|
|
63
63
|
"value": 8
|
|
64
64
|
},
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"14px"
|
|
74
74
|
],
|
|
75
75
|
"introduced": "0.12.0",
|
|
76
|
-
"description": "
|
|
76
|
+
"description": "Use for larger and less dense pieces of UI."
|
|
77
77
|
},
|
|
78
78
|
"value": 12
|
|
79
79
|
},
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"18px"
|
|
89
89
|
],
|
|
90
90
|
"introduced": "0.12.0",
|
|
91
|
-
"description": "Use for
|
|
91
|
+
"description": "Use for larger and less dense pieces of UI."
|
|
92
92
|
},
|
|
93
93
|
"value": 16
|
|
94
94
|
},
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"23px"
|
|
104
104
|
],
|
|
105
105
|
"introduced": "0.12.0",
|
|
106
|
-
"description": "Use for
|
|
106
|
+
"description": "Use for larger and less dense pieces of UI."
|
|
107
107
|
},
|
|
108
108
|
"value": 20
|
|
109
109
|
},
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
"28px"
|
|
120
120
|
],
|
|
121
121
|
"introduced": "0.12.0",
|
|
122
|
-
"description": "Use for
|
|
122
|
+
"description": "Use for larger and less dense pieces of UI."
|
|
123
123
|
},
|
|
124
124
|
"value": 24
|
|
125
125
|
},
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"35px"
|
|
138
138
|
],
|
|
139
139
|
"introduced": "0.12.0",
|
|
140
|
-
"description": "Use for
|
|
140
|
+
"description": "Use for the largest pieces of UI and for layout elements."
|
|
141
141
|
},
|
|
142
142
|
"value": 32
|
|
143
143
|
},
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
"group": "spacing",
|
|
147
147
|
"state": "active",
|
|
148
148
|
"introduced": "0.12.0",
|
|
149
|
-
"description": "Use for
|
|
149
|
+
"description": "Use for the largest pieces of UI and for layout elements."
|
|
150
150
|
},
|
|
151
151
|
"value": 40
|
|
152
152
|
},
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
"group": "spacing",
|
|
156
156
|
"state": "active",
|
|
157
157
|
"introduced": "0.12.0",
|
|
158
|
-
"description": "Use for
|
|
158
|
+
"description": "Use for the largest pieces of UI and for layout elements."
|
|
159
159
|
},
|
|
160
160
|
"value": 48
|
|
161
161
|
},
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
"group": "spacing",
|
|
165
165
|
"state": "active",
|
|
166
166
|
"introduced": "0.12.0",
|
|
167
|
-
"description": "Use for
|
|
167
|
+
"description": "Use for the largest pieces of UI and for layout elements."
|
|
168
168
|
},
|
|
169
169
|
"value": 64
|
|
170
170
|
},
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
"group": "spacing",
|
|
174
174
|
"state": "active",
|
|
175
175
|
"introduced": "0.12.0",
|
|
176
|
-
"description": "Use for
|
|
176
|
+
"description": "Use for the largest pieces of UI and for layout elements."
|
|
177
177
|
},
|
|
178
178
|
"value": 80
|
|
179
179
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.2",
|
|
4
4
|
"author": "Atlassian Pty Ltd",
|
|
5
5
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"@atlaskit/heading": "^1.3.0",
|
|
78
78
|
"@atlaskit/icon": "^21.12.0",
|
|
79
79
|
"@atlaskit/lozenge": "^11.4.0",
|
|
80
|
-
"@atlaskit/primitives": "^0.
|
|
80
|
+
"@atlaskit/primitives": "^0.15.0",
|
|
81
81
|
"@atlaskit/section-message": "^6.4.0",
|
|
82
82
|
"@atlaskit/select": "^16.5.0",
|
|
83
83
|
"@atlaskit/spinner": "^15.5.1",
|