@atlaskit/primitives 0.10.0 → 0.10.1

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 (20) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/cjs/xcss/style-maps.partial.js +16 -15
  4. package/dist/cjs/xcss/xcss.js +1 -1
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/es2019/xcss/style-maps.partial.js +16 -15
  7. package/dist/es2019/xcss/xcss.js +1 -1
  8. package/dist/esm/version.json +1 -1
  9. package/dist/esm/xcss/style-maps.partial.js +16 -15
  10. package/dist/esm/xcss/xcss.js +1 -1
  11. package/dist/types/xcss/style-maps.partial.d.ts +14 -13
  12. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +14 -13
  13. package/package.json +2 -2
  14. package/report.api.md +2 -1
  15. package/scripts/border-codegen-template.tsx +1 -1
  16. package/scripts/codegen-file-templates/display.tsx +1 -0
  17. package/scripts/codegen-file-templates/flex-shrink.tsx +1 -1
  18. package/scripts/codegen-styles.tsx +5 -5
  19. package/tmp/api-report-tmp.d.ts +2 -1
  20. package/tsconfig.node.json +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.10.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b6302963111`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6302963111) - Change border.radius.normal to be 3px instead of 4px.
8
+ `display: grid` is now accepted for `xcss`.
9
+
3
10
  ## 0.10.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.10.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -9,9 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _react = require("@emotion/react");
10
10
  /**
11
11
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
12
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
12
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
13
13
  * @codegenId dimensions
14
- * @codegenCommand yarn codegen-styles
14
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
15
15
  * @codegenParams ["dimensions"]
16
16
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
17
17
  */
@@ -32,9 +32,9 @@ exports.dimensionMap = dimensionMap;
32
32
 
33
33
  /**
34
34
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
35
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
35
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
36
36
  * @codegenId spacing
37
- * @codegenCommand yarn codegen-styles
37
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
38
38
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
39
39
  */
40
40
  var spaceMap = {
@@ -60,9 +60,9 @@ exports.spaceMap = spaceMap;
60
60
 
61
61
  /**
62
62
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
63
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
63
+ * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>>
64
64
  * @codegenId colors
65
- * @codegenCommand yarn codegen-styles
65
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
66
66
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
67
67
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
68
68
  */
@@ -270,17 +270,17 @@ exports.fillMap = fillMap;
270
270
 
271
271
  /**
272
272
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
273
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
273
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
274
274
  * @codegenId misc
275
- * @codegenCommand yarn codegen-styles
275
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
276
276
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
277
277
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
278
278
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
279
279
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
280
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
280
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
281
281
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
282
282
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
283
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
283
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
284
284
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
285
285
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
286
286
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -304,7 +304,8 @@ var displayMap = {
304
304
  block: 'block',
305
305
  inline: 'inline',
306
306
  inlineBlock: 'inline-block',
307
- inlineFlex: 'inline-flex'
307
+ inlineFlex: 'inline-flex',
308
+ grid: 'grid'
308
309
  };
309
310
  exports.displayMap = displayMap;
310
311
  var flexDirectionMap = {
@@ -318,7 +319,7 @@ var flexGrowMap = {
318
319
  };
319
320
  exports.flexGrowMap = flexGrowMap;
320
321
  var flexShrinkMap = {
321
- '0': 0,
322
+ '0': '0',
322
323
  '1': 1
323
324
  };
324
325
  exports.flexShrinkMap = flexShrinkMap;
@@ -366,9 +367,9 @@ exports.positionMap = positionMap;
366
367
 
367
368
  /**
368
369
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
369
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
370
+ * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
370
371
  * @codegenId border
371
- * @codegenCommand yarn codegen-styles
372
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
372
373
  * @codegenParams ["width", "radius"]
373
374
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
374
375
  */
@@ -380,7 +381,7 @@ var borderWidthMap = {
380
381
  exports.borderWidthMap = borderWidthMap;
381
382
  var borderRadiusMap = {
382
383
  'radius.050': "var(--ds-radius-050, 2px)",
383
- 'radius.100': "var(--ds-radius-100, 4px)",
384
+ 'radius.100': "var(--ds-radius-100, 3px)",
384
385
  'radius.200': "var(--ds-radius-200, 8px)",
385
386
  'radius.300': "var(--ds-radius-300, 12px)",
386
387
  'radius.400': "var(--ds-radius-400, 16px)",
package/dist/cjs/xcss/xcss.js CHANGED
@@ -129,7 +129,7 @@ var transformStyles = function transformStyles(styleObj) {
129
129
  }
130
130
  var tokenValue = tokensMap[key][value];
131
131
  if (!tokenValue) {
132
- var message = "Invalid token alias: ".concat(value);
132
+ var message = "Invalid token alias: ".concat(key, ": ").concat(value);
133
133
  (0, _warnOnce.default)(message);
134
134
  }
135
135
  styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.10.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { css } from '@emotion/react';
2
2
  /**
3
3
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
4
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
4
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
5
5
  * @codegenId dimensions
6
- * @codegenCommand yarn codegen-styles
6
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
7
7
  * @codegenParams ["dimensions"]
8
8
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
9
9
  */
@@ -22,9 +22,9 @@ export const dimensionMap = {
22
22
  */
23
23
  /**
24
24
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
25
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
25
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
26
26
  * @codegenId spacing
27
- * @codegenCommand yarn codegen-styles
27
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
28
28
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
29
29
  */
30
30
  export const spaceMap = {
@@ -48,9 +48,9 @@ export const spaceMap = {
48
48
  */
49
49
  /**
50
50
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
51
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
51
+ * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>>
52
52
  * @codegenId colors
53
- * @codegenCommand yarn codegen-styles
53
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
54
54
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
55
55
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
56
56
  */
@@ -252,17 +252,17 @@ export const fillMap = {
252
252
  */
253
253
  /**
254
254
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
255
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
255
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
256
256
  * @codegenId misc
257
- * @codegenCommand yarn codegen-styles
257
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
258
258
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
259
259
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
260
260
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
261
261
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
262
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
262
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
263
263
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
264
264
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
265
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
265
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
266
266
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
267
267
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
268
268
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -284,7 +284,8 @@ export const displayMap = {
284
284
  block: 'block',
285
285
  inline: 'inline',
286
286
  inlineBlock: 'inline-block',
287
- inlineFlex: 'inline-flex'
287
+ inlineFlex: 'inline-flex',
288
+ grid: 'grid'
288
289
  };
289
290
  export const flexDirectionMap = {
290
291
  row: 'row',
@@ -295,7 +296,7 @@ export const flexGrowMap = {
295
296
  '1': 1
296
297
  };
297
298
  export const flexShrinkMap = {
298
- '0': 0,
299
+ '0': '0',
299
300
  '1': 1
300
301
  };
301
302
  export const flexMap = {
@@ -335,9 +336,9 @@ export const positionMap = {
335
336
  */
336
337
  /**
337
338
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
338
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
339
+ * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
339
340
  * @codegenId border
340
- * @codegenCommand yarn codegen-styles
341
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
341
342
  * @codegenParams ["width", "radius"]
342
343
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
343
344
  */
@@ -348,7 +349,7 @@ export const borderWidthMap = {
348
349
  };
349
350
  export const borderRadiusMap = {
350
351
  'radius.050': "var(--ds-radius-050, 2px)",
351
- 'radius.100': "var(--ds-radius-100, 4px)",
352
+ 'radius.100': "var(--ds-radius-100, 3px)",
352
353
  'radius.200': "var(--ds-radius-200, 8px)",
353
354
  'radius.300': "var(--ds-radius-300, 12px)",
354
355
  'radius.400': "var(--ds-radius-400, 16px)",
package/dist/es2019/xcss/xcss.js CHANGED
@@ -109,7 +109,7 @@ const transformStyles = styleObj => {
109
109
  }
110
110
  const tokenValue = tokensMap[key][value];
111
111
  if (!tokenValue) {
112
- const message = `Invalid token alias: ${value}`;
112
+ const message = `Invalid token alias: ${key}: ${value}`;
113
113
  warnOnce(message);
114
114
  }
115
115
  styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.10.1",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { css } from '@emotion/react';
3
3
  /**
4
4
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
5
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
5
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
6
6
  * @codegenId dimensions
7
- * @codegenCommand yarn codegen-styles
7
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
8
8
  * @codegenParams ["dimensions"]
9
9
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
10
10
  */
@@ -23,9 +23,9 @@ export var dimensionMap = {
23
23
  */
24
24
  /**
25
25
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
26
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
26
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
27
27
  * @codegenId spacing
28
- * @codegenCommand yarn codegen-styles
28
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
29
29
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
30
30
  */
31
31
  export var spaceMap = {
@@ -49,9 +49,9 @@ export var spaceMap = {
49
49
  */
50
50
  /**
51
51
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
52
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
52
+ * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>>
53
53
  * @codegenId colors
54
- * @codegenCommand yarn codegen-styles
54
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
55
55
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
56
56
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
57
57
  */
@@ -253,17 +253,17 @@ export var fillMap = {
253
253
  */
254
254
  /**
255
255
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
256
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
256
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
257
257
  * @codegenId misc
258
- * @codegenCommand yarn codegen-styles
258
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
259
259
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
260
260
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
261
261
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
262
262
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
263
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
263
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
264
264
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
265
265
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
266
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
266
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
267
267
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
268
268
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
269
269
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -285,7 +285,8 @@ export var displayMap = {
285
285
  block: 'block',
286
286
  inline: 'inline',
287
287
  inlineBlock: 'inline-block',
288
- inlineFlex: 'inline-flex'
288
+ inlineFlex: 'inline-flex',
289
+ grid: 'grid'
289
290
  };
290
291
  export var flexDirectionMap = {
291
292
  row: 'row',
@@ -296,7 +297,7 @@ export var flexGrowMap = {
296
297
  '1': 1
297
298
  };
298
299
  export var flexShrinkMap = {
299
- '0': 0,
300
+ '0': '0',
300
301
  '1': 1
301
302
  };
302
303
  export var flexMap = {
@@ -336,9 +337,9 @@ export var positionMap = {
336
337
  */
337
338
  /**
338
339
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
339
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
340
+ * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
340
341
  * @codegenId border
341
- * @codegenCommand yarn codegen-styles
342
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
342
343
  * @codegenParams ["width", "radius"]
343
344
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
344
345
  */
@@ -349,7 +350,7 @@ export var borderWidthMap = {
349
350
  };
350
351
  export var borderRadiusMap = {
351
352
  'radius.050': "var(--ds-radius-050, 2px)",
352
- 'radius.100': "var(--ds-radius-100, 4px)",
353
+ 'radius.100': "var(--ds-radius-100, 3px)",
353
354
  'radius.200': "var(--ds-radius-200, 8px)",
354
355
  'radius.300': "var(--ds-radius-300, 12px)",
355
356
  'radius.400': "var(--ds-radius-400, 16px)",
package/dist/esm/xcss/xcss.js CHANGED
@@ -120,7 +120,7 @@ var transformStyles = function transformStyles(styleObj) {
120
120
  }
121
121
  var tokenValue = tokensMap[key][value];
122
122
  if (!tokenValue) {
123
- var message = "Invalid token alias: ".concat(value);
123
+ var message = "Invalid token alias: ".concat(key, ": ").concat(value);
124
124
  warnOnce(message);
125
125
  }
126
126
  styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { SerializedStyles } from '@emotion/react';
2
2
  /**
3
3
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
4
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
4
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
5
5
  * @codegenId dimensions
6
- * @codegenCommand yarn codegen-styles
6
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
7
7
  * @codegenParams ["dimensions"]
8
8
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
9
9
  */
@@ -39,9 +39,9 @@ export type MinInlineSize = Dimension;
39
39
  */
40
40
  /**
41
41
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
42
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
42
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
43
43
  * @codegenId spacing
44
- * @codegenCommand yarn codegen-styles
44
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
45
45
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
46
46
  */
47
47
  export declare const spaceMap: {
@@ -66,9 +66,9 @@ export type Space = keyof typeof spaceMap;
66
66
  */
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
69
+ * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>>
70
70
  * @codegenId colors
71
- * @codegenCommand yarn codegen-styles
71
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
72
72
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
73
73
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
74
74
  */
@@ -275,17 +275,17 @@ export type Fill = keyof typeof fillMap;
275
275
  */
276
276
  /**
277
277
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
278
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
278
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
279
279
  * @codegenId misc
280
- * @codegenCommand yarn codegen-styles
280
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
281
281
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
282
282
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
283
283
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
284
284
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
285
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
285
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
286
286
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
287
287
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
288
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
288
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
289
289
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
290
290
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
291
291
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -310,6 +310,7 @@ export declare const displayMap: {
310
310
  readonly inline: "inline";
311
311
  readonly inlineBlock: "inline-block";
312
312
  readonly inlineFlex: "inline-flex";
313
+ readonly grid: "grid";
313
314
  };
314
315
  export type Display = keyof typeof displayMap;
315
316
  export declare const flexDirectionMap: {
@@ -323,7 +324,7 @@ export declare const flexGrowMap: {
323
324
  };
324
325
  export type FlexGrow = keyof typeof flexGrowMap;
325
326
  export declare const flexShrinkMap: {
326
- readonly '0': 0;
327
+ readonly '0': "0";
327
328
  readonly '1': 1;
328
329
  };
329
330
  export type FlexShrink = keyof typeof flexShrinkMap;
@@ -370,9 +371,9 @@ export type Position = keyof typeof positionMap;
370
371
  */
371
372
  /**
372
373
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
373
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
374
+ * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
374
375
  * @codegenId border
375
- * @codegenCommand yarn codegen-styles
376
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
376
377
  * @codegenParams ["width", "radius"]
377
378
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
378
379
  */
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { SerializedStyles } from '@emotion/react';
2
2
  /**
3
3
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
4
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
4
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
5
5
  * @codegenId dimensions
6
- * @codegenCommand yarn codegen-styles
6
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
7
7
  * @codegenParams ["dimensions"]
8
8
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
9
9
  */
@@ -39,9 +39,9 @@ export type MinInlineSize = Dimension;
39
39
  */
40
40
  /**
41
41
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
42
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
42
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
43
43
  * @codegenId spacing
44
- * @codegenCommand yarn codegen-styles
44
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
45
45
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
46
46
  */
47
47
  export declare const spaceMap: {
@@ -66,9 +66,9 @@ export type Space = keyof typeof spaceMap;
66
66
  */
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
69
+ * @codegen <<SignedSource::98eba397b6a9706307e40f32a49200fd>>
70
70
  * @codegenId colors
71
- * @codegenCommand yarn codegen-styles
71
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
72
72
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
73
73
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
74
74
  */
@@ -275,17 +275,17 @@ export type Fill = keyof typeof fillMap;
275
275
  */
276
276
  /**
277
277
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
278
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
278
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
279
279
  * @codegenId misc
280
- * @codegenCommand yarn codegen-styles
280
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
281
281
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
282
282
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
283
283
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
284
284
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
285
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
285
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
286
286
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
287
287
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
288
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
288
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
289
289
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
290
290
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
291
291
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -310,6 +310,7 @@ export declare const displayMap: {
310
310
  readonly inline: "inline";
311
311
  readonly inlineBlock: "inline-block";
312
312
  readonly inlineFlex: "inline-flex";
313
+ readonly grid: "grid";
313
314
  };
314
315
  export type Display = keyof typeof displayMap;
315
316
  export declare const flexDirectionMap: {
@@ -323,7 +324,7 @@ export declare const flexGrowMap: {
323
324
  };
324
325
  export type FlexGrow = keyof typeof flexGrowMap;
325
326
  export declare const flexShrinkMap: {
326
- readonly '0': 0;
327
+ readonly '0': "0";
327
328
  readonly '1': 1;
328
329
  };
329
330
  export type FlexShrink = keyof typeof flexShrinkMap;
@@ -370,9 +371,9 @@ export type Position = keyof typeof positionMap;
370
371
  */
371
372
  /**
372
373
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
373
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
374
+ * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
374
375
  * @codegenId border
375
- * @codegenCommand yarn codegen-styles
376
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
376
377
  * @codegenParams ["width", "radius"]
377
378
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
378
379
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.10.1",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -69,7 +69,7 @@
69
69
  }
70
70
  },
71
71
  "scripts": {
72
- "codegen-styles": "ts-node --project ./tsconfig.node.json ./scripts/codegen-styles"
72
+ "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
73
73
  },
74
74
  "main": "dist/cjs/index.js",
75
75
  "module": "dist/esm/index.js",
package/report.api.md CHANGED
@@ -354,6 +354,7 @@ const displayMap: {
354
354
  readonly inline: 'inline';
355
355
  readonly inlineBlock: 'inline-block';
356
356
  readonly inlineFlex: 'inline-flex';
357
+ readonly grid: 'grid';
357
358
  };
358
359
 
359
360
  // @public (undocumented)
@@ -415,7 +416,7 @@ type FlexShrink = keyof typeof flexShrinkMap;
415
416
 
416
417
  // @public (undocumented)
417
418
  const flexShrinkMap: {
418
- readonly '0': 0;
419
+ readonly '0': '0';
419
420
  readonly '1': 1;
420
421
  };
421
422
 
package/scripts/border-codegen-template.tsx CHANGED
@@ -36,7 +36,7 @@ const activeTokens = tokens
36
36
  .map(
37
37
  (t): Token => ({
38
38
  token: t.name,
39
- fallback: t.value as string,
39
+ fallback: t.value === '4px' ? '3px' : (t.value as string),
40
40
  isDeprecated: t.attributes.state === 'deprecated',
41
41
  }),
42
42
  );
package/scripts/codegen-file-templates/display.tsx CHANGED
@@ -4,6 +4,7 @@ export const displayMap = {
4
4
  inline: 'inline',
5
5
  inlineBlock: 'inline-block',
6
6
  inlineFlex: 'inline-flex',
7
+ grid: 'grid',
7
8
  } as const;
8
9
 
9
10
  export type Display = keyof typeof displayMap;
package/scripts/codegen-file-templates/flex-shrink.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  export const flexShrinkMap = {
2
- '0': 0,
2
+ '0': '0',
3
3
  '1': 1,
4
4
  } as const;
5
5
 
package/scripts/codegen-styles.tsx CHANGED
@@ -38,7 +38,7 @@ const sourceFns = [
38
38
  () =>
39
39
  createPartialSignedArtifact(
40
40
  options => options.map(createStylesFromFileTemplate).join('\n'),
41
- 'yarn codegen-styles',
41
+ 'yarn workspace @atlaskit/primitives codegen-styles',
42
42
  {
43
43
  id: 'dimensions',
44
44
  absoluteFilePath: targetPath,
@@ -49,7 +49,7 @@ const sourceFns = [
49
49
  () =>
50
50
  createPartialSignedArtifact(
51
51
  createSpacingStylesFromTemplate,
52
- 'yarn codegen-styles',
52
+ 'yarn workspace @atlaskit/primitives codegen-styles',
53
53
  {
54
54
  id: 'spacing',
55
55
  absoluteFilePath: targetPath,
@@ -60,7 +60,7 @@ const sourceFns = [
60
60
  () =>
61
61
  createPartialSignedArtifact(
62
62
  options => options.map(createColorStylesFromTemplate).join('\n'),
63
- 'yarn codegen-styles',
63
+ 'yarn workspace @atlaskit/primitives codegen-styles',
64
64
  {
65
65
  id: 'colors',
66
66
  absoluteFilePath: targetPath,
@@ -71,7 +71,7 @@ const sourceFns = [
71
71
  () =>
72
72
  createPartialSignedArtifact(
73
73
  options => options.map(createBorderStylesFromTemplate).join('\n'),
74
- 'yarn codegen-styles',
74
+ 'yarn workspace @atlaskit/primitives codegen-styles',
75
75
  {
76
76
  id: 'border',
77
77
  absoluteFilePath: targetPath,
@@ -82,7 +82,7 @@ const sourceFns = [
82
82
  () =>
83
83
  createPartialSignedArtifact(
84
84
  options => options.map(createStylesFromFileTemplate).join('\n'),
85
- 'yarn codegen-styles',
85
+ 'yarn workspace @atlaskit/primitives codegen-styles',
86
86
  {
87
87
  id: 'misc',
88
88
  absoluteFilePath: targetPath,
package/tmp/api-report-tmp.d.ts CHANGED
@@ -316,6 +316,7 @@ const displayMap: {
316
316
  readonly inline: "inline";
317
317
  readonly inlineBlock: "inline-block";
318
318
  readonly inlineFlex: "inline-flex";
319
+ readonly grid: "grid";
319
320
  };
320
321
 
321
322
  // @public (undocumented)
@@ -377,7 +378,7 @@ type FlexShrink = keyof typeof flexShrinkMap;
377
378
 
378
379
  // @public (undocumented)
379
380
  const flexShrinkMap: {
380
- readonly '0': 0;
381
+ readonly '0': "0";
381
382
  readonly '1': 1;
382
383
  };
383
384
 
package/tsconfig.node.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "extends": "../../../tsconfig.node.json",
3
- "ts-node": {
4
- // TODO: Remove this line when/if ../../../tsconfig.node.json adds it instead: https://atlassian.slack.com/archives/C048B3HSFB9/p1684121217771909
5
- "require": ["tsconfig-paths/register"]
6
- }
7
- }