@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
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 0.10.33
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7a7d1aedac0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a7d1aedac0) - Change pixels to rems for spacing tokens.
8
+
3
9
  ## 0.10.32
4
10
 
5
11
  ### Patch Changes
package/css/atlassian-spacing.css CHANGED
@@ -1,83 +1,83 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::fc645435a8895c0e5215cd03f54f38d6>>
3
+ * @codegen <<SignedSource::88ea3bf90a796e599a76cabb794f9fc0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  html[data-theme~="spacing"] {
7
- --ds-scale-0: 0px;
8
- --ds-scale-100: 8px;
9
- --ds-scale-150: 12px;
10
- --ds-scale-200: 16px;
11
- --ds-scale-250: 20px;
12
- --ds-scale-300: 24px;
13
- --ds-scale-400: 32px;
14
- --ds-scale-500: 40px;
15
- --ds-scale-600: 48px;
16
- --ds-scale-025: 2px;
17
- --ds-scale-050: 4px;
18
- --ds-scale-075: 6px;
19
- --ds-scaleLinear-0: 0px;
20
- --ds-scaleLinear-100: 2px;
21
- --ds-scaleLinear-200: 4px;
22
- --ds-scaleLinear-300: 6px;
23
- --ds-scaleLinear-400: 8px;
24
- --ds-scaleLinear-500: 12px;
25
- --ds-scaleLinear-600: 16px;
26
- --ds-scaleLinear-700: 20px;
27
- --ds-scaleLinear-800: 24px;
28
- --ds-scaleLinear-900: 32px;
29
- --ds-scaleLinear-1000: 40px;
30
- --ds-scaleLinear-1100: 48px;
31
- --ds-pixel-0: 0px;
32
- --ds-pixel-2: 2px;
33
- --ds-pixel-4: 4px;
34
- --ds-pixel-6: 6px;
35
- --ds-pixel-8: 8px;
36
- --ds-pixel-12: 12px;
37
- --ds-pixel-16: 16px;
38
- --ds-pixel-20: 20px;
39
- --ds-pixel-24: 24px;
40
- --ds-pixel-32: 32px;
41
- --ds-pixel-40: 40px;
42
- --ds-pixel-48: 48px;
43
- --ds-size-none: 0px;
44
- --ds-size-xxxxSmall: 2px;
45
- --ds-size-xxxSmall: 4px;
46
- --ds-size-xxSmall: 6px;
47
- --ds-size-xsmall: 8px;
48
- --ds-size-small: 12px;
49
- --ds-size-medium: 16px;
50
- --ds-size-large: 20px;
51
- --ds-size-xlarge: 24px;
52
- --ds-size-xxlarge: 32px;
53
- --ds-size-xxxlarge: 40px;
54
- --ds-size-xxxxlarge: 48px;
55
- --ds-ecl-element-2: 2px;
56
- --ds-ecl-element-4: 4px;
57
- --ds-ecl-element-6: 6px;
58
- --ds-ecl-element-8: 8px;
59
- --ds-ecl-container-12: 12px;
60
- --ds-ecl-container-16: 16px;
61
- --ds-ecl-container-20: 20px;
62
- --ds-ecl-container-24: 24px;
63
- --ds-ecl-layout-32: 32px;
64
- --ds-ecl-layout-40: 40px;
65
- --ds-ecl-layout-64: 48px;
66
- --ds-ccc-component-2: 2px;
67
- --ds-ccc-component-4: 4px;
68
- --ds-ccc-component-6: 6px;
69
- --ds-ccc-component-8: 8px;
70
- --ds-ccc-content-12: 12px;
71
- --ds-ccc-content-16: 16px;
72
- --ds-ccc-content-20: 20px;
73
- --ds-ccc-content-24: 24px;
74
- --ds-ccc-container-32: 32px;
75
- --ds-ccc-container-40: 40px;
76
- --ds-ccc-container-48: 48px;
77
- --ds-gap-100: 8px;
78
- --ds-gap-200: 16px;
79
- --ds-gap-300: 24px;
80
- --ds-inset-100: 8px;
81
- --ds-inset-200: 16px;
82
- --ds-inset-300: 24px;
7
+ --ds-scale-0: 0;
8
+ --ds-scale-100: 0.5rem;
9
+ --ds-scale-150: 0.75rem;
10
+ --ds-scale-200: 1rem;
11
+ --ds-scale-250: 1.25rem;
12
+ --ds-scale-300: 1.5rem;
13
+ --ds-scale-400: 2rem;
14
+ --ds-scale-500: 2.5rem;
15
+ --ds-scale-600: 3rem;
16
+ --ds-scale-025: 0.125rem;
17
+ --ds-scale-050: 0.25rem;
18
+ --ds-scale-075: 0.375rem;
19
+ --ds-scaleLinear-0: 0;
20
+ --ds-scaleLinear-100: 0.125rem;
21
+ --ds-scaleLinear-200: 0.25rem;
22
+ --ds-scaleLinear-300: 0.375rem;
23
+ --ds-scaleLinear-400: 0.5rem;
24
+ --ds-scaleLinear-500: 0.75rem;
25
+ --ds-scaleLinear-600: 1rem;
26
+ --ds-scaleLinear-700: 1.25rem;
27
+ --ds-scaleLinear-800: 1.5rem;
28
+ --ds-scaleLinear-900: 2rem;
29
+ --ds-scaleLinear-1000: 2.5rem;
30
+ --ds-scaleLinear-1100: 3rem;
31
+ --ds-pixel-0: 0;
32
+ --ds-pixel-2: 0.125rem;
33
+ --ds-pixel-4: 0.25rem;
34
+ --ds-pixel-6: 0.375rem;
35
+ --ds-pixel-8: 0.5rem;
36
+ --ds-pixel-12: 0.75rem;
37
+ --ds-pixel-16: 1rem;
38
+ --ds-pixel-20: 1.25rem;
39
+ --ds-pixel-24: 1.5rem;
40
+ --ds-pixel-32: 2rem;
41
+ --ds-pixel-40: 2.5rem;
42
+ --ds-pixel-48: 3rem;
43
+ --ds-size-none: 0;
44
+ --ds-size-xxxxSmall: 0.125rem;
45
+ --ds-size-xxxSmall: 0.25rem;
46
+ --ds-size-xxSmall: 0.375rem;
47
+ --ds-size-xsmall: 0.5rem;
48
+ --ds-size-small: 0.75rem;
49
+ --ds-size-medium: 1rem;
50
+ --ds-size-large: 1.25rem;
51
+ --ds-size-xlarge: 1.5rem;
52
+ --ds-size-xxlarge: 2rem;
53
+ --ds-size-xxxlarge: 2.5rem;
54
+ --ds-size-xxxxlarge: 3rem;
55
+ --ds-ecl-element-2: 0.125rem;
56
+ --ds-ecl-element-4: 0.25rem;
57
+ --ds-ecl-element-6: 0.375rem;
58
+ --ds-ecl-element-8: 0.5rem;
59
+ --ds-ecl-container-12: 0.75rem;
60
+ --ds-ecl-container-16: 1rem;
61
+ --ds-ecl-container-20: 1.25rem;
62
+ --ds-ecl-container-24: 1.5rem;
63
+ --ds-ecl-layout-32: 2rem;
64
+ --ds-ecl-layout-40: 2.5rem;
65
+ --ds-ecl-layout-64: 3rem;
66
+ --ds-ccc-component-2: 0.125rem;
67
+ --ds-ccc-component-4: 0.25rem;
68
+ --ds-ccc-component-6: 0.375rem;
69
+ --ds-ccc-component-8: 0.5rem;
70
+ --ds-ccc-content-12: 0.75rem;
71
+ --ds-ccc-content-16: 1rem;
72
+ --ds-ccc-content-20: 1.25rem;
73
+ --ds-ccc-content-24: 1.5rem;
74
+ --ds-ccc-container-32: 2rem;
75
+ --ds-ccc-container-40: 2.5rem;
76
+ --ds-ccc-container-48: 3rem;
77
+ --ds-gap-100: 0.5rem;
78
+ --ds-gap-200: 1rem;
79
+ --ds-gap-300: 1.5rem;
80
+ --ds-inset-100: 0.5rem;
81
+ --ds-inset-200: 1rem;
82
+ --ds-inset-300: 1.5rem;
83
83
  }
