@atlaskit/primitives 14.15.5 → 15.0.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 (20) 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 +2 -22
  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 +2 -22
  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 +2 -22
  17. package/dist/types/xcss/style-maps.partial.d.ts +1 -11
  18. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +1 -11
  19. package/package.json +7 -7
  20. package/scripts/shape-codegen-template.tsx +3 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 15.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
8
+ Removed deprecated border radius and border width tokens from xcss type.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 14.15.5
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/compiled/components/anchor.js CHANGED
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
70
70
  action: 'clicked',
71
71
  componentName: componentName || 'Anchor',
72
72
  packageName: "@atlaskit/primitives",
73
- packageVersion: "14.15.4",
73
+ packageVersion: "0.0.0-development",
74
74
  analyticsData: analyticsContext,
75
75
  actionSubject: 'link'
76
76
  });
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.15.4",
64
+ packageVersion: "0.0.0-development",
65
65
  analyticsData: analyticsContext,
66
66
  actionSubject: 'button'
67
67
  });
package/dist/cjs/components/anchor.js CHANGED
@@ -105,7 +105,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
105
105
  action: 'clicked',
106
106
  componentName: componentName || 'Anchor',
107
107
  packageName: "@atlaskit/primitives",
108
- packageVersion: "14.15.4",
108
+ packageVersion: "0.0.0-development",
109
109
  analyticsData: analyticsContext,
110
110
  actionSubject: 'link'
111
111
  });
package/dist/cjs/components/pressable.js CHANGED
@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
97
97
  action: 'clicked',
98
98
  componentName: componentName || 'Pressable',
99
99
  packageName: "@atlaskit/primitives",
100
- packageVersion: "14.15.4",
100
+ packageVersion: "0.0.0-development",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: 'button'
103
103
  });
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -474,7 +474,7 @@ 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::4d0bfc4c706b9fbda2e8a4c73134354e>>
477
+ * @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
478
478
  * @codegenId border
479
479
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
480
480
  * @codegenParams ["width", "radius"]
@@ -482,12 +482,6 @@ var layerMap = exports.layerMap = {
482
482
  */
483
483
  var borderWidthMap = exports.borderWidthMap = {
484
484
  'border.width': "var(--ds-border-width, 1px)",
485
- // @deprecated
486
- 'border.width.0': "var(--ds-border-width-0, 0px)",
487
- // @deprecated
488
- 'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
489
- // @deprecated
490
- 'border.width.outline': "var(--ds-border-width-outline, 2px)",
491
485
  'border.width.selected': "var(--ds-border-width-selected, 2px)",
492
486
  'border.width.focused': "var(--ds-border-width-focused, 2px)"
493
487
  };
@@ -498,21 +492,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
498
492
  'radius.large': "var(--ds-radius-large, 8px)",
499
493
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
500
494
  'radius.full': "var(--ds-radius-full, 9999px)",
501
- 'radius.tile': "var(--ds-radius-tile, 25%)",
502
- // @deprecated
503
- 'border.radius': "var(--ds-border-radius, 3px)",
504
- // @deprecated
505
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
506
- // @deprecated
507
- 'border.radius.100': "var(--ds-border-radius-100, 3px)",
508
- // @deprecated
509
- 'border.radius.200': "var(--ds-border-radius-200, 8px)",
510
- // @deprecated
511
- 'border.radius.300': "var(--ds-border-radius-300, 12px)",
512
- // @deprecated
513
- 'border.radius.400': "var(--ds-border-radius-400, 16px)",
514
- // @deprecated
515
- 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
495
+ 'radius.tile': "var(--ds-radius-tile, 25%)"
516
496
  };
