@atlaskit/primitives 14.2.0 → 14.2.2

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 (24) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/constellation/overview/images/box-usage-example.png +0 -0
  3. package/constellation/overview/images/inline-usage-example.png +0 -0
  4. package/constellation/overview/images/stack-usage-example.png +0 -0
  5. package/constellation/pressable/images/pressable-anatomy.png +0 -0
  6. package/dist/cjs/compiled/components/anchor.js +2 -4
  7. package/dist/cjs/compiled/components/inline.js +1 -3
  8. package/dist/cjs/compiled/components/pressable.js +2 -4
  9. package/dist/cjs/compiled/components/stack.js +1 -3
  10. package/dist/cjs/components/anchor.js +1 -1
  11. package/dist/cjs/components/pressable.js +1 -1
  12. package/dist/es2019/compiled/components/anchor.js +2 -4
  13. package/dist/es2019/compiled/components/inline.js +1 -3
  14. package/dist/es2019/compiled/components/pressable.js +2 -4
  15. package/dist/es2019/compiled/components/stack.js +1 -3
  16. package/dist/es2019/components/anchor.js +1 -1
  17. package/dist/es2019/components/pressable.js +1 -1
  18. package/dist/esm/compiled/components/anchor.js +2 -4
  19. package/dist/esm/compiled/components/inline.js +1 -3
  20. package/dist/esm/compiled/components/pressable.js +2 -4
  21. package/dist/esm/compiled/components/stack.js +1 -3
  22. package/dist/esm/components/anchor.js +1 -1
  23. package/dist/esm/components/pressable.js +1 -1
  24. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 14.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#127093](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127093)
8
+ [`1378ea7a99ce1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1378ea7a99ce1) -
9
+ Upgrades `jscodeshift` to handle generics properly.
10
+ - Updated dependencies
11
+
12
+ ## 14.2.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
17
+ [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
18
+ Update `@compiled/react` dependency for improved type checking support.
19
+ - Updated dependencies
20
+
3
21
  ## 14.2.0
4
22
 
5
23
  ### Minor 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.2.0",
73
+ packageVersion: "14.2.2",
74
74
  analyticsData: analyticsContext,
75
75
  actionSubject: 'link'
76
76
  });
@@ -109,9 +109,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
109
109
  target: target,
110
110
  onClick: onClick,
111
111
  "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
112
- "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
113
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
114
- ,
112
+ "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
115
113
  xcss: (0, _react2.cx)(styles.root, xcss),
116
114
  testId: testId,
117
115
  "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
package/dist/cjs/compiled/components/inline.js CHANGED
@@ -72,9 +72,7 @@ var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(
72
72
  gap: space,
73
73
  rowGap: rowSpace,
74
74
  wrap: shouldWrap ? 'wrap' : undefined,
75
- xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
76
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
77
- xcss),
75
+ xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
78
76
  testId: testId,
79
77
  ref: ref
80
78
  }, children);
package/dist/cjs/compiled/components/pressable.js CHANGED
@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
60
60
  action: 'clicked',
61
61
  componentName: componentName || 'Pressable',
62
62
  packageName: "@atlaskit/primitives",
63
- packageVersion: "14.2.0",
63
+ packageVersion: "14.2.2",
64
64
  analyticsData: analyticsContext,
65
65
  actionSubject: 'button'
66
66
  });
@@ -81,9 +81,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
81
81
  // eslint-disable-next-line react/button-has-type
82
82
  type: type,
83
83
  onClick: onClick,
84
- disabled: isDisabled
85
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
86
- ,
84
+ disabled: isDisabled,
87
85
  xcss: (0, _react2.cx)(styles.root, isDisabled && styles.disabled, xcss),
88
86
  testId: testId,
89
87
  ref: ref
package/dist/cjs/compiled/components/stack.js CHANGED
@@ -53,9 +53,7 @@ var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(f
53
53
  direction: "column",
54
54
  alignItems: alignItems,
55
55
  justifyContent: spread || alignBlock,
56
- xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
57
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
58
- xcss),
56
+ xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
59
57
  testId: testId,
60
58
  ref: ref
61
59
  }, children);
package/dist/cjs/components/anchor.js CHANGED
@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
100
100
  action: 'clicked',
101
101
  componentName: componentName || 'Anchor',
102
102
  packageName: "@atlaskit/primitives",
103
- packageVersion: "14.2.0",
103
+ packageVersion: "14.2.2",
104
104
  analyticsData: analyticsContext,
105
105
  actionSubject: 'link'
106
106
  });
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.2.0",
98
+ packageVersion: "14.2.2",
99
99
  analyticsData: analyticsContext,
100
100
  actionSubject: 'button'
101
101
  });
package/dist/es2019/compiled/components/anchor.js CHANGED
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
55
55
  action: 'clicked',
56
56
  componentName: componentName || 'Anchor',
57
57
  packageName: "@atlaskit/primitives",
58
- packageVersion: "14.2.0",
58
+ packageVersion: "14.2.2",
59
59
  analyticsData: analyticsContext,
60
60
  actionSubject: 'link'
61
61
  });
@@ -96,9 +96,7 @@ const AnchorNoRef = ({
96
96
  target: target,
97
97
  onClick: onClick,
98
98
  "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} , ${newWindowLabel}` : ariaLabel,
99
- "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy
100
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
101
- ,
99
+ "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy,
102
100
  xcss: cx(styles.root, xcss),
103
101
  testId: testId,
104
102
  "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
package/dist/es2019/compiled/components/inline.js CHANGED
@@ -60,9 +60,7 @@ const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
60
60
  gap: space,
61
61
  rowGap: rowSpace,
62
62
  wrap: shouldWrap ? 'wrap' : undefined,
63
- xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
64
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
65
- xcss),
63
+ xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
66
64
  testId: testId,