package/dist/cjs/artifacts/palettes-raw/spacing-scale.js CHANGED
@@ -7,18 +7,18 @@ exports.default = void 0;
7
7
 
8
8
  /**
9
9
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
- * @codegen <<SignedSource::9ec4d3766ad54f86aa1d9891b0f32317>>
10
+ * @codegen <<SignedSource::e1fc16f85d9f95330fadb08536a38997>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  var tokens = [{
14
- "value": "0px",
14
+ "value": "0",
15
15
  "attributes": {
16
16
  "group": "scale"
17
17
  },
18
18
  "filePath": "src/palettes/spacing-scale.tsx",
19
19
  "isSource": true,
20
20
  "original": {
21
- "value": "0px",
21
+ "value": "0",
22
22
  "attributes": {
23
23
  "group": "scale"
24
24
  }
@@ -26,14 +26,14 @@ var tokens = [{
26
26
  "name": "spacing.scale.Space0",
27
27
  "path": ["spacing", "scale", "Space0"]
28
28
  }, {
29
- "value": "2px",
29
+ "value": "0.125rem",
30
30
  "attributes": {
31
31
  "group": "scale"
32
32
  },
33
33
  "filePath": "src/palettes/spacing-scale.tsx",
34
34
  "isSource": true,
35
35
  "original": {
36
- "value": "2px",
36
+ "value": "0.125rem",
37
37
  "attributes": {
38
38
  "group": "scale"
39
39
  }
@@ -41,14 +41,14 @@ var tokens = [{
41
41
  "name": "spacing.scale.Space025",
42
42
  "path": ["spacing", "scale", "Space025"]
43
43
  }, {
44
- "value": "4px",
44
+ "value": "0.25rem",
45
45
  "attributes": {
46
46
  "group": "scale"
47
47
  },
48
48
  "filePath": "src/palettes/spacing-scale.tsx",
49
49
  "isSource": true,
50
50
  "original": {
51
- "value": "4px",
51
+ "value": "0.25rem",
52
52
  "attributes": {
53
53
  "group": "scale"
54
54
  }
@@ -56,14 +56,14 @@ var tokens = [{
56
56
  "name": "spacing.scale.Space050",
57
57
  "path": ["spacing", "scale", "Space050"]
58
58
  }, {
59
- "value": "6px",
59
+ "value": "0.375rem",
60
60
  "attributes": {
61
61
  "group": "scale"
62
62
  },
63
63
  "filePath": "src/palettes/spacing-scale.tsx",
64
64
  "isSource": true,
65
65
  "original": {
66
- "value": "6px",
66
+ "value": "0.375rem",
67
67
  "attributes": {
68
68
  "group": "scale"
69
69
  }
@@ -71,14 +71,14 @@ var tokens = [{
71
71
  "name": "spacing.scale.Space075",
72
72
  "path": ["spacing", "scale", "Space075"]
73
73
  }, {
74
- "value": "8px",
74
+ "value": "0.5rem",
75
75
  "attributes": {
76
76
  "group": "scale"
77
77
  },
78
78
  "filePath": "src/palettes/spacing-scale.tsx",
79
79
  "isSource": true,
80
80
  "original": {
81
- "value": "8px",
81
+ "value": "0.5rem",
82
82
  "attributes": {
83
83
  "group": "scale"
84
84
  }
@@ -86,14 +86,14 @@ var tokens = [{
86
86
  "name": "spacing.scale.Space100",
87
87
  "path": ["spacing", "scale", "Space100"]
88
88
  }, {
89
- "value": "12px",
89
+ "value": "0.75rem",
90
90
  "attributes": {
91
91
  "group": "scale"
92
92
  },
93
93
  "filePath": "src/palettes/spacing-scale.tsx",
94
94
  "isSource": true,
95
95
  "original": {
96
- "value": "12px",
96
+ "value": "0.75rem",
97
97
  "attributes": {
98
98
  "group": "scale"
99
99
  }
@@ -101,14 +101,14 @@ var tokens = [{
101
101
  "name": "spacing.scale.Space150",
102
102
  "path": ["spacing", "scale", "Space150"]
103
103
  }, {
104
- "value": "16px",
104
+ "value": "1rem",
105
105
  "attributes": {
106
106
  "group": "scale"
107
107
  },
108
108
  "filePath": "src/palettes/spacing-scale.tsx",
109
109
  "isSource": true,
110
110
  "original": {
111
- "value": "16px",
111
+ "value": "1rem",
112
112
  "attributes": {
113
113
  "group": "scale"
114
114
  }
@@ -116,14 +116,14 @@ var tokens = [{
116
116
  "name": "spacing.scale.Space200",
117
117
  "path": ["spacing", "scale", "Space200"]
118
118
  }, {
119
- "value": "20px",
119
+ "value": "1.25rem",
120
120
  "attributes": {
121
121
  "group": "scale"
122
122
  },
123
123
  "filePath": "src/palettes/spacing-scale.tsx",
124
124
  "isSource": true,
125
125
  "original": {
126
- "value": "20px",
126
+ "value": "1.25rem",
127
127
  "attributes": {
128
128
  "group": "scale"
129
129
  }
@@ -131,14 +131,14 @@ var tokens = [{
131
131
  "name": "spacing.scale.Space250",
132
132
  "path": ["spacing", "scale", "Space250"]
133
133
  }, {
134
- "value": "24px",
134
+ "value": "1.5rem",
135
135
  "attributes": {
136
136
  "group": "scale"
137
137
  },
138
138
  "filePath": "src/palettes/spacing-scale.tsx",
139
139
  "isSource": true,
140
140
  "original": {
141
- "value": "24px",
141
+ "value": "1.5rem",
142
142
  "attributes": {
143
143
  "group": "scale"
144
144
  }
@@ -146,14 +146,14 @@ var tokens = [{
146
146
  "name": "spacing.scale.Space300",
147
147
  "path": ["spacing", "scale", "Space300"]
148
148
  }, {
149
- "value": "32px",
149
+ "value": "2rem",
150
150
  "attributes": {
151
151
  "group": "scale"
152
152
  },
153
153
  "filePath": "src/palettes/spacing-scale.tsx",
154
154
  "isSource": true,
155
155
  "original": {
156
- "value": "32px",
156
+ "value": "2rem",
157
157
  "attributes": {
158
158
  "group": "scale"
159
159
  }
@@ -161,14 +161,14 @@ var tokens = [{
161
161
  "name": "spacing.scale.Space400",
162
162
  "path": ["spacing", "scale", "Space400"]
163
163
  }, {
164
- "value": "40px",
164
+ "value": "2.5rem",
165
165
  "attributes": {
166
166
  "group": "scale"
167
167
  },
168
168
  "filePath": "src/palettes/spacing-scale.tsx",
169
169
  "isSource": true,
170
170
  "original": {
171
- "value": "40px",
171
+ "value": "2.5rem",
172
172
  "attributes": {
173
173
  "group": "scale"
174
174
  }
@@ -176,14 +176,14 @@ var tokens = [{
176
176
  "name": "spacing.scale.Space500",
177
177
  "path": ["spacing", "scale", "Space500"]
178
178
  }, {
179
- "value": "48px",
179
+ "value": "3rem",
180
180
  "attributes": {
181
181
  "group": "scale"
182
182
  },
183
183
  "filePath": "src/palettes/spacing-scale.tsx",
184
184
  "isSource": true,
185
185
  "original": {
186
- "value": "48px",
186
+ "value": "3rem",
187
187
  "attributes": {
188
188
  "group": "scale"
189
189
  }