517
497
  /**
518
498
  * @codegenEnd
package/dist/es2019/compiled/components/anchor.js CHANGED
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
56
56
  action: 'clicked',
57
57
  componentName: componentName || 'Anchor',
58
58
  packageName: "@atlaskit/primitives",
59
- packageVersion: "14.15.4",
59
+ packageVersion: "0.0.0-development",
60
60
  analyticsData: analyticsContext,
61
61
  actionSubject: 'link'
62
62
  });
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.15.4",
51
+ packageVersion: "0.0.0-development",
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.15.4",
97
+ packageVersion: "0.0.0-development",
98
98
  analyticsData: analyticsContext,
99
99
  actionSubject: 'link'
100
100
  });
package/dist/es2019/components/pressable.js CHANGED
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
86
86
  action: 'clicked',
87
87
  componentName: componentName || 'Pressable',
88
88
  packageName: "@atlaskit/primitives",
89
- packageVersion: "14.15.4",
89
+ packageVersion: "0.0.0-development",
90
90
  analyticsData: analyticsContext,
91
91
  actionSubject: 'button'
92
92
  });
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -469,7 +469,7 @@ 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::4d0bfc4c706b9fbda2e8a4c73134354e>>
472
+ * @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
@@ -477,12 +477,6 @@ export const layerMap = {
477
477
  */
478
478
  export const borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
- // @deprecated
481
- 'border.width.0': "var(--ds-border-width-0, 0px)",
482
- // @deprecated
483
- 'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
484
- // @deprecated
485
- 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
480
  'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
481
  'border.width.focused': "var(--ds-border-width-focused, 2px)"
488
482
  };
@@ -493,21 +487,7 @@ export const borderRadiusMap = {
493
487
  'radius.large': "var(--ds-radius-large, 8px)",
494
488
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
489
  'radius.full': "var(--ds-radius-full, 9999px)",
496
- 'radius.tile': "var(--ds-radius-tile, 25%)",
497
- // @deprecated
498
- 'border.radius': "var(--ds-border-radius, 3px)",
499
- // @deprecated
500
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
501
- // @deprecated
502
- 'border.radius.100': "var(--ds-border-radius-100, 3px)",
503
- // @deprecated
504
- 'border.radius.200': "var(--ds-border-radius-200, 8px)",
505
- // @deprecated
506
- 'border.radius.300': "var(--ds-border-radius-300, 12px)",
507
- // @deprecated
508
- 'border.radius.400': "var(--ds-border-radius-400, 16px)",
509
- // @deprecated
510
- 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
490
+ 'radius.tile': "var(--ds-radius-tile, 25%)"
511
491
  };
512
492
  /**
513
493
  * @codegenEnd
package/dist/esm/compiled/components/anchor.js CHANGED
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
61
61
  action: 'clicked',
62
62
  componentName: componentName || 'Anchor',
63
63
  packageName: "@atlaskit/primitives",
64
- packageVersion: "14.15.4",
64
+ packageVersion: "0.0.0-development",
65
65
  analyticsData: analyticsContext,
66
66
  actionSubject: 'link'
67
67
  });
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.15.4",
55
+ packageVersion: "0.0.0-development",
56
56
  analyticsData: analyticsContext,
57
57
  actionSubject: 'button'
58
58
  });
package/dist/esm/components/anchor.js CHANGED
@@ -99,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
99
99
  action: 'clicked',
100
100
  componentName: componentName || 'Anchor',
101
101
  packageName: "@atlaskit/primitives",
102
- packageVersion: "14.15.4",
102
+ packageVersion: "0.0.0-development",
103
103
  analyticsData: analyticsContext,
104
104
  actionSubject: 'link'
105
105
  });
package/dist/esm/components/pressable.js CHANGED
@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
91
91
  action: 'clicked',
92
92
  componentName: componentName || 'Pressable',
93
93
  packageName: "@atlaskit/primitives",
94
- packageVersion: "14.15.4",
94
+ packageVersion: "0.0.0-development",
95
95
  analyticsData: analyticsContext,
96
96
  actionSubject: 'button'
97
97
  });
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -469,7 +469,7 @@ 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::4d0bfc4c706b9fbda2e8a4c73134354e>>
472
+ * @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
@@ -477,12 +477,6 @@ export var layerMap = {
477
477
  */