67
65
  ref: ref
68
66
  }, children);
package/dist/es2019/compiled/components/pressable.js CHANGED
@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
46
46
  action: 'clicked',
47
47
  componentName: componentName || 'Pressable',
48
48
  packageName: "@atlaskit/primitives",
49
- packageVersion: "14.2.0",
49
+ packageVersion: "14.2.2",
50
50
  analyticsData: analyticsContext,
51
51
  actionSubject: 'button'
52
52
  });
@@ -69,9 +69,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
69
69
  // eslint-disable-next-line react/button-has-type
70
70
  type: type,
71
71
  onClick: onClick,
72
- disabled: isDisabled
73
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
74
- ,
72
+ disabled: isDisabled,
75
73
  xcss: cx(styles.root, isDisabled && styles.disabled, xcss),
76
74
  testId: testId,
77
75
  ref: ref
package/dist/es2019/compiled/components/stack.js CHANGED
@@ -43,9 +43,7 @@ const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
43
43
  direction: "column",
44
44
  alignItems: alignItems,
45
45
  justifyContent: spread || alignBlock,
46
- xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
47
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
48
- xcss),
46
+ xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
49
47
  testId: testId,
50
48
  ref: ref
51
49
  }, children);
package/dist/es2019/components/anchor.js CHANGED
@@ -90,7 +90,7 @@ const AnchorNoRef = ({
90
90
  action: 'clicked',
91
91
  componentName: componentName || 'Anchor',
92
92
  packageName: "@atlaskit/primitives",
93
- packageVersion: "14.2.0",
93
+ packageVersion: "14.2.2",
94
94
  analyticsData: analyticsContext,
95
95
  actionSubject: 'link'
96
96
  });
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.2.0",
88
+ packageVersion: "14.2.2",
89
89
  analyticsData: analyticsContext,
90
90
  actionSubject: 'button'
91
91
  });
package/dist/esm/compiled/components/anchor.js CHANGED
@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
60
60
  action: 'clicked',
61
61
  componentName: componentName || 'Anchor',
62
62
  packageName: "@atlaskit/primitives",
63
- packageVersion: "14.2.0",
63
+ packageVersion: "14.2.2",
64
64
  analyticsData: analyticsContext,
