@atlaskit/primitives 14.2.0 → 14.2.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.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/compiled/components/anchor.js +2 -4
- package/dist/cjs/compiled/components/inline.js +1 -3
- package/dist/cjs/compiled/components/pressable.js +2 -4
- package/dist/cjs/compiled/components/stack.js +1 -3
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/anchor.js +2 -4
- package/dist/es2019/compiled/components/inline.js +1 -3
- package/dist/es2019/compiled/components/pressable.js +2 -4
- package/dist/es2019/compiled/components/stack.js +1 -3
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/esm/compiled/components/anchor.js +2 -4
- package/dist/esm/compiled/components/inline.js +1 -3
- package/dist/esm/compiled/components/pressable.js +2 -4
- package/dist/esm/compiled/components/stack.js +1 -3
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
|
|
8
|
+
[`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
|
|
9
|
+
Update `@compiled/react` dependency for improved type checking support.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
3
12
|
## 14.2.0
|
|
4
13
|
|
|
5
14
|
### Minor Changes
|
|
@@ -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.
|
|
73
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
63
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
103
|
+
packageVersion: "14.2.1",
|
|
104
104
|
analyticsData: analyticsContext,
|
|
105
105
|
actionSubject: 'link'
|
|
106
106
|
});
|
|
@@ -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.
|
|
98
|
+
packageVersion: "14.2.1",
|
|
99
99
|
analyticsData: analyticsContext,
|
|
100
100
|
actionSubject: 'button'
|
|
101
101
|
});
|
|
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
|
|
|
55
55
|
action: 'clicked',
|
|
56
56
|
componentName: componentName || 'Anchor',
|
|
57
57
|
packageName: "@atlaskit/primitives",
|
|
58
|
-
packageVersion: "14.2.
|
|
58
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
49
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
88
|
+
packageVersion: "14.2.1",
|
|
89
89
|
analyticsData: analyticsContext,
|
|
90
90
|
actionSubject: 'button'
|
|
91
91
|
});
|
|
@@ -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.
|
|
63
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
53
|
+
packageVersion: "14.2.1",
|
|
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
|
|
@@ -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);
|
|
@@ -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.
|
|
97
|
+
packageVersion: "14.2.1",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -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.
|
|
92
|
+
packageVersion: "14.2.1",
|
|
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.
|
|
3
|
+
"version": "14.2.1",
|
|
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.
|
|
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",
|