478
478
  export var borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
- // @deprecated
481
- 'border.width.0': "var(--ds-border-width-0, 0px)",
482
- // @deprecated
483
- 'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
484
- // @deprecated
485
- 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
480
  'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
481
  'border.width.focused': "var(--ds-border-width-focused, 2px)"
488
482
  };
@@ -493,21 +487,7 @@ export var borderRadiusMap = {
493
487
  'radius.large': "var(--ds-radius-large, 8px)",
494
488
  'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
489
  'radius.full': "var(--ds-radius-full, 9999px)",
496
- 'radius.tile': "var(--ds-radius-tile, 25%)",
497
- // @deprecated
498
- 'border.radius': "var(--ds-border-radius, 3px)",
499
- // @deprecated
500
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
501
- // @deprecated
502
- 'border.radius.100': "var(--ds-border-radius-100, 3px)",
503
- // @deprecated
504
- 'border.radius.200': "var(--ds-border-radius-200, 8px)",
505
- // @deprecated
506
- 'border.radius.300': "var(--ds-border-radius-300, 12px)",
507
- // @deprecated
508
- 'border.radius.400': "var(--ds-border-radius-400, 16px)",
509
- // @deprecated
510
- 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
490
+ 'radius.tile': "var(--ds-radius-tile, 25%)"
511
491
  };