65
65
  actionSubject: 'link'
66
66
  });
@@ -99,9 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
99
99
  target: target,
100
100
  onClick: onClick,
101
101
  "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
102
- "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
103
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
104
- ,
102
+ "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
105
103
  xcss: cx(styles.root, xcss),
106
104
  testId: testId,
107
105
  "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
package/dist/esm/compiled/components/inline.js CHANGED
@@ -62,9 +62,7 @@ var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
62
62
  gap: space,
63
63
  rowGap: rowSpace,
64
64
  wrap: shouldWrap ? 'wrap' : undefined,
65
- xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
66
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
67
- xcss),
65
+ xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
68
66
  testId: testId,
69
67
  ref: ref
70
68
  }, children);
package/dist/esm/compiled/components/pressable.js CHANGED
@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
50
50
  action: 'clicked',
51
51
  componentName: componentName || 'Pressable',
52
52
  packageName: "@atlaskit/primitives",
53
- packageVersion: "14.2.0",
53
+ packageVersion: "14.2.2",
54
54
  analyticsData: analyticsContext,
55
55
  actionSubject: 'button'
56
56
  });
@@ -71,9 +71,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
71
71
  // eslint-disable-next-line react/button-has-type
72
72
  type: type,
73
73
  onClick: onClick,
74
- disabled: isDisabled
75
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
76
- ,
74
+ disabled: isDisabled,
77
75
  xcss: cx(styles.root, isDisabled && styles.disabled, xcss),
78
76
  testId: testId,
79
77
  ref: ref
package/dist/esm/compiled/components/stack.js CHANGED
@@ -43,9 +43,7 @@ var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
43
43
  direction: "column",
44
44
  alignItems: alignItems,
45
45
  justifyContent: spread || alignBlock,
46
- xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
47
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
48
- xcss),
46
+ xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
49
47
  testId: testId,
50
48
  ref: ref
51
49
  }, children);
package/dist/esm/components/anchor.js CHANGED
@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
94
94
  action: 'clicked',
95
95
  componentName: componentName || 'Anchor',
96
96
  packageName: "@atlaskit/primitives",
97
- packageVersion: "14.2.0",
97
+ packageVersion: "14.2.2",
98
98
  analyticsData: analyticsContext,
99
99
  actionSubject: 'link'
100
100
  });
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.2.0",
92
+ packageVersion: "14.2.2",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "14.2.0",
3
+ "version": "14.2.2",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -133,7 +133,7 @@
133
133
  "@atlaskit/tokens": "^4.5.0",
134
134
  "@atlaskit/visually-hidden": "^3.0.0",
135
135
  "@babel/runtime": "^7.0.0",
136
- "@compiled/react": "^0.18.2",
136
+ "@compiled/react": "^0.18.3",
137
137
  "@emotion/react": "^11.7.1",
138
138
  "@emotion/serialize": "^1.1.0",
139
139
  "bind-event-listener": "^3.0.0",
@@ -150,7 +150,7 @@
150
150
  "@atlaskit/avatar": "^25.0.0",
151
151
  "@atlaskit/button": "^21.1.0",
152
152
  "@atlaskit/checkbox": "^17.0.0",
153
- "@atlaskit/code": "^16.0.0",
153
+ "@atlaskit/code": "^16.1.0",
154
154
  "@atlaskit/docs": "^10.0.0",
155
155
  "@atlaskit/dropdown-menu": "^13.0.0",
156
156
  "@atlaskit/flag": "^17.1.0",
@@ -175,7 +175,7 @@
175
175
  "@testing-library/react": "^13.4.0",
176
176
  "@testing-library/react-hooks": "^8.0.1",
177
177
  "csstype": "^3.1.0",
178
- "jscodeshift": "^0.13.0",
178
+ "jscodeshift": "^0.16.1",
179
179
  "react-dom": "^18.2.0",
180
180
  "react-resource-router": "^0.20.0",
181
181
  "ts-node": "^10.9.1",