@atlaskit/tokens 0.10.32 → 0.10.33

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 (29) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/atlassian-spacing.css +77 -77
  3. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +25 -25
  4. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +77 -77
  5. package/dist/cjs/artifacts/typescript/atlassian-spacing-token-default-values.js +77 -77
  6. package/dist/cjs/get-token.js +1 -1
  7. package/dist/cjs/palettes/spacing-scale.js +12 -12
  8. package/dist/cjs/version.json +1 -1
  9. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +25 -25
  10. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +77 -77
  11. package/dist/es2019/artifacts/typescript/atlassian-spacing-token-default-values.js +77 -77
  12. package/dist/es2019/get-token.js +1 -1
  13. package/dist/es2019/palettes/spacing-scale.js +12 -12
  14. package/dist/es2019/version.json +1 -1
  15. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +25 -25
  16. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +77 -77
  17. package/dist/esm/artifacts/typescript/atlassian-spacing-token-default-values.js +77 -77
  18. package/dist/esm/get-token.js +1 -1
  19. package/dist/esm/palettes/spacing-scale.js +12 -12
  20. package/dist/esm/version.json +1 -1
  21. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  22. package/dist/types/artifacts/token-default-values.d.ts +76 -76
  23. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -1
  24. package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +77 -77
  25. package/dist/types-ts4.0/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  26. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +76 -76
  27. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-spacing.d.ts +1 -1
  28. package/dist/types-ts4.0/artifacts/typescript/atlassian-spacing-token-default-values.d.ts +77 -77
  29. package/package.json +1 -1