512
492
  /**
513
493
  * @codegenEnd
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -493,7 +493,7 @@ 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::4d0bfc4c706b9fbda2e8a4c73134354e>>
496
+ * @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
@@ -501,9 +501,6 @@ export type Layer = keyof typeof layerMap;
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  'border.width': 'var(--ds-border-width)';
504
- 'border.width.0': 'var(--ds-border-width-0)';
505
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
506
- 'border.width.outline': 'var(--ds-border-width-outline)';
507
504
  'border.width.selected': 'var(--ds-border-width-selected)';
508
505
  'border.width.focused': 'var(--ds-border-width-focused)';
509
506
  };
@@ -516,13 +513,6 @@ export declare const borderRadiusMap: {
516
513
  'radius.xlarge': 'var(--ds-radius-xlarge)';
517
514
  'radius.full': 'var(--ds-radius-full)';
518
515
  'radius.tile': 'var(--ds-radius-tile)';
519
- 'border.radius': 'var(--ds-border-radius)';
520
- 'border.radius.050': 'var(--ds-border-radius-050)';
521
- 'border.radius.100': 'var(--ds-border-radius-100)';
522
- 'border.radius.200': 'var(--ds-border-radius-200)';
523
- 'border.radius.300': 'var(--ds-border-radius-300)';
524
- 'border.radius.400': 'var(--ds-border-radius-400)';
525
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
526
516
  };
527
517
  export type BorderRadius = keyof typeof borderRadiusMap;
528
518
  /**
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -493,7 +493,7 @@ 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::4d0bfc4c706b9fbda2e8a4c73134354e>>
496
+ * @codegen <<SignedSource::dc59452c62abcdabe4029b664d7037e1>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
@@ -501,9 +501,6 @@ export type Layer = keyof typeof layerMap;
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  'border.width': 'var(--ds-border-width)';
504
- 'border.width.0': 'var(--ds-border-width-0)';
505
- 'border.width.indicator': 'var(--ds-border-width-indicator)';
506
- 'border.width.outline': 'var(--ds-border-width-outline)';
507
504
  'border.width.selected': 'var(--ds-border-width-selected)';
508
505
  'border.width.focused': 'var(--ds-border-width-focused)';
509
506
  };
@@ -516,13 +513,6 @@ export declare const borderRadiusMap: {
516
513
  'radius.xlarge': 'var(--ds-radius-xlarge)';
517
514
  'radius.full': 'var(--ds-radius-full)';
518
515
  'radius.tile': 'var(--ds-radius-tile)';
519
- 'border.radius': 'var(--ds-border-radius)';
520
- 'border.radius.050': 'var(--ds-border-radius-050)';
521
- 'border.radius.100': 'var(--ds-border-radius-100)';
522
- 'border.radius.200': 'var(--ds-border-radius-200)';
523
- 'border.radius.300': 'var(--ds-border-radius-300)';
524
- 'border.radius.400': 'var(--ds-border-radius-400)';
525
- 'border.radius.circle': 'var(--ds-border-radius-circle)';
526
516
  };
527
517
  export type BorderRadius = keyof typeof borderRadiusMap;
528
518
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "14.15.5",
3
+ "version": "15.0.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -134,11 +134,11 @@
134
134
  "dependencies": {
135
135
  "@atlaskit/analytics-next": "^11.1.0",
136
136
  "@atlaskit/app-provider": "^3.2.0",
137
- "@atlaskit/css": "^0.14.0",
137
+ "@atlaskit/css": "^0.15.0",
138
138
  "@atlaskit/ds-lib": "^5.1.0",
139
139
  "@atlaskit/interaction-context": "^3.1.0",
140
140
  "@atlaskit/platform-feature-flags": "^1.1.0",
141
- "@atlaskit/tokens": "^6.4.0",
141
+ "@atlaskit/tokens": "^6.5.0",
142
142
  "@atlaskit/visually-hidden": "^3.0.0",
143
143
  "@babel/runtime": "^7.0.0",
144
144
  "@compiled/react": "^0.18.3",
@@ -155,7 +155,7 @@
155
155
  "@af/formatting": "workspace:^",
156
156
  "@af/integration-testing": "workspace:^",
157
157
  "@af/visual-regression": "workspace:^",
158
- "@atlaskit/avatar": "^25.3.0",
158
+ "@atlaskit/avatar": "^25.4.0",
159
159
  "@atlaskit/button": "^23.5.0",
160
160
  "@atlaskit/checkbox": "^17.1.0",
161
161
  "@atlaskit/code": "^17.2.0",
@@ -164,11 +164,11 @@
164
164
  "@atlaskit/flag": "^17.4.0",
165
165
  "@atlaskit/form": "^14.2.0",
166
166
  "@atlaskit/heading": "^5.2.0",
167
- "@atlaskit/icon": "^28.3.0",
168
- "@atlaskit/icon-object": "^7.2.0",
167
+ "@atlaskit/icon": "^28.5.0",
168
+ "@atlaskit/icon-object": "^7.3.0",
169
169
  "@atlaskit/image": "^3.0.0",
170
170
  "@atlaskit/link": "^3.2.0",
171
- "@atlaskit/logo": "^19.8.0",
171
+ "@atlaskit/logo": "^19.9.0",
172
172
  "@atlaskit/lozenge": "^13.0.0",
173
173
  "@atlaskit/motion": "^5.3.0",
174
174
  "@atlaskit/range": "^9.2.0",
package/scripts/shape-codegen-template.tsx CHANGED
@@ -14,15 +14,14 @@ const tokenStyles = {
14
14
  objectName: 'borderWidth',
15
15
  filterPrefix: 'border.width',
16
16
  cssProperty: 'borderWidth',
17
- filterFn: <T extends Token>(t: T): boolean =>
18
- t.token.startsWith(tokenStyles.width.filterPrefix),
17
+ filterFn: <T extends Token>(t: T) =>
18
+ t.token.startsWith(tokenStyles.width.filterPrefix) && !t.isDeprecated,
19
19
  },
20
20
  radius: {
21
21
  objectName: 'borderRadius',
22
22
  filterPrefix: 'radius',
23
23
  cssProperty: 'borderRadius',
24
- filterFn: <T extends Token>(t: T): boolean =>
25
- t.token.startsWith(tokenStyles.radius.filterPrefix) || t.token.startsWith('border.radius'),
24
+ filterFn: <T extends Token>(t: T) => t.token.startsWith(tokenStyles.radius.filterPrefix),
26
25
  },
27
26
  } as const;
28
27