@atlaskit/primitives 14.11.4 → 14.12.0

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 (23) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/compiled/components/anchor.js +1 -1
  3. package/dist/cjs/compiled/components/pressable.js +1 -1
  4. package/dist/cjs/components/anchor.js +1 -1
  5. package/dist/cjs/components/pressable.js +1 -1
  6. package/dist/cjs/xcss/style-maps.partial.js +23 -5
  7. package/dist/es2019/compiled/components/anchor.js +1 -1
  8. package/dist/es2019/compiled/components/pressable.js +1 -1
  9. package/dist/es2019/components/anchor.js +1 -1
  10. package/dist/es2019/components/pressable.js +1 -1
  11. package/dist/es2019/xcss/style-maps.partial.js +23 -5
  12. package/dist/esm/compiled/components/anchor.js +1 -1
  13. package/dist/esm/compiled/components/pressable.js +1 -1
  14. package/dist/esm/components/anchor.js +1 -1
  15. package/dist/esm/components/pressable.js +1 -1
  16. package/dist/esm/xcss/style-maps.partial.js +23 -5
  17. package/dist/types/xcss/style-maps.partial.d.ts +11 -3
  18. package/dist/types/xcss/xcss.d.ts +87 -9
  19. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +11 -3
  20. package/dist/types-ts4.5/xcss/xcss.d.ts +87 -9
  21. package/package.json +5 -6
  22. package/scripts/codegen-styles.tsx +3 -3
  23. package/scripts/{border-codegen-template.tsx → shape-codegen-template.tsx} +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 14.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`fcd8f46058cd2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fcd8f46058cd2) -
8
+ Added new border radius tokens available via xcss.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 14.11.4
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/compiled/components/anchor.js CHANGED
@@ -71,7 +71,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
71
71
  action: 'clicked',
72
72
  componentName: componentName || 'Anchor',
73
73
  packageName: "@atlaskit/primitives",
74
- packageVersion: "14.11.3",
74
+ packageVersion: "14.11.4",
75
75
  analyticsData: analyticsContext,
76
76
  actionSubject: 'link'
77
77
  });
package/dist/cjs/compiled/components/pressable.js CHANGED
@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
61
61
  action: 'clicked',
62
62
  componentName: componentName || 'Pressable',
63
63
  packageName: "@atlaskit/primitives",
64
- packageVersion: "14.11.3",
64
+ packageVersion: "14.11.4",
65
65
  analyticsData: analyticsContext,
66
66
  actionSubject: 'button'
67
67
  });
package/dist/cjs/components/anchor.js CHANGED
@@ -104,7 +104,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
104
104
  action: 'clicked',
105
105
  componentName: componentName || 'Anchor',
106
106
  packageName: "@atlaskit/primitives",
107
- packageVersion: "14.11.3",
107
+ packageVersion: "14.11.4",
108
108
  analyticsData: analyticsContext,
109
109
  actionSubject: 'link'
110
110
  });
package/dist/cjs/components/pressable.js CHANGED
@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
95
95
  action: 'clicked',
96
96
  componentName: componentName || 'Pressable',
97
97
  packageName: "@atlaskit/primitives",
98
- packageVersion: "14.11.3",
98
+ packageVersion: "14.11.4",
99
99
  analyticsData: analyticsContext,
100
100
  actionSubject: 'button'
101
101
  });
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -474,26 +474,44 @@ var layerMap = exports.layerMap = {
474
474
 
475
475
  /**
476
476
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
477
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
477
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
478
478
  * @codegenId border
479
479
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
480
480
  * @codegenParams ["width", "radius"]
481
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
481
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
482
482
  */
483
483
  var borderWidthMap = exports.borderWidthMap = {
484
484
  'border.width': "var(--ds-border-width, 1px)",
485
+ // @deprecated
485
486
  'border.width.0': "var(--ds-border-width-0, 0px)",
487
+ // @deprecated
486
488
  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
487
- 'border.width.outline': "var(--ds-border-width-outline, 2px)"
489
+ // @deprecated
490
+ 'border.width.outline': "var(--ds-border-width-outline, 2px)",
491
+ 'border.width.selected': "var(--ds-border-width-selected, 2px)",
492
+ 'border.width.focused': "var(--ds-border-width-focused, 2px)"
488
493
  };
489
494
  var borderRadiusMap = exports.borderRadiusMap = {
490
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
495
+ 'radius.xsmall': "var(--ds-radius-xsmall, 2px)",
496
+ 'radius.small': "var(--ds-radius-small, 3px)",
497
+ 'radius.medium': "var(--ds-radius-medium, 6px)",
498
+ 'radius.large': "var(--ds-radius-large, 8px)",
499
+ 'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
500
+ 'radius.full': "var(--ds-radius-full, 9999px)",
501
+ // @deprecated
491
502
  'border.radius': "var(--ds-border-radius, 3px)",
503
+ // @deprecated
504
+ 'border.radius.050': "var(--ds-border-radius-050, 2px)",
505
+ // @deprecated
492
506
  'border.radius.100': "var(--ds-border-radius-100, 3px)",
507
+ // @deprecated
493
508
  'border.radius.200': "var(--ds-border-radius-200, 8px)",
509
+ // @deprecated
494
510
  'border.radius.300': "var(--ds-border-radius-300, 12px)",
511
+ // @deprecated
495
512
  'border.radius.400': "var(--ds-border-radius-400, 16px)",
496
- 'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
513
+ // @deprecated
514
+ 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
497
515
  };
498
516
  /**
499
517
  * @codegenEnd
package/dist/es2019/compiled/components/anchor.js CHANGED
@@ -57,7 +57,7 @@ const AnchorNoRef = ({
57
57
  action: 'clicked',
58
58
  componentName: componentName || 'Anchor',
59
59
  packageName: "@atlaskit/primitives",
60
- packageVersion: "14.11.3",
60
+ packageVersion: "14.11.4",
61
61
  analyticsData: analyticsContext,
62
62
  actionSubject: 'link'
63
63
  });
package/dist/es2019/compiled/components/pressable.js CHANGED
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
48
48
  action: 'clicked',
49
49
  componentName: componentName || 'Pressable',
50
50
  packageName: "@atlaskit/primitives",
51
- packageVersion: "14.11.3",
51
+ packageVersion: "14.11.4",
52
52
  analyticsData: analyticsContext,
53
53
  actionSubject: 'button'
54
54
  });
package/dist/es2019/components/anchor.js CHANGED
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
94
94
  action: 'clicked',
95
95
  componentName: componentName || 'Anchor',
96
96
  packageName: "@atlaskit/primitives",
97
- packageVersion: "14.11.3",
97
+ packageVersion: "14.11.4",
98
98
  analyticsData: analyticsContext,
99
99
  actionSubject: 'link'
100
100
  });
package/dist/es2019/components/pressable.js CHANGED
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
85
85
  action: 'clicked',
86
86
  componentName: componentName || 'Pressable',
87
87
  packageName: "@atlaskit/primitives",
88
- packageVersion: "14.11.3",
88
+ packageVersion: "14.11.4",
89
89
  analyticsData: analyticsContext,
90
90
  actionSubject: 'button'
91
91
  });
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -469,26 +469,44 @@ export const layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
472
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
477
477
  */
478
478
  export const borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
+ // @deprecated
480
481
  'border.width.0': "var(--ds-border-width-0, 0px)",
482
+ // @deprecated
481
483
  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
482
- 'border.width.outline': "var(--ds-border-width-outline, 2px)"
484
+ // @deprecated
485
+ 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
+ 'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
+ 'border.width.focused': "var(--ds-border-width-focused, 2px)"
483
488
  };
484
489
  export const borderRadiusMap = {
485
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
490
+ 'radius.xsmall': "var(--ds-radius-xsmall, 2px)",
491
+ 'radius.small': "var(--ds-radius-small, 3px)",
492
+ 'radius.medium': "var(--ds-radius-medium, 6px)",
493
+ 'radius.large': "var(--ds-radius-large, 8px)",
494
+ 'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
+ 'radius.full': "var(--ds-radius-full, 9999px)",
496
+ // @deprecated
486
497
  'border.radius': "var(--ds-border-radius, 3px)",
498
+ // @deprecated
499
+ 'border.radius.050': "var(--ds-border-radius-050, 2px)",
500
+ // @deprecated
487
501
  'border.radius.100': "var(--ds-border-radius-100, 3px)",
502
+ // @deprecated
488
503
  'border.radius.200': "var(--ds-border-radius-200, 8px)",
504
+ // @deprecated
489
505
  'border.radius.300': "var(--ds-border-radius-300, 12px)",
506
+ // @deprecated
490
507
  'border.radius.400': "var(--ds-border-radius-400, 16px)",
491
- 'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
508
+ // @deprecated
509
+ 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
492
510
  };
493
511
  /**
494
512
  * @codegenEnd
package/dist/esm/compiled/components/anchor.js CHANGED
@@ -62,7 +62,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
62
62
  action: 'clicked',
63
63
  componentName: componentName || 'Anchor',
64
64
  packageName: "@atlaskit/primitives",
65
- packageVersion: "14.11.3",
65
+ packageVersion: "14.11.4",
66
66
  analyticsData: analyticsContext,
67
67
  actionSubject: 'link'
68
68
  });
package/dist/esm/compiled/components/pressable.js CHANGED
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
52
52
  action: 'clicked',
53
53
  componentName: componentName || 'Pressable',
54
54
  packageName: "@atlaskit/primitives",
55
- packageVersion: "14.11.3",
55
+ packageVersion: "14.11.4",
56
56
  analyticsData: analyticsContext,
57
57
  actionSubject: 'button'
58
58
  });
package/dist/esm/components/anchor.js CHANGED
@@ -98,7 +98,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
98
98
  action: 'clicked',
99
99
  componentName: componentName || 'Anchor',
100
100
  packageName: "@atlaskit/primitives",
101
- packageVersion: "14.11.3",
101
+ packageVersion: "14.11.4",
102
102
  analyticsData: analyticsContext,
103
103
  actionSubject: 'link'
104
104
  });
package/dist/esm/components/pressable.js CHANGED
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
89
89
  action: 'clicked',
90
90
  componentName: componentName || 'Pressable',
91
91
  packageName: "@atlaskit/primitives",
92
- packageVersion: "14.11.3",
92
+ packageVersion: "14.11.4",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -469,26 +469,44 @@ export var layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
472
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
477
477
  */
478
478
  export var borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
+ // @deprecated
480
481
  'border.width.0': "var(--ds-border-width-0, 0px)",
482
+ // @deprecated
481
483
  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
482
- 'border.width.outline': "var(--ds-border-width-outline, 2px)"
484
+ // @deprecated
485
+ 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
+ 'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
+ 'border.width.focused': "var(--ds-border-width-focused, 2px)"
483
488
  };
484
489
  export var borderRadiusMap = {
485
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
490
+ 'radius.xsmall': "var(--ds-radius-xsmall, 2px)",
491
+ 'radius.small': "var(--ds-radius-small, 3px)",
492
+ 'radius.medium': "var(--ds-radius-medium, 6px)",
493
+ 'radius.large': "var(--ds-radius-large, 8px)",
494
+ 'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
+ 'radius.full': "var(--ds-radius-full, 9999px)",
496
+ // @deprecated
486
497
  'border.radius': "var(--ds-border-radius, 3px)",
498
+ // @deprecated
499
+ 'border.radius.050': "var(--ds-border-radius-050, 2px)",
500
+ // @deprecated
487
501
  'border.radius.100': "var(--ds-border-radius-100, 3px)",
502
+ // @deprecated
488
503
  'border.radius.200': "var(--ds-border-radius-200, 8px)",
504
+ // @deprecated
489
505
  'border.radius.300': "var(--ds-border-radius-300, 12px)",
506
+ // @deprecated
490
507
  'border.radius.400': "var(--ds-border-radius-400, 16px)",
491
- 'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
508
+ // @deprecated
509
+ 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
492
510
  };
493
511
  /**
494
512
  * @codegenEnd
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -493,22 +493,30 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
496
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
504
504
  readonly 'border.width.0': "var(--ds-border-width-0)";
505
505
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
506
506
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
507
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
508
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
507
509
  };
508
510
  export type BorderWidth = keyof typeof borderWidthMap;
509
511
  export declare const borderRadiusMap: {
510
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
513
+ readonly 'radius.small': "var(--ds-radius-small)";
514
+ readonly 'radius.medium': "var(--ds-radius-medium)";
515
+ readonly 'radius.large': "var(--ds-radius-large)";
516
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
+ readonly 'radius.full': "var(--ds-radius-full)";
511
518
  readonly 'border.radius': "var(--ds-border-radius)";
519
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
520
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
513
521
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
514
522
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
package/dist/types/xcss/xcss.d.ts CHANGED
@@ -268,6 +268,8 @@ export declare const tokensMap: {
268
268
  readonly 'border.width.0': "var(--ds-border-width-0)";
269
269
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
270
270
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
271
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
272
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
271
273
  };
272
274
  readonly borderBlockStartColor: {
273
275
  readonly 'color.border': "var(--ds-border)";
@@ -299,12 +301,16 @@ export declare const tokensMap: {
299
301
  readonly 'border.width.0': "var(--ds-border-width-0)";
300
302
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
301
303
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
304
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
305
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
302
306
  };
303
307
  readonly borderBlockWidth: {
304
308
  readonly 'border.width': "var(--ds-border-width)";
305
309
  readonly 'border.width.0': "var(--ds-border-width-0)";
306
310
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
307
311
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
312
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
313
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
308
314
  };
309
315
  readonly borderBottomColor: {
310
316
  readonly 'color.border': "var(--ds-border)";
@@ -332,8 +338,14 @@ export declare const tokensMap: {
332
338
  readonly 'color.border.bold': "var(--ds-border-bold)";
333
339
  };
334
340
  readonly borderBottomLeftRadius: {
335
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
341
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
342
+ readonly 'radius.small': "var(--ds-radius-small)";
343
+ readonly 'radius.medium': "var(--ds-radius-medium)";
344
+ readonly 'radius.large': "var(--ds-radius-large)";
345
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
346
+ readonly 'radius.full': "var(--ds-radius-full)";
336
347
  readonly 'border.radius': "var(--ds-border-radius)";
348
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
337
349
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
338
350
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
339
351
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -341,8 +353,14 @@ export declare const tokensMap: {
341
353
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
342
354
  };
343
355
  readonly borderBottomRightRadius: {
344
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
356
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
357
+ readonly 'radius.small': "var(--ds-radius-small)";
358
+ readonly 'radius.medium': "var(--ds-radius-medium)";
359
+ readonly 'radius.large': "var(--ds-radius-large)";
360
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
361
+ readonly 'radius.full': "var(--ds-radius-full)";
345
362
  readonly 'border.radius': "var(--ds-border-radius)";
363
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
346
364
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
347
365
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
348
366
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -354,6 +372,8 @@ export declare const tokensMap: {
354
372
  readonly 'border.width.0': "var(--ds-border-width-0)";
355
373
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
356
374
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
375
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
376
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
357
377
  };
358
378
  readonly borderColor: {
359
379
  readonly 'color.border': "var(--ds-border)";
@@ -381,8 +401,14 @@ export declare const tokensMap: {
381
401
  readonly 'color.border.bold': "var(--ds-border-bold)";
382
402
  };
383
403
  readonly borderEndEndRadius: {
384
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
404
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
405
+ readonly 'radius.small': "var(--ds-radius-small)";
406
+ readonly 'radius.medium': "var(--ds-radius-medium)";
407
+ readonly 'radius.large': "var(--ds-radius-large)";
408
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
409
+ readonly 'radius.full': "var(--ds-radius-full)";
385
410
  readonly 'border.radius': "var(--ds-border-radius)";
411
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
386
412
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
387
413
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
388
414
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -390,8 +416,14 @@ export declare const tokensMap: {
390
416
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
391
417
  };
392
418
  readonly borderEndStartRadius: {
393
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
419
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
420
+ readonly 'radius.small': "var(--ds-radius-small)";
421
+ readonly 'radius.medium': "var(--ds-radius-medium)";
422
+ readonly 'radius.large': "var(--ds-radius-large)";
423
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
424
+ readonly 'radius.full': "var(--ds-radius-full)";
394
425
  readonly 'border.radius': "var(--ds-border-radius)";
426
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
395
427
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
396
428
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
397
429
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -453,6 +485,8 @@ export declare const tokensMap: {
453
485
  readonly 'border.width.0': "var(--ds-border-width-0)";
454
486
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
455
487
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
488
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
489
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
456
490
  };
457
491
  readonly borderInlineStartColor: {
458
492
  readonly 'color.border': "var(--ds-border)";
@@ -484,12 +518,16 @@ export declare const tokensMap: {
484
518
  readonly 'border.width.0': "var(--ds-border-width-0)";
485
519
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
486
520
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
521
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
522
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
487
523
  };
488
524
  readonly borderInlineWidth: {
489
525
  readonly 'border.width': "var(--ds-border-width)";
490
526
  readonly 'border.width.0': "var(--ds-border-width-0)";
491
527
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
492
528
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
529
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
530
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
493
531
  };
494
532
  readonly borderLeftColor: {
495
533
  readonly 'color.border': "var(--ds-border)";
@@ -521,10 +559,18 @@ export declare const tokensMap: {
521
559
  readonly 'border.width.0': "var(--ds-border-width-0)";
522
560
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
523
561
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
562
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
563
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
524
564
  };
525
565
  readonly borderRadius: {
526
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
566
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
567
+ readonly 'radius.small': "var(--ds-radius-small)";
568
+ readonly 'radius.medium': "var(--ds-radius-medium)";
569
+ readonly 'radius.large': "var(--ds-radius-large)";
570
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
571
+ readonly 'radius.full': "var(--ds-radius-full)";
527
572
  readonly 'border.radius': "var(--ds-border-radius)";
573
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
528
574
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
529
575
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
530
576
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -561,10 +607,18 @@ export declare const tokensMap: {
561
607
  readonly 'border.width.0': "var(--ds-border-width-0)";
562
608
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
563
609
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
610
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
611
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
564
612
  };
565
613
  readonly borderStartEndRadius: {
566
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
614
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
615
+ readonly 'radius.small': "var(--ds-radius-small)";
616
+ readonly 'radius.medium': "var(--ds-radius-medium)";
617
+ readonly 'radius.large': "var(--ds-radius-large)";
618
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
619
+ readonly 'radius.full': "var(--ds-radius-full)";
567
620
  readonly 'border.radius': "var(--ds-border-radius)";
621
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
568
622
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
569
623
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
570
624
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -572,8 +626,14 @@ export declare const tokensMap: {
572
626
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
573
627
  };
574
628
  readonly borderStartStartRadius: {
575
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
629
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
630
+ readonly 'radius.small': "var(--ds-radius-small)";
631
+ readonly 'radius.medium': "var(--ds-radius-medium)";
632
+ readonly 'radius.large': "var(--ds-radius-large)";
633
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
634
+ readonly 'radius.full': "var(--ds-radius-full)";
576
635
  readonly 'border.radius': "var(--ds-border-radius)";
636
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
577
637
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
578
638
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
579
639
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -606,8 +666,14 @@ export declare const tokensMap: {
606
666
  readonly 'color.border.bold': "var(--ds-border-bold)";
607
667
  };
608
668
  readonly borderTopLeftRadius: {
609
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
669
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
670
+ readonly 'radius.small': "var(--ds-radius-small)";
671
+ readonly 'radius.medium': "var(--ds-radius-medium)";
672
+ readonly 'radius.large': "var(--ds-radius-large)";
673
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
674
+ readonly 'radius.full': "var(--ds-radius-full)";
610
675
  readonly 'border.radius': "var(--ds-border-radius)";
676
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
611
677
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
612
678
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
613
679
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -615,8 +681,14 @@ export declare const tokensMap: {
615
681
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
616
682
  };
617
683
  readonly borderTopRightRadius: {
618
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
684
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
685
+ readonly 'radius.small': "var(--ds-radius-small)";
686
+ readonly 'radius.medium': "var(--ds-radius-medium)";
687
+ readonly 'radius.large': "var(--ds-radius-large)";
688
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
689
+ readonly 'radius.full': "var(--ds-radius-full)";
619
690
  readonly 'border.radius': "var(--ds-border-radius)";
691
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
620
692
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
621
693
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
622
694
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -628,12 +700,16 @@ export declare const tokensMap: {
628
700
  readonly 'border.width.0': "var(--ds-border-width-0)";
629
701
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
630
702
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
703
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
704
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
631
705
  };
632
706
  readonly borderWidth: {
633
707
  readonly 'border.width': "var(--ds-border-width)";
634
708
  readonly 'border.width.0': "var(--ds-border-width-0)";
635
709
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
636
710
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
711
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
712
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
637
713
  };
638
714
  readonly bottom: {
639
715
  'space.negative.025': "var(--ds-space-negative-025)";
@@ -1402,6 +1478,8 @@ export declare const tokensMap: {
1402
1478
  readonly 'border.width.0': "var(--ds-border-width-0)";
1403
1479
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
1404
1480
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
1481
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
1482
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
1405
1483
  };
1406
1484
  readonly padding: {
1407
1485
  'space.0': "var(--ds-space-0)";
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -493,22 +493,30 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
496
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
504
504
  readonly 'border.width.0': "var(--ds-border-width-0)";
505
505
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
506
506
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
507
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
508
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
507
509
  };
508
510
  export type BorderWidth = keyof typeof borderWidthMap;
509
511
  export declare const borderRadiusMap: {
510
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
513
+ readonly 'radius.small': "var(--ds-radius-small)";
514
+ readonly 'radius.medium': "var(--ds-radius-medium)";
515
+ readonly 'radius.large': "var(--ds-radius-large)";
516
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
+ readonly 'radius.full': "var(--ds-radius-full)";
511
518
  readonly 'border.radius': "var(--ds-border-radius)";
519
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
520
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
513
521
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
514
522
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
package/dist/types-ts4.5/xcss/xcss.d.ts CHANGED
@@ -268,6 +268,8 @@ export declare const tokensMap: {
268
268
  readonly 'border.width.0': "var(--ds-border-width-0)";
269
269
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
270
270
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
271
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
272
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
271
273
  };
272
274
  readonly borderBlockStartColor: {
273
275
  readonly 'color.border': "var(--ds-border)";
@@ -299,12 +301,16 @@ export declare const tokensMap: {
299
301
  readonly 'border.width.0': "var(--ds-border-width-0)";
300
302
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
301
303
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
304
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
305
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
302
306
  };
303
307
  readonly borderBlockWidth: {
304
308
  readonly 'border.width': "var(--ds-border-width)";
305
309
  readonly 'border.width.0': "var(--ds-border-width-0)";
306
310
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
307
311
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
312
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
313
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
308
314
  };
309
315
  readonly borderBottomColor: {
310
316
  readonly 'color.border': "var(--ds-border)";
@@ -332,8 +338,14 @@ export declare const tokensMap: {
332
338
  readonly 'color.border.bold': "var(--ds-border-bold)";
333
339
  };
334
340
  readonly borderBottomLeftRadius: {
335
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
341
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
342
+ readonly 'radius.small': "var(--ds-radius-small)";
343
+ readonly 'radius.medium': "var(--ds-radius-medium)";
344
+ readonly 'radius.large': "var(--ds-radius-large)";
345
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
346
+ readonly 'radius.full': "var(--ds-radius-full)";
336
347
  readonly 'border.radius': "var(--ds-border-radius)";
348
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
337
349
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
338
350
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
339
351
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -341,8 +353,14 @@ export declare const tokensMap: {
341
353
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
342
354
  };
343
355
  readonly borderBottomRightRadius: {
344
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
356
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
357
+ readonly 'radius.small': "var(--ds-radius-small)";
358
+ readonly 'radius.medium': "var(--ds-radius-medium)";
359
+ readonly 'radius.large': "var(--ds-radius-large)";
360
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
361
+ readonly 'radius.full': "var(--ds-radius-full)";
345
362
  readonly 'border.radius': "var(--ds-border-radius)";
363
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
346
364
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
347
365
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
348
366
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -354,6 +372,8 @@ export declare const tokensMap: {
354
372
  readonly 'border.width.0': "var(--ds-border-width-0)";
355
373
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
356
374
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
375
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
376
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
357
377
  };
358
378
  readonly borderColor: {
359
379
  readonly 'color.border': "var(--ds-border)";
@@ -381,8 +401,14 @@ export declare const tokensMap: {
381
401
  readonly 'color.border.bold': "var(--ds-border-bold)";
382
402
  };
383
403
  readonly borderEndEndRadius: {
384
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
404
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
405
+ readonly 'radius.small': "var(--ds-radius-small)";
406
+ readonly 'radius.medium': "var(--ds-radius-medium)";
407
+ readonly 'radius.large': "var(--ds-radius-large)";
408
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
409
+ readonly 'radius.full': "var(--ds-radius-full)";
385
410
  readonly 'border.radius': "var(--ds-border-radius)";
411
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
386
412
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
387
413
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
388
414
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -390,8 +416,14 @@ export declare const tokensMap: {
390
416
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
391
417
  };
392
418
  readonly borderEndStartRadius: {
393
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
419
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
420
+ readonly 'radius.small': "var(--ds-radius-small)";
421
+ readonly 'radius.medium': "var(--ds-radius-medium)";
422
+ readonly 'radius.large': "var(--ds-radius-large)";
423
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
424
+ readonly 'radius.full': "var(--ds-radius-full)";
394
425
  readonly 'border.radius': "var(--ds-border-radius)";
426
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
395
427
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
396
428
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
397
429
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -453,6 +485,8 @@ export declare const tokensMap: {
453
485
  readonly 'border.width.0': "var(--ds-border-width-0)";
454
486
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
455
487
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
488
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
489
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
456
490
  };
457
491
  readonly borderInlineStartColor: {
458
492
  readonly 'color.border': "var(--ds-border)";
@@ -484,12 +518,16 @@ export declare const tokensMap: {
484
518
  readonly 'border.width.0': "var(--ds-border-width-0)";
485
519
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
486
520
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
521
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
522
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
487
523
  };
488
524
  readonly borderInlineWidth: {
489
525
  readonly 'border.width': "var(--ds-border-width)";
490
526
  readonly 'border.width.0': "var(--ds-border-width-0)";
491
527
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
492
528
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
529
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
530
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
493
531
  };
494
532
  readonly borderLeftColor: {
495
533
  readonly 'color.border': "var(--ds-border)";
@@ -521,10 +559,18 @@ export declare const tokensMap: {
521
559
  readonly 'border.width.0': "var(--ds-border-width-0)";
522
560
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
523
561
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
562
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
563
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
524
564
  };
525
565
  readonly borderRadius: {
526
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
566
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
567
+ readonly 'radius.small': "var(--ds-radius-small)";
568
+ readonly 'radius.medium': "var(--ds-radius-medium)";
569
+ readonly 'radius.large': "var(--ds-radius-large)";
570
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
571
+ readonly 'radius.full': "var(--ds-radius-full)";
527
572
  readonly 'border.radius': "var(--ds-border-radius)";
573
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
528
574
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
529
575
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
530
576
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -561,10 +607,18 @@ export declare const tokensMap: {
561
607
  readonly 'border.width.0': "var(--ds-border-width-0)";
562
608
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
563
609
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
610
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
611
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
564
612
  };
565
613
  readonly borderStartEndRadius: {
566
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
614
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
615
+ readonly 'radius.small': "var(--ds-radius-small)";
616
+ readonly 'radius.medium': "var(--ds-radius-medium)";
617
+ readonly 'radius.large': "var(--ds-radius-large)";
618
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
619
+ readonly 'radius.full': "var(--ds-radius-full)";
567
620
  readonly 'border.radius': "var(--ds-border-radius)";
621
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
568
622
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
569
623
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
570
624
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -572,8 +626,14 @@ export declare const tokensMap: {
572
626
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
573
627
  };
574
628
  readonly borderStartStartRadius: {
575
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
629
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
630
+ readonly 'radius.small': "var(--ds-radius-small)";
631
+ readonly 'radius.medium': "var(--ds-radius-medium)";
632
+ readonly 'radius.large': "var(--ds-radius-large)";
633
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
634
+ readonly 'radius.full': "var(--ds-radius-full)";
576
635
  readonly 'border.radius': "var(--ds-border-radius)";
636
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
577
637
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
578
638
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
579
639
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -606,8 +666,14 @@ export declare const tokensMap: {
606
666
  readonly 'color.border.bold': "var(--ds-border-bold)";
607
667
  };
608
668
  readonly borderTopLeftRadius: {
609
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
669
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
670
+ readonly 'radius.small': "var(--ds-radius-small)";
671
+ readonly 'radius.medium': "var(--ds-radius-medium)";
672
+ readonly 'radius.large': "var(--ds-radius-large)";
673
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
674
+ readonly 'radius.full': "var(--ds-radius-full)";
610
675
  readonly 'border.radius': "var(--ds-border-radius)";
676
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
611
677
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
612
678
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
613
679
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -615,8 +681,14 @@ export declare const tokensMap: {
615
681
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
616
682
  };
617
683
  readonly borderTopRightRadius: {
618
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
684
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
685
+ readonly 'radius.small': "var(--ds-radius-small)";
686
+ readonly 'radius.medium': "var(--ds-radius-medium)";
687
+ readonly 'radius.large': "var(--ds-radius-large)";
688
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
689
+ readonly 'radius.full': "var(--ds-radius-full)";
619
690
  readonly 'border.radius': "var(--ds-border-radius)";
691
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
620
692
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
621
693
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
622
694
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -628,12 +700,16 @@ export declare const tokensMap: {
628
700
  readonly 'border.width.0': "var(--ds-border-width-0)";
629
701
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
630
702
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
703
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
704
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
631
705
  };
632
706
  readonly borderWidth: {
633
707
  readonly 'border.width': "var(--ds-border-width)";
634
708
  readonly 'border.width.0': "var(--ds-border-width-0)";
635
709
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
636
710
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
711
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
712
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
637
713
  };
638
714
  readonly bottom: {
639
715
  'space.negative.025': "var(--ds-space-negative-025)";
@@ -1402,6 +1478,8 @@ export declare const tokensMap: {
1402
1478
  readonly 'border.width.0': "var(--ds-border-width-0)";
1403
1479
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
1404
1480
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
1481
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
1482
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
1405
1483
  };
1406
1484
  readonly padding: {
1407
1485
  'space.0': "var(--ds-space-0)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "14.11.4",
3
+ "version": "14.12.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -138,7 +138,7 @@
138
138
  "@atlaskit/ds-lib": "^5.0.0",
139
139
  "@atlaskit/interaction-context": "^3.0.0",
140
140
  "@atlaskit/platform-feature-flags": "^1.1.0",
141
- "@atlaskit/tokens": "^6.0.0",
141
+ "@atlaskit/tokens": "^6.1.0",
142
142
  "@atlaskit/visually-hidden": "^3.0.0",
143
143
  "@babel/runtime": "^7.0.0",
144
144
  "@compiled/react": "^0.18.3",
@@ -162,9 +162,9 @@
162
162
  "@atlaskit/docs": "^11.0.0",
163
163
  "@atlaskit/dropdown-menu": "^16.3.0",
164
164
  "@atlaskit/flag": "^17.3.0",
165
- "@atlaskit/form": "^12.1.0",
165
+ "@atlaskit/form": "^12.2.0",
166
166
  "@atlaskit/heading": "^5.2.0",
167
- "@atlaskit/icon": "^28.0.0",
167
+ "@atlaskit/icon": "^28.1.0",
168
168
  "@atlaskit/icon-object": "^7.2.0",
169
169
  "@atlaskit/image": "^3.0.0",
170
170
  "@atlaskit/link": "^3.2.0",
@@ -172,11 +172,10 @@
172
172
  "@atlaskit/lozenge": "^13.0.0",
173
173
  "@atlaskit/motion": "^5.3.0",
174
174
  "@atlaskit/range": "^9.2.0",
175
- "@atlaskit/section-message": "^8.5.0",
175
+ "@atlaskit/section-message": "^8.6.0",
176
176
  "@atlaskit/textfield": "^8.0.0",
177
177
  "@atlaskit/toggle": "^15.1.0",
178
178
  "@atlaskit/tooltip": "^20.4.0",
179
- "@atlaskit/visual-regression": "workspace:^",
180
179
  "@atlassian/analytics-bridge": "^0.7.0",
181
180
  "@atlassian/codegen": "^0.1.0",
182
181
  "@atlassian/ssr-tests": "^0.3.0",
package/scripts/codegen-styles.tsx CHANGED
@@ -4,11 +4,11 @@ import { join } from 'path';
4
4
 
5
5
  import { createPartialSignedArtifact } from '@atlassian/codegen';
6
6
 
7
- import { createBorderStylesFromTemplate } from './border-codegen-template';
8
7
  import { createColorStylesFromTemplate } from './color-codegen-template';
9
8
  import { createElevationStylesFromTemplate } from './elevation-codegen-template';
10
9
  import { createInverseColorMapTemplate } from './inverse-color-map-template';
11
10
  import { createStylesFromFileTemplate } from './misc-codegen-template';
11
+ import { createShapeStylesFromTemplate } from './shape-codegen-template';
12
12
  import { createSpacingStylesFromTemplate } from './spacing-codegen-template';
13
13
  import { createTextStylesFromTemplate } from './text-codegen-template';
14
14
  import { createTypographyStylesFromTemplate } from './typography-codegen-template';
@@ -135,7 +135,7 @@ const sourceFns = [
135
135
  // border-width, border-radius
136
136
  () =>
137
137
  createPartialSignedArtifact(
138
- (options) => options.map(createBorderStylesFromTemplate).join('\n'),
138
+ (options) => options.map(createShapeStylesFromTemplate).join('\n'),
139
139
  'yarn workspace @atlaskit/primitives codegen-styles',
140
140
  {
141
141
  id: 'border',
@@ -145,7 +145,7 @@ const sourceFns = [
145
145
  ),
146
146
  () =>
147
147
  createPartialSignedArtifact(
148
- (options) => options.map(createBorderStylesFromTemplate).join('\n'),
148
+ (options) => options.map(createShapeStylesFromTemplate).join('\n'),
149
149
  'yarn workspace @atlaskit/primitives codegen-styles',
150
150
  {
151
151
  id: 'border',
package/scripts/{border-codegen-template.tsx → shape-codegen-template.tsx} RENAMED
@@ -18,9 +18,10 @@ const tokenStyles = {
18
18
  },
19
19
  radius: {
20
20
  objectName: 'borderRadius',
21
- filterPrefix: 'border.radius',
21
+ filterPrefix: 'radius',
22
22
  cssProperty: 'borderRadius',
23
- filterFn: <T extends Token>(t: T) => t.token.startsWith(tokenStyles.radius.filterPrefix),
23
+ filterFn: <T extends Token>(t: T) =>
24
+ t.token.startsWith(tokenStyles.radius.filterPrefix) || t.token.startsWith('border.radius'),
24
25
  },
25
26
  } as const;
26
27
 
@@ -34,7 +35,7 @@ const activeTokens = tokens
34
35
  }),
35
36
  );
36
37
 
37
- export const createBorderStylesFromTemplate = (property: keyof typeof tokenStyles) => {
38
+ export const createShapeStylesFromTemplate = (property: keyof typeof tokenStyles) => {
38
39
  if (!tokenStyles[property]) {
39
40
  throw new Error(`[codegen] Unknown option found "${property}"`);
40
41
  }