@@ -4,85 +4,85 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light spacing').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::05c2fcc3d0dba0931605dc98f7540009>>
7
+ * @codegen <<SignedSource::070fc18ba91d3a0673dcabb4f936f8d9>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  const defaultTokenValues = {
11
- 'spacing.scale.0': '0px',
12
- 'spacing.scale.100': '8px',
13
- 'spacing.scale.150': '12px',
14
- 'spacing.scale.200': '16px',
15
- 'spacing.scale.250': '20px',
16
- 'spacing.scale.300': '24px',
17
- 'spacing.scale.400': '32px',
18
- 'spacing.scale.500': '40px',
19
- 'spacing.scale.600': '48px',
20
- 'spacing.scale.025': '2px',
21
- 'spacing.scale.050': '4px',
22
- 'spacing.scale.075': '6px',
23
- 'spacing.scaleLinear.0': '0px',
24
- 'spacing.scaleLinear.100': '2px',
25
- 'spacing.scaleLinear.200': '4px',
26
- 'spacing.scaleLinear.300': '6px',
27
- 'spacing.scaleLinear.400': '8px',
28
- 'spacing.scaleLinear.500': '12px',
29
- 'spacing.scaleLinear.600': '16px',
30
- 'spacing.scaleLinear.700': '20px',
31
- 'spacing.scaleLinear.800': '24px',
32
- 'spacing.scaleLinear.900': '32px',
33
- 'spacing.scaleLinear.1000': '40px',
34
- 'spacing.scaleLinear.1100': '48px',
35
- 'spacing.pixel.0': '0px',
36
- 'spacing.pixel.2': '2px',
37
- 'spacing.pixel.4': '4px',
38
- 'spacing.pixel.6': '6px',
39
- 'spacing.pixel.8': '8px',
40
- 'spacing.pixel.12': '12px',
41
- 'spacing.pixel.16': '16px',
42
- 'spacing.pixel.20': '20px',
43
- 'spacing.pixel.24': '24px',
44
- 'spacing.pixel.32': '32px',
45
- 'spacing.pixel.40': '40px',
46
- 'spacing.pixel.48': '48px',
47
- 'spacing.size.none': '0px',
48
- 'spacing.size.xxxxSmall': '2px',
49
- 'spacing.size.xxxSmall': '4px',
50
- 'spacing.size.xxSmall': '6px',
51
- 'spacing.size.xsmall': '8px',
52
- 'spacing.size.small': '12px',
53
- 'spacing.size.medium': '16px',
54
- 'spacing.size.large': '20px',
55
- 'spacing.size.xlarge': '24px',
56
- 'spacing.size.xxlarge': '32px',
57
- 'spacing.size.xxxlarge': '40px',
58
- 'spacing.size.xxxxlarge': '48px',
59
- 'spacing.ecl.element.2': '2px',
60
- 'spacing.ecl.element.4': '4px',
61
- 'spacing.ecl.element.6': '6px',
62
- 'spacing.ecl.element.8': '8px',
63
- 'spacing.ecl.container.12': '12px',
64
- 'spacing.ecl.container.16': '16px',
65
- 'spacing.ecl.container.20': '20px',
66
- 'spacing.ecl.container.24': '24px',
67
- 'spacing.ecl.layout.32': '32px',
68
- 'spacing.ecl.layout.40': '40px',
69
- 'spacing.ecl.layout.64': '48px',
70
- 'spacing.ccc.component.2': '2px',
71
- 'spacing.ccc.component.4': '4px',
72
- 'spacing.ccc.component.6': '6px',
73
- 'spacing.ccc.component.8': '8px',
74
- 'spacing.ccc.content.12': '12px',
75
- 'spacing.ccc.content.16': '16px',
76
- 'spacing.ccc.content.20': '20px',
77
- 'spacing.ccc.content.24': '24px',
78
- 'spacing.ccc.container.32': '32px',
79
- 'spacing.ccc.container.40': '40px',
80
- 'spacing.ccc.container.48': '48px',
81
- 'spacing.gap.100': '8px',
82
- 'spacing.gap.200': '16px',
83
- 'spacing.gap.300': '24px',
84
- 'spacing.inset.100': '8px',
85
- 'spacing.inset.200': '16px',
86
- 'spacing.inset.300': '24px'
11
+ 'spacing.scale.0': '0',
12
+ 'spacing.scale.100': '0.5rem',
13
+ 'spacing.scale.150': '0.75rem',
14
+ 'spacing.scale.200': '1rem',
15
+ 'spacing.scale.250': '1.25rem',
16
+ 'spacing.scale.300': '1.5rem',
17
+ 'spacing.scale.400': '2rem',
18
+ 'spacing.scale.500': '2.5rem',
19
+ 'spacing.scale.600': '3rem',
20
+ 'spacing.scale.025': '0.125rem',
21
+ 'spacing.scale.050': '0.25rem',
22
+ 'spacing.scale.075': '0.375rem',
23
+ 'spacing.scaleLinear.0': '0',
24
+ 'spacing.scaleLinear.100': '0.125rem',
25
+ 'spacing.scaleLinear.200': '0.25rem',
26
+ 'spacing.scaleLinear.300': '0.375rem',
27
+ 'spacing.scaleLinear.400': '0.5rem',
28
+ 'spacing.scaleLinear.500': '0.75rem',
29
+ 'spacing.scaleLinear.600': '1rem',
30
+ 'spacing.scaleLinear.700': '1.25rem',
31
+ 'spacing.scaleLinear.800': '1.5rem',
32
+ 'spacing.scaleLinear.900': '2rem',
33
+ 'spacing.scaleLinear.1000': '2.5rem',
34
+ 'spacing.scaleLinear.1100': '3rem',
35
+ 'spacing.pixel.0': '0',
36
+ 'spacing.pixel.2': '0.125rem',
37
+ 'spacing.pixel.4': '0.25rem',
38
+ 'spacing.pixel.6': '0.375rem',
39
+ 'spacing.pixel.8': '0.5rem',
40
+ 'spacing.pixel.12': '0.75rem',
41
+ 'spacing.pixel.16': '1rem',
42
+ 'spacing.pixel.20': '1.25rem',
43
+ 'spacing.pixel.24': '1.5rem',
44
+ 'spacing.pixel.32': '2rem',
45
+ 'spacing.pixel.40': '2.5rem',
46
+ 'spacing.pixel.48': '3rem',
47
+ 'spacing.size.none': '0',
48
+ 'spacing.size.xxxxSmall': '0.125rem',
49
+ 'spacing.size.xxxSmall': '0.25rem',
50
+ 'spacing.size.xxSmall': '0.375rem',
51
+ 'spacing.size.xsmall': '0.5rem',
52
+ 'spacing.size.small': '0.75rem',
53
+ 'spacing.size.medium': '1rem',
54
+ 'spacing.size.large': '1.25rem',
55
+ 'spacing.size.xlarge': '1.5rem',
56
+ 'spacing.size.xxlarge': '2rem',
57
+ 'spacing.size.xxxlarge': '2.5rem',
58
+ 'spacing.size.xxxxlarge': '3rem',
59
+ 'spacing.ecl.element.2': '0.125rem',
60
+ 'spacing.ecl.element.4': '0.25rem',
61
+ 'spacing.ecl.element.6': '0.375rem',
62
+ 'spacing.ecl.element.8': '0.5rem',
63
+ 'spacing.ecl.container.12': '0.75rem',
64
+ 'spacing.ecl.container.16': '1rem',
65
+ 'spacing.ecl.container.20': '1.25rem',
66
+ 'spacing.ecl.container.24': '1.5rem',
67
+ 'spacing.ecl.layout.32': '2rem',
68
+ 'spacing.ecl.layout.40': '2.5rem',
69
+ 'spacing.ecl.layout.64': '3rem',
70
+ 'spacing.ccc.component.2': '0.125rem',
71
+ 'spacing.ccc.component.4': '0.25rem',
72
+ 'spacing.ccc.component.6': '0.375rem',
73
+ 'spacing.ccc.component.8': '0.5rem',
74
+ 'spacing.ccc.content.12': '0.75rem',
75
+ 'spacing.ccc.content.16': '1rem',
76
+ 'spacing.ccc.content.20': '1.25rem',
77
+ 'spacing.ccc.content.24': '1.5rem',
78
+ 'spacing.ccc.container.32': '2rem',
79
+ 'spacing.ccc.container.40': '2.5rem',
80
+ 'spacing.ccc.container.48': '3rem',
81
+ 'spacing.gap.100': '0.5rem',
82
+ 'spacing.gap.200': '1rem',
83
+ 'spacing.gap.300': '1.5rem',
84
+ 'spacing.inset.100': '0.5rem',
85
+ 'spacing.inset.200': '1rem',
86
+ 'spacing.inset.300': '1.5rem'
87
87
  };
