@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.
@@ -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::c89f0dcd1df97245a694a1a77741bb39>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -8,7 +8,7 @@ const tokens = [{
8
8
  "group": "spacing",
9
9
  "state": "active",
10
10
  "introduced": "0.12.0",
11
- "description": "Equates to `0`. Can be used for resetting default spacing styles."
11
+ "description": "Equates to `0`. Use for resetting default spacing styles."
12
12
  },
13
13
  "value": "0px",
14
14
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -18,7 +18,7 @@ const tokens = [{
18
18
  "group": "spacing",
19
19
  "state": "active",
20
20
  "introduced": "0.12.0",
21
- "description": "Equates to `0`. Can be used for resetting default spacing styles."
21
+ "description": "Equates to `0`. Use for resetting default spacing styles."
22
22
  },
23
23
  "value": "Space0"
24
24
  },
@@ -31,7 +31,7 @@ const tokens = [{
31
31
  "state": "active",
32
32
  "suggest": ["1px", "3px"],
33
33
  "introduced": "0.12.0",
34
- "description": "Use for spacing in compact scenarios. The smallest value in our scale."
34
+ "description": "Use for small and compact pieces of UI."
35
35
  },
36
36
  "value": "2px",
37
37
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -42,7 +42,7 @@ const tokens = [{
42
42
  "state": "active",
43
43
  "suggest": ["1px", "3px"],
44
44
  "introduced": "0.12.0",
45
- "description": "Use for spacing in compact scenarios. The smallest value in our scale."
45
+ "description": "Use for small and compact pieces of UI."
46
46
  },
47
47
  "value": "Space025"
48
48
  },
@@ -55,7 +55,7 @@ const tokens = [{
55
55
  "state": "active",
56
56
  "suggest": ["3px", "5px"],
57
57
  "introduced": "0.12.0",
58
- "description": "Use for spacing in compact scenarios."
58
+ "description": "Use for small and compact pieces of UI."
59
59
  },
60
60
  "value": "4px",
61
61
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -66,7 +66,7 @@ const tokens = [{
66
66
  "state": "active",
67
67
  "suggest": ["3px", "5px"],
68
68
  "introduced": "0.12.0",
69
- "description": "Use for spacing in compact scenarios."
69
+ "description": "Use for small and compact pieces of UI."
70
70
  },
71
71
  "value": "Space050"
72
72
  },
@@ -79,7 +79,7 @@ const tokens = [{
79
79
  "state": "active",
80
80
  "suggest": ["5px", "7px"],
81
81
  "introduced": "0.12.0",
82
- "description": "Use for spacing in compact scenarios."
82
+ "description": "Use for small and compact pieces of UI."
83
83
  },
84
84
  "value": "6px",
85
85
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -90,7 +90,7 @@ const tokens = [{
90
90
  "state": "active",
91
91
  "suggest": ["5px", "7px"],
92
92
  "introduced": "0.12.0",
93
- "description": "Use for spacing in compact scenarios."
93
+ "description": "Use for small and compact pieces of UI."
94
94
  },
95
95
  "value": "Space075"
96
96
  },
@@ -103,7 +103,7 @@ const tokens = [{
103
103
  "state": "active",
104
104
  "suggest": ["7px", "9px"],
105
105
  "introduced": "0.12.0",
106
- "description": "Use for gutter spacing."
106
+ "description": "Use for small and compact pieces of UI."
107
107
  },
108
108
  "value": "8px",
109
109
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -114,7 +114,7 @@ const tokens = [{
114
114
  "state": "active",
115
115
  "suggest": ["7px", "9px"],
116
116
  "introduced": "0.12.0",
117
- "description": "Use for gutter spacing."
117
+ "description": "Use for small and compact pieces of UI."
118
118
  },
119
119
  "value": "Space100"
120
120
  },
@@ -127,7 +127,7 @@ const tokens = [{
127
127
  "state": "active",
128
128
  "suggest": ["10px", "11px", "13px", "14px"],
129
129
  "introduced": "0.12.0",
130
- "description": "Helpful guidance goes here"
130
+ "description": "Use for larger and less dense pieces of UI."
131
131
  },
132
132
  "value": "12px",
133
133
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -138,7 +138,7 @@ const tokens = [{
138
138
  "state": "active",
139
139
  "suggest": ["10px", "11px", "13px", "14px"],
140
140
  "introduced": "0.12.0",
141
- "description": "Helpful guidance goes here"
141
+ "description": "Use for larger and less dense pieces of UI."
142
142
  },
143
143
  "value": "Space150"
144
144
  },
@@ -151,7 +151,7 @@ const tokens = [{
151
151
  "state": "active",
152
152
  "suggest": ["14px", "15px", "17px", "18px"],
153
153
  "introduced": "0.12.0",
154
- "description": "Use for gutter spacing."
154
+ "description": "Use for larger and less dense pieces of UI."
155
155
  },
156
156
  "value": "16px",
157
157
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -162,7 +162,7 @@ const tokens = [{
162
162
  "state": "active",
163
163
  "suggest": ["14px", "15px", "17px", "18px"],
164
164
  "introduced": "0.12.0",
165
- "description": "Use for gutter spacing."
165
+ "description": "Use for larger and less dense pieces of UI."
166
166
  },
167
167
  "value": "Space200"
168
168
  },
@@ -175,7 +175,7 @@ const tokens = [{
175
175
  "state": "active",
176
176
  "suggest": ["19px", "21px", "22px", "23px"],
177
177
  "introduced": "0.12.0",
178
- "description": "Use for gutter spacing."
178
+ "description": "Use for larger and less dense pieces of UI."
179
179
  },
180
180
  "value": "20px",
181
181
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -186,7 +186,7 @@ const tokens = [{
186
186
  "state": "active",
187
187
  "suggest": ["19px", "21px", "22px", "23px"],
188
188
  "introduced": "0.12.0",
189
- "description": "Use for gutter spacing."
189
+ "description": "Use for larger and less dense pieces of UI."
190
190
  },
191
191
  "value": "Space250"
192
192
  },
@@ -199,7 +199,7 @@ const tokens = [{
199
199
  "state": "active",
200
200
  "suggest": ["23px", "25px", "26px", "27px", "28px"],
201
201
  "introduced": "0.12.0",
202
- "description": "Use for gutter spacing."
202
+ "description": "Use for larger and less dense pieces of UI."
203
203
  },
204
204
  "value": "24px",
205
205
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -210,7 +210,7 @@ const tokens = [{
210
210
  "state": "active",
211
211
  "suggest": ["23px", "25px", "26px", "27px", "28px"],
212
212
  "introduced": "0.12.0",
213
- "description": "Use for gutter spacing."
213
+ "description": "Use for larger and less dense pieces of UI."
214
214
  },
215
215
  "value": "Space300"
216
216
  },
@@ -223,7 +223,7 @@ const tokens = [{
223
223
  "state": "active",
224
224
  "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
225
225
  "introduced": "0.12.0",
226
- "description": "Use for gutter spacing."
226
+ "description": "Use for the largest pieces of UI and for layout elements."
227
227
  },
228
228
  "value": "32px",
229
229
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -234,7 +234,7 @@ const tokens = [{
234
234
  "state": "active",
235
235
  "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
236
236
  "introduced": "0.12.0",
237
- "description": "Use for gutter spacing."
237
+ "description": "Use for the largest pieces of UI and for layout elements."
238
238
  },
239
239
  "value": "Space400"
240
240
  },
@@ -246,7 +246,7 @@ const tokens = [{
246
246
  "group": "spacing",
247
247
  "state": "active",
248
248
  "introduced": "0.12.0",
249
- "description": "Use for larger layout-specific spacing."
249
+ "description": "Use for the largest pieces of UI and for layout elements."
250
250
  },
251
251
  "value": "40px",
252
252
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -256,7 +256,7 @@ const tokens = [{
256
256
  "group": "spacing",
257
257
  "state": "active",
258
258
  "introduced": "0.12.0",
259
- "description": "Use for larger layout-specific spacing."
259
+ "description": "Use for the largest pieces of UI and for layout elements."
260
260
  },
261
261
  "value": "Space500"
262
262
  },
@@ -268,7 +268,7 @@ const tokens = [{
268
268
  "group": "spacing",
269
269
  "state": "active",
270
270
  "introduced": "0.12.0",
271
- "description": "Use for larger layout-specific spacing."
271
+ "description": "Use for the largest pieces of UI and for layout elements."
272
272
  },
273
273
  "value": "48px",
274
274
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -278,7 +278,7 @@ const tokens = [{
278
278
  "group": "spacing",
279
279
  "state": "active",
280
280
  "introduced": "0.12.0",
281
- "description": "Use for larger layout-specific spacing."
281
+ "description": "Use for the largest pieces of UI and for layout elements."
282
282
  },
283
283
  "value": "Space600"
284
284
  },
@@ -290,7 +290,7 @@ const tokens = [{
290
290
  "group": "spacing",
291
291
  "state": "active",
292
292
  "introduced": "0.12.0",
293
- "description": "Use for larger layout-specific spacing."
293
+ "description": "Use for the largest pieces of UI and for layout elements."
294
294
  },
295
295
  "value": "64px",
296
296
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -300,7 +300,7 @@ const tokens = [{
300
300
  "group": "spacing",
301
301
  "state": "active",
302
302
  "introduced": "0.12.0",
303
- "description": "Use for larger layout-specific spacing."
303
+ "description": "Use for the largest pieces of UI and for layout elements."
304
304
  },
305
305
  "value": "Space800"
306
306
  },
@@ -312,7 +312,7 @@ const tokens = [{
312
312
  "group": "spacing",
313
313
  "state": "active",
314
314
  "introduced": "0.12.0",
315
- "description": "Use for larger layout-specific spacing."
315
+ "description": "Use for the largest pieces of UI and for layout elements."
316
316
  },
317
317
  "value": "80px",
318
318
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -322,7 +322,7 @@ const tokens = [{
322
322
  "group": "spacing",
323
323
  "state": "active",
324
324
  "introduced": "0.12.0",
325
- "description": "Use for larger layout-specific spacing."
325
+ "description": "Use for the largest pieces of UI and for layout elements."
326
326
  },
327
327
  "value": "Space1000"
328
328
  },
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "1.10.0";
4
+ const 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.
@@ -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
  const name = "@atlaskit/tokens";
5
- const version = "1.10.0";
5
+ const 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 @@ const spacing = {
10
10
  group: 'spacing',
11
11
  state: 'active',
12
12
  introduced: '0.12.0',
13
- description: 'Equates to `0`. Can be used for resetting default spacing styles.'
13
+ description: 'Equates to `0`. Use for resetting default spacing styles.'
14
14
  }
15
15
  },
16
16
  '025': {
@@ -19,7 +19,7 @@ const spacing = {
19
19
  state: 'active',
20
20
  suggest: ['1px', '3px'],
21
21
  introduced: '0.12.0',
22
- description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
22
+ description: 'Use for small and compact pieces of UI.'
23
23
  }
24
24
  },
25
25
  '050': {
@@ -28,7 +28,7 @@ const spacing = {
28
28
  state: 'active',
29
29
  suggest: ['3px', '5px'],
30
30
  introduced: '0.12.0',
31
- description: 'Use for spacing in compact scenarios.'
31
+ description: 'Use for small and compact pieces of UI.'
32
32
  }
33
33
  },
34
34
  '075': {
@@ -37,7 +37,7 @@ const spacing = {
37
37
  state: 'active',
38
38
  suggest: ['5px', '7px'],
39
39
  introduced: '0.12.0',
40
- description: 'Use for spacing in compact scenarios.'
40
+ description: 'Use for small and compact pieces of UI.'
41
41
  }
42
42
  },
43
43
  '100': {
@@ -46,7 +46,7 @@ const spacing = {
46
46
  state: 'active',
47
47
  suggest: ['7px', '9px'],
48
48
  introduced: '0.12.0',
49
- description: 'Use for gutter spacing.'
49
+ description: 'Use for small and compact pieces of UI.'
50
50
  }
51
51
  },
52
52
  '150': {
@@ -55,7 +55,7 @@ const spacing = {
55
55
  state: 'active',
56
56
  suggest: ['10px', '11px', '13px', '14px'],
57
57
  introduced: '0.12.0',
58
- description: 'Helpful guidance goes here'
58
+ description: 'Use for larger and less dense pieces of UI.'
59
59
  }
60
60
  },
61
61
  '200': {
@@ -64,7 +64,7 @@ const spacing = {
64
64
  state: 'active',
65
65
  suggest: ['14px', '15px', '17px', '18px'],
66
66
  introduced: '0.12.0',
67
- description: 'Use for gutter spacing.'
67
+ description: 'Use for larger and less dense pieces of UI.'
68
68
  }
69
69
  },
70
70
  '250': {
@@ -73,7 +73,7 @@ const spacing = {
73
73
  state: 'active',
74
74
  suggest: ['19px', '21px', '22px', '23px'],
75
75
  introduced: '0.12.0',
76
- description: 'Use for gutter spacing.'
76
+ description: 'Use for larger and less dense pieces of UI.'
77
77
  }
78
78
  },
79
79
  '300': {
@@ -82,7 +82,7 @@ const spacing = {
82
82
  state: 'active',
83
83
  suggest: ['23px', '25px', '26px', '27px', '28px'],
84
84
  introduced: '0.12.0',
85
- description: 'Use for gutter spacing.'
85
+ description: 'Use for larger and less dense pieces of UI.'
86
86
  }
87
87
  },
88
88
  '400': {
@@ -91,7 +91,7 @@ const 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 gutter spacing.'
94
+ description: 'Use for the largest pieces of UI and for layout elements.'
95
95
  }
96
96
  },
97
97
  '500': {
@@ -99,7 +99,7 @@ const spacing = {
99
99
  group: 'spacing',
100
100
  state: 'active',
101
101
  introduced: '0.12.0',
102
- description: 'Use for larger layout-specific spacing.'
102
+ description: 'Use for the largest pieces of UI and for layout elements.'
103
103
  }
104
104
  },
105
105
  '600': {
@@ -107,7 +107,7 @@ const spacing = {
107
107
  group: 'spacing',
108
108
  state: 'active',
109
109
  introduced: '0.12.0',
110
- description: 'Use for larger layout-specific spacing.'
110
+ description: 'Use for the largest pieces of UI and for layout elements.'
111
111
  }
112
112
  },
113
113
  '800': {
@@ -115,7 +115,7 @@ const spacing = {
115
115
  group: 'spacing',
116
116
  state: 'active',
117
117
  introduced: '0.12.0',
118
- description: 'Use for larger layout-specific spacing.'
118
+ description: 'Use for the largest pieces of UI and for layout elements.'
119
119
  }
120
120
  },
121
121
  '1000': {
@@ -123,7 +123,7 @@ const spacing = {
123
123
  group: 'spacing',
124
124
  state: 'active',
125
125
  introduced: '0.12.0',
126
- description: 'Use for larger layout-specific spacing.'
126
+ description: 'Use for the largest pieces of UI and for layout elements.'
127
127
  }
128
128
  }
129
129
  }
@@ -18,7 +18,7 @@ export const getCSSCustomProperty = path => {
18
18
  const normalizedPath = typeof path === 'string' ? path.split('.') : path;
19
19
 
20
20
  // Opacity and other 'shallow' groups are more readable when not trimmed
21
- const slice = CSS_VAR_FULL.includes(path[0]) ? 0 : 1;
21
+ const slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
22
22
  return `--${[CSS_PREFIX, ...normalizedPath.slice(slice)].filter(el => el !== '[default]').join('-')}`;
23
23
  };
24
24
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.0",
3
+ "version": "1.10.2",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::c89f0dcd1df97245a694a1a77741bb39>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -8,7 +8,7 @@ var tokens = [{
8
8
  "group": "spacing",
9
9
  "state": "active",
10
10
  "introduced": "0.12.0",
11
- "description": "Equates to `0`. Can be used for resetting default spacing styles."
11
+ "description": "Equates to `0`. Use for resetting default spacing styles."
12
12
  },
13
13
  "value": "0px",
14
14
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -18,7 +18,7 @@ var tokens = [{
18
18
  "group": "spacing",
19
19
  "state": "active",
20
20
  "introduced": "0.12.0",
21
- "description": "Equates to `0`. Can be used for resetting default spacing styles."
21
+ "description": "Equates to `0`. Use for resetting default spacing styles."
22
22
  },
23
23
  "value": "Space0"
24
24
  },
@@ -31,7 +31,7 @@ var tokens = [{
31
31
  "state": "active",
32
32
  "suggest": ["1px", "3px"],
33
33
  "introduced": "0.12.0",
34
- "description": "Use for spacing in compact scenarios. The smallest value in our scale."
34
+ "description": "Use for small and compact pieces of UI."
35
35
  },
36
36
  "value": "2px",
37
37
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -42,7 +42,7 @@ var tokens = [{
42
42
  "state": "active",
43
43
  "suggest": ["1px", "3px"],
44
44
  "introduced": "0.12.0",
45
- "description": "Use for spacing in compact scenarios. The smallest value in our scale."
45
+ "description": "Use for small and compact pieces of UI."
46
46
  },
47
47
  "value": "Space025"
48
48
  },
@@ -55,7 +55,7 @@ var tokens = [{
55
55
  "state": "active",
56
56
  "suggest": ["3px", "5px"],
57
57
  "introduced": "0.12.0",
58
- "description": "Use for spacing in compact scenarios."
58
+ "description": "Use for small and compact pieces of UI."
59
59
  },
60
60
  "value": "4px",
61
61
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -66,7 +66,7 @@ var tokens = [{
66
66
  "state": "active",
67
67
  "suggest": ["3px", "5px"],
68
68
  "introduced": "0.12.0",
69
- "description": "Use for spacing in compact scenarios."
69
+ "description": "Use for small and compact pieces of UI."
70
70
  },
71
71
  "value": "Space050"
72
72
  },
@@ -79,7 +79,7 @@ var tokens = [{
79
79
  "state": "active",
80
80
  "suggest": ["5px", "7px"],
81
81
  "introduced": "0.12.0",
82
- "description": "Use for spacing in compact scenarios."
82
+ "description": "Use for small and compact pieces of UI."
83
83
  },
84
84
  "value": "6px",
85
85
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -90,7 +90,7 @@ var tokens = [{
90
90
  "state": "active",
91
91
  "suggest": ["5px", "7px"],
92
92
  "introduced": "0.12.0",
93
- "description": "Use for spacing in compact scenarios."
93
+ "description": "Use for small and compact pieces of UI."
94
94
  },
95
95
  "value": "Space075"
96
96
  },
@@ -103,7 +103,7 @@ var tokens = [{
103
103
  "state": "active",
104
104
  "suggest": ["7px", "9px"],
105
105
  "introduced": "0.12.0",
106
- "description": "Use for gutter spacing."
106
+ "description": "Use for small and compact pieces of UI."
107
107
  },
108
108
  "value": "8px",
109
109
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -114,7 +114,7 @@ var tokens = [{
114
114
  "state": "active",
115
115
  "suggest": ["7px", "9px"],
116
116
  "introduced": "0.12.0",
117
- "description": "Use for gutter spacing."
117
+ "description": "Use for small and compact pieces of UI."
118
118
  },
119
119
  "value": "Space100"
120
120
  },
@@ -127,7 +127,7 @@ var tokens = [{
127
127
  "state": "active",
128
128
  "suggest": ["10px", "11px", "13px", "14px"],
129
129
  "introduced": "0.12.0",
130
- "description": "Helpful guidance goes here"
130
+ "description": "Use for larger and less dense pieces of UI."
131
131
  },
132
132
  "value": "12px",
133
133
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -138,7 +138,7 @@ var tokens = [{
138
138
  "state": "active",
139
139
  "suggest": ["10px", "11px", "13px", "14px"],
140
140
  "introduced": "0.12.0",
141
- "description": "Helpful guidance goes here"
141
+ "description": "Use for larger and less dense pieces of UI."
142
142
  },
143
143
  "value": "Space150"
144
144
  },
@@ -151,7 +151,7 @@ var tokens = [{
151
151
  "state": "active",
152
152
  "suggest": ["14px", "15px", "17px", "18px"],
153
153
  "introduced": "0.12.0",
154
- "description": "Use for gutter spacing."
154
+ "description": "Use for larger and less dense pieces of UI."
155
155
  },
156
156
  "value": "16px",
157
157
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -162,7 +162,7 @@ var tokens = [{
162
162
  "state": "active",
163
163
  "suggest": ["14px", "15px", "17px", "18px"],
164
164
  "introduced": "0.12.0",
165
- "description": "Use for gutter spacing."
165
+ "description": "Use for larger and less dense pieces of UI."
166
166
  },
167
167
  "value": "Space200"
168
168
  },
@@ -175,7 +175,7 @@ var tokens = [{
175
175
  "state": "active",
176
176
  "suggest": ["19px", "21px", "22px", "23px"],
177
177
  "introduced": "0.12.0",
178
- "description": "Use for gutter spacing."
178
+ "description": "Use for larger and less dense pieces of UI."
179
179
  },
180
180
  "value": "20px",
181
181
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -186,7 +186,7 @@ var tokens = [{
186
186
  "state": "active",
187
187
  "suggest": ["19px", "21px", "22px", "23px"],
188
188
  "introduced": "0.12.0",
189
- "description": "Use for gutter spacing."
189
+ "description": "Use for larger and less dense pieces of UI."
190
190
  },
191
191
  "value": "Space250"
192
192
  },
@@ -199,7 +199,7 @@ var tokens = [{
199
199
  "state": "active",
200
200
  "suggest": ["23px", "25px", "26px", "27px", "28px"],
201
201
  "introduced": "0.12.0",
202
- "description": "Use for gutter spacing."
202
+ "description": "Use for larger and less dense pieces of UI."
203
203
  },
204
204
  "value": "24px",
205
205
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -210,7 +210,7 @@ var tokens = [{
210
210
  "state": "active",
211
211
  "suggest": ["23px", "25px", "26px", "27px", "28px"],
212
212
  "introduced": "0.12.0",
213
- "description": "Use for gutter spacing."
213
+ "description": "Use for larger and less dense pieces of UI."
214
214
  },
215
215
  "value": "Space300"
216
216
  },
@@ -223,7 +223,7 @@ var tokens = [{
223
223
  "state": "active",
224
224
  "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
225
225
  "introduced": "0.12.0",
226
- "description": "Use for gutter spacing."
226
+ "description": "Use for the largest pieces of UI and for layout elements."
227
227
  },
228
228
  "value": "32px",
229
229
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -234,7 +234,7 @@ var tokens = [{
234
234
  "state": "active",
235
235
  "suggest": ["28px", "29px", "30px", "31px", "33px", "34px", "35px"],
236
236
  "introduced": "0.12.0",
237
- "description": "Use for gutter spacing."
237
+ "description": "Use for the largest pieces of UI and for layout elements."
238
238
  },
239
239
  "value": "Space400"
240
240
  },
@@ -246,7 +246,7 @@ var tokens = [{
246
246
  "group": "spacing",
247
247
  "state": "active",
248
248
  "introduced": "0.12.0",
249
- "description": "Use for larger layout-specific spacing."
249
+ "description": "Use for the largest pieces of UI and for layout elements."
250
250
  },
251
251
  "value": "40px",
252
252
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -256,7 +256,7 @@ var tokens = [{
256
256
  "group": "spacing",
257
257
  "state": "active",
258
258
  "introduced": "0.12.0",
259
- "description": "Use for larger layout-specific spacing."
259
+ "description": "Use for the largest pieces of UI and for layout elements."
260
260
  },
261
261
  "value": "Space500"
262
262
  },
@@ -268,7 +268,7 @@ var tokens = [{
268
268
  "group": "spacing",
269
269
  "state": "active",
270
270
  "introduced": "0.12.0",
271
- "description": "Use for larger layout-specific spacing."
271
+ "description": "Use for the largest pieces of UI and for layout elements."
272
272
  },
273
273
  "value": "48px",
274
274
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -278,7 +278,7 @@ var tokens = [{
278
278
  "group": "spacing",
279
279
  "state": "active",
280
280
  "introduced": "0.12.0",
281
- "description": "Use for larger layout-specific spacing."
281
+ "description": "Use for the largest pieces of UI and for layout elements."
282
282
  },
283
283
  "value": "Space600"
284
284
  },
@@ -290,7 +290,7 @@ var tokens = [{
290
290
  "group": "spacing",
291
291
  "state": "active",
292
292
  "introduced": "0.12.0",
293
- "description": "Use for larger layout-specific spacing."
293
+ "description": "Use for the largest pieces of UI and for layout elements."
294
294
  },
295
295
  "value": "64px",
296
296
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -300,7 +300,7 @@ var tokens = [{
300
300
  "group": "spacing",
301
301
  "state": "active",
302
302
  "introduced": "0.12.0",
303
- "description": "Use for larger layout-specific spacing."
303
+ "description": "Use for the largest pieces of UI and for layout elements."
304
304
  },
305
305
  "value": "Space800"
306
306
  },
@@ -312,7 +312,7 @@ var tokens = [{
312
312
  "group": "spacing",
313
313
  "state": "active",
314
314
  "introduced": "0.12.0",
315
- "description": "Use for larger layout-specific spacing."
315
+ "description": "Use for the largest pieces of UI and for layout elements."
316
316
  },
317
317
  "value": "80px",
318
318
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -322,7 +322,7 @@ var tokens = [{
322
322
  "group": "spacing",
323
323
  "state": "active",
324
324
  "introduced": "0.12.0",
325
- "description": "Use for larger layout-specific spacing."
325
+ "description": "Use for the largest pieces of UI and for layout elements."
326
326
  },
327
327
  "value": "Space1000"
328
328
  },