88
88
  export default defaultTokenValues;
@@ -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 = "0.10.32";
5
+ const version = "0.10.33";
6
6
 
7
7
  function token(path, fallback) {
8
8
  let token = tokens[path];
@@ -2,73 +2,73 @@ const scale = {
2
2
  spacing: {
3
3
  scale: {
4
4
  Space0: {
5
- value: '0px',
5
+ value: '0',
6
6
  attributes: {
7
7
  group: 'scale'
8
8
  }
9
9
  },
10
10
  Space025: {
11
- value: '2px',
11
+ value: '0.125rem',
12
12
  attributes: {
13
13
  group: 'scale'
14
14
  }
15
15
  },
16
16
  Space050: {
17
- value: '4px',
17
+ value: '0.25rem',
18
18
  attributes: {
19
19
  group: 'scale'
20
20
  }
21
21
  },
22
22
  Space075: {
23
- value: '6px',
23
+ value: '0.375rem',
24
24
  attributes: {
25
25
  group: 'scale'
26
26
  }
27
27
  },
28
28
  Space100: {
29
- value: '8px',
29
+ value: '0.5rem',
30
30
  attributes: {
31
31
  group: 'scale'
32
32
  }
33
33
  },
34
34
  Space150: {
35
- value: '12px',
35
+ value: '0.75rem',
36
36
  attributes: {
37
37
  group: 'scale'
38
38
  }
39
39
  },
40
40
  Space200: {
41
- value: '16px',
41
+ value: '1rem',
42
42
  attributes: {
43
43
  group: 'scale'
44
44
  }
45
45
  },
46
46
  Space250: {
47
- value: '20px',
47
+ value: '1.25rem',
48
48
  attributes: {
49
49
  group: 'scale'
50
50
  }
51
51
  },
52
52
  Space300: {
53
- value: '24px',
53
+ value: '1.5rem',
54
54
  attributes: {
55
55
  group: 'scale'
56
56
  }
57
57
  },
58
58
  Space400: {
59
- value: '32px',
59
+ value: '2rem',
60
60
  attributes: {
61
61
  group: 'scale'
62
62
  }
63
63
  },
64
64
  Space500: {
65
- value: '40px',
65
+ value: '2.5rem',
66
66
  attributes: {
67
67
  group: 'scale'
68
68
  }
69
69
  },
70
70
  Space600: {
71
- value: '48px',
71
+ value: '3rem',
72
72
  attributes: {
73
73
  group: 'scale'
74
74
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.10.32",
3
+ "version": "0.10.33",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -1,17 +1,17 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9ec4d3766ad54f86aa1d9891b0f32317>>
3
+ * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
7
- "value": "0px",
7
+ "value": "0",
8
8
  "attributes": {
9
9
  "group": "scale"
10
10
  },
11
11
  "filePath": "src/palettes/spacing-scale.tsx",
12
12
  "isSource": true,
13
13
  "original": {
14
- "value": "0px",
14
+ "value": "0",
15
15
  "attributes": {
16
16
  "group": "scale"
17
17
  }
@@ -19,14 +19,14 @@ var tokens = [{
19
19
  "name": "spacing.scale.Space0",
20
20
  "path": ["spacing", "scale", "Space0"]
21
21
  }, {
22
- "value": "2px",
22
+ "value": "0.125rem",
23
23
  "attributes": {
24
24
  "group": "scale"
25
25
  },
26
26
  "filePath": "src/palettes/spacing-scale.tsx",
27
27
  "isSource": true,
28
28
  "original": {
29
- "value": "2px",
29
+ "value": "0.125rem",
30
30
  "attributes": {
31
31
  "group": "scale"
32
32
  }
@@ -34,14 +34,14 @@ var tokens = [{
34
34
  "name": "spacing.scale.Space025",
35
35
  "path": ["spacing", "scale", "Space025"]
36
36
  }, {
37
- "value": "4px",
37
+ "value": "0.25rem",
38
38
  "attributes": {
39
39
  "group": "scale"
40
40
  },
41
41
  "filePath": "src/palettes/spacing-scale.tsx",
42
42
  "isSource": true,
43
43
  "original": {
44
- "value": "4px",
44
+ "value": "0.25rem",
45
45
  "attributes": {
46
46
  "group": "scale"
47
47
  }
@@ -49,14 +49,14 @@ var tokens = [{
49
49
  "name": "spacing.scale.Space050",
50
50
  "path": ["spacing", "scale", "Space050"]
51
51
  }, {
52
- "value": "6px",
52
+ "value": "0.375rem",
53
53
  "attributes": {
54
54
  "group": "scale"
55
55
  },
56
56
  "filePath": "src/palettes/spacing-scale.tsx",
57
57
  "isSource": true,
58
58
  "original": {
59
- "value": "6px",
59
+ "value": "0.375rem",
60
60
  "attributes": {
61
61
  "group": "scale"
62
62
  }
@@ -64,14 +64,14 @@ var tokens = [{
64
64
  "name": "spacing.scale.Space075",
65
65
  "path": ["spacing", "scale", "Space075"]
66
66
  }, {
67
- "value": "8px",
67
+ "value": "0.5rem",
68
68
  "attributes": {
69
69
  "group": "scale"
70
70
  },
71
71
  "filePath": "src/palettes/spacing-scale.tsx",
72
72
  "isSource": true,
73
73
  "original": {
74
- "value": "8px",
74
+ "value": "0.5rem",
75
75
  "attributes": {
76
76
  "group": "scale"
77
77
  }
@@ -79,14 +79,14 @@ var tokens = [{
79
79
  "name": "spacing.scale.Space100",
80
80
  "path": ["spacing", "scale", "Space100"]
81
81
  }, {
82
- "value": "12px",
82
+ "value": "0.75rem",
83
83
  "attributes": {
84
84
  "group": "scale"
85
85
  },
86
86
  "filePath": "src/palettes/spacing-scale.tsx",
87
87
  "isSource": true,
88
88
  "original": {
89
- "value": "12px",
89
+ "value": "0.75rem",
90
90
  "attributes": {
91
91
  "group": "scale"
92
92
  }
@@ -94,14 +94,14 @@ var tokens = [{
94
94
  "name": "spacing.scale.Space150",
95
95
  "path": ["spacing", "scale", "Space150"]
96
96
  }, {
97
- "value": "16px",
97
+ "value": "1rem",
98
98
  "attributes": {
99
99
  "group": "scale"
100
100
  },
101
101
  "filePath": "src/palettes/spacing-scale.tsx",
102
102
  "isSource": true,
103
103
  "original": {
104
- "value": "16px",
104
+ "value": "1rem",
105
105
  "attributes": {
106
106
  "group": "scale"
107
107
  }
@@ -109,14 +109,14 @@ var tokens = [{
109
109
  "name": "spacing.scale.Space200",
110
110
  "path": ["spacing", "scale", "Space200"]
111
111
  }, {
112
- "value": "20px",
112
+ "value": "1.25rem",
113
113
  "attributes": {
114
114
  "group": "scale"
115
115
  },
116
116
  "filePath": "src/palettes/spacing-scale.tsx",
117
117
  "isSource": true,
118
118
  "original": {
119
- "value": "20px",
119
+ "value": "1.25rem",
120
120
  "attributes": {
121
121
  "group": "scale"
122
122
  }
@@ -124,14 +124,14 @@ var tokens = [{
124
124
  "name": "spacing.scale.Space250",
125
125
  "path": ["spacing", "scale", "Space250"]
126
126
  }, {
127
- "value": "24px",
127
+ "value": "1.5rem",
128
128
  "attributes": {
129
129
  "group": "scale"
130
130
  },
131
131
  "filePath": "src/palettes/spacing-scale.tsx",
132
132
  "isSource": true,
133
133
  "original": {
134
- "value": "24px",
134
+ "value": "1.5rem",
135
135
  "attributes": {
136
136
  "group": "scale"
137
137
  }
@@ -139,14 +139,14 @@ var tokens = [{
139
139
  "name": "spacing.scale.Space300",
140
140
  "path": ["spacing", "scale", "Space300"]
141
141
  }, {
142
- "value": "32px",
142
+ "value": "2rem",
143
143
  "attributes": {
144
144
  "group": "scale"
145
145
  },
146
146
  "filePath": "src/palettes/spacing-scale.tsx",
147
147
  "isSource": true,
148
148
  "original": {
149
- "value": "32px",
149
+ "value": "2rem",
150
150
  "attributes": {
151
151
  "group": "scale"
152
152
  }
@@ -154,14 +154,14 @@ var tokens = [{
154
154
  "name": "spacing.scale.Space400",
155
155
  "path": ["spacing", "scale", "Space400"]
156
156
  }, {
157
- "value": "40px",
157
+ "value": "2.5rem",
158
158
  "attributes": {
159
159
  "group": "scale"
160
160
  },
161
161
  "filePath": "src/palettes/spacing-scale.tsx",
162
162
  "isSource": true,
163
163
  "original": {
164
- "value": "40px",
164
+ "value": "2.5rem",
165
165
  "attributes": {
166
166
  "group": "scale"
167
167
  }
@@ -169,14 +169,14 @@ var tokens = [{
169
169
  "name": "spacing.scale.Space500",
170
170
  "path": ["spacing", "scale", "Space500"]
171
171
  }, {
172
- "value": "48px",
172
+ "value": "3rem",
173
173
  "attributes": {
174
174
  "group": "scale"
175
175
  },
176
176
  "filePath": "src/palettes/spacing-scale.tsx",
177
177
  "isSource": true,
178
178
  "original": {
179
- "value": "48px",
179
+ "value": "3rem",
180
180
  "attributes": {
181
181
  "group": "scale"
182
182
  }