@atlaskit/primitives 14.13.0 → 14.14.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 +18 -0
- package/dist/cjs/compiled/components/anchor.js +1 -2
- package/dist/cjs/components/anchor.js +3 -3
- package/dist/cjs/components/bleed.js +2 -1
- package/dist/cjs/components/flex.js +3 -1
- package/dist/cjs/components/grid.js +2 -1
- package/dist/cjs/components/pressable.js +2 -1
- package/dist/cjs/responsive/hide.js +3 -1
- package/dist/cjs/responsive/show.js +3 -1
- package/dist/es2019/compiled/components/anchor.js +1 -2
- package/dist/es2019/components/anchor.js +2 -3
- package/dist/es2019/components/bleed.js +1 -1
- package/dist/es2019/components/flex.js +1 -1
- package/dist/es2019/components/grid.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/responsive/hide.js +1 -1
- package/dist/es2019/responsive/show.js +1 -1
- package/dist/esm/compiled/components/anchor.js +1 -2
- package/dist/esm/components/anchor.js +3 -3
- package/dist/esm/components/bleed.js +2 -1
- package/dist/esm/components/flex.js +2 -1
- package/dist/esm/components/grid.js +2 -1
- package/dist/esm/components/pressable.js +2 -1
- package/dist/esm/responsive/hide.js +2 -1
- package/dist/esm/responsive/show.js +2 -1
- package/package.json +4 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.14.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e5f0ae472aa1f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5f0ae472aa1f) -
|
|
8
|
+
Fix issue with positioning in the anchor primitive.
|
|
9
|
+
|
|
10
|
+
## 14.14.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`d4a45d8562c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4a45d8562c6d) -
|
|
15
|
+
Added `radius.tile` token to be used exclusively for creating tiles.
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 14.13.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -21,7 +21,6 @@ var _appProvider = require("@atlaskit/app-provider");
|
|
|
21
21
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
22
22
|
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
23
23
|
var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
|
|
24
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
25
24
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
26
25
|
var _focusable = _interopRequireDefault(require("./focusable"));
|
|
27
26
|
var _excluded = ["href", "children", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss", "newWindowLabel"],
|
|
@@ -111,7 +110,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
111
110
|
onClick: onClick,
|
|
112
111
|
"aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
|
|
113
112
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
|
|
114
|
-
xcss: (0, _react2.cx)(styles.root,
|
|
113
|
+
xcss: (0, _react2.cx)(styles.root, styles.position, xcss),
|
|
115
114
|
testId: testId,
|
|
116
115
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
117
116
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(_visuallyHidden.default, {
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
10
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
12
|
var _react = require("react");
|
|
@@ -16,7 +17,6 @@ var _appProvider = require("@atlaskit/app-provider");
|
|
|
16
17
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
17
18
|
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
18
19
|
var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
20
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
21
21
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
22
22
|
var _xcss = require("../xcss/xcss");
|
|
@@ -146,7 +146,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
146
146
|
"aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
|
|
147
147
|
"".concat(ariaLabel, " , ").concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL) : ariaLabel,
|
|
148
148
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
|
|
149
|
-
css: [baseStyles,
|
|
149
|
+
css: [baseStyles, positionStyles, focusRingStyles,
|
|
150
150
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
151
151
|
backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor],
|
|
152
152
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -162,7 +162,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
162
162
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
163
163
|
paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
164
164
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
165
|
-
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
|
|
165
|
+
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
166
166
|
"data-testid": testId,
|
|
167
167
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
168
168
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && (0, _react2.jsx)(_visuallyHidden.default, {
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _react2 = require("@emotion/react");
|
|
10
11
|
var _xcss = require("../xcss/xcss");
|
|
@@ -72,7 +73,7 @@ var Bleed = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
72
73
|
return (0, _react2.jsx)("div", {
|
|
73
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
74
75
|
className: resolvedStyles.static,
|
|
75
|
-
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
|
|
76
|
+
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
76
77
|
"data-testid": testId
|
|
77
78
|
}, children);
|
|
78
79
|
});
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
7
9
|
var _react = require("react");
|
|
8
10
|
var _react2 = require("@emotion/react");
|
|
9
11
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
@@ -125,7 +127,7 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
125
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
126
128
|
columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
|
|
127
129
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
128
|
-
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
|
|
130
|
+
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
129
131
|
"data-testid": testId,
|
|
130
132
|
ref: ref
|
|
131
133
|
}, children);
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
8
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
10
|
var _react = require("react");
|
|
10
11
|
var _react2 = require("@emotion/react");
|
|
@@ -188,7 +189,7 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
188
189
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
189
190
|
columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
|
|
190
191
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
191
|
-
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
|
|
192
|
+
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
192
193
|
"data-testid": testId,
|
|
193
194
|
ref: ref
|
|
194
195
|
}, children);
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
11
|
var _react = require("react");
|
|
11
12
|
var _react2 = require("@emotion/react");
|
|
@@ -133,7 +134,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
133
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
134
135
|
paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
135
136
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
136
|
-
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
|
|
137
|
+
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
137
138
|
"data-testid": testId
|
|
138
139
|
}), children);
|
|
139
140
|
});
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.Hide = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
7
9
|
var _react = require("@emotion/react");
|
|
8
10
|
var _xcss = require("../xcss/xcss");
|
|
9
11
|
var _buildMediaQueryCss = require("./build-media-query-css");
|
|
@@ -40,6 +42,6 @@ var Hide = exports.Hide = function Hide(_ref) {
|
|
|
40
42
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
41
43
|
, {
|
|
42
44
|
className: resolvedStyles.static,
|
|
43
|
-
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
|
|
45
|
+
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || []))
|
|
44
46
|
}, children);
|
|
45
47
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.Show = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
7
9
|
var _react = require("@emotion/react");
|
|
8
10
|
var _xcss = require("../xcss/xcss");
|
|
9
11
|
var _buildMediaQueryCss = require("./build-media-query-css");
|
|
@@ -43,6 +45,6 @@ var Show = exports.Show = function Show(_ref) {
|
|
|
43
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
44
46
|
, {
|
|
45
47
|
className: resolvedStyles.static,
|
|
46
|
-
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
|
|
48
|
+
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || []))
|
|
47
49
|
}, children);
|
|
48
50
|
};
|
|
@@ -11,7 +11,6 @@ import { useRouterLink } from '@atlaskit/app-provider';
|
|
|
11
11
|
import noop from '@atlaskit/ds-lib/noop';
|
|
12
12
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
13
13
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
16
15
|
import Focusable from './focusable';
|
|
17
16
|
const styles = {
|
|
@@ -99,7 +98,7 @@ const AnchorNoRef = ({
|
|
|
99
98
|
onClick: onClick,
|
|
100
99
|
"aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} , ${newWindowLabel}` : ariaLabel,
|
|
101
100
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy,
|
|
102
|
-
xcss: cx(styles.root,
|
|
101
|
+
xcss: cx(styles.root, styles.position, xcss),
|
|
103
102
|
testId: testId,
|
|
104
103
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
105
104
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
|
|
@@ -13,7 +13,6 @@ import { useRouterLink } from '@atlaskit/app-provider';
|
|
|
13
13
|
import noop from '@atlaskit/ds-lib/noop';
|
|
14
14
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
15
15
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
16
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
16
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
18
17
|
import { backgroundColorStylesMap, borderColorMap, borderWidthMap, paddingStylesMap, positiveSpaceMap } from '../xcss/style-maps.partial';
|
|
19
18
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -139,7 +138,7 @@ const AnchorNoRef = ({
|
|
|
139
138
|
//`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
|
|
140
139
|
`${ariaLabel} , ${newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL}` : ariaLabel,
|
|
141
140
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy,
|
|
142
|
-
css: [baseStyles,
|
|
141
|
+
css: [baseStyles, positionStyles, focusRingStyles,
|
|
143
142
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
144
143
|
backgroundColor && backgroundColorStylesMap[backgroundColor],
|
|
145
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -155,7 +154,7 @@ const AnchorNoRef = ({
|
|
|
155
154
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
156
155
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
157
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
158
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
|
|
157
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], ...(resolvedStyles.emotion || [])],
|
|
159
158
|
"data-testid": testId,
|
|
160
159
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
161
160
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {
|
|
@@ -65,7 +65,7 @@ const Bleed = /*#__PURE__*/React.memo(({
|
|
|
65
65
|
return jsx("div", {
|
|
66
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
67
67
|
className: resolvedStyles.static,
|
|
68
|
-
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
|
|
68
|
+
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], ...(resolvedStyles.emotion || [])],
|
|
69
69
|
"data-testid": testId
|
|
70
70
|
}, children);
|
|
71
71
|
});
|
|
@@ -118,7 +118,7 @@ const Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
118
118
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
119
119
|
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
120
120
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
121
|
-
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
|
|
121
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], ...(resolvedStyles.emotion || [])],
|
|
122
122
|
"data-testid": testId,
|
|
123
123
|
ref: ref
|
|
124
124
|
}, children);
|
|
@@ -180,7 +180,7 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
180
180
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
181
181
|
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
182
182
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
183
|
-
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
|
|
183
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], ...(resolvedStyles.emotion || [])],
|
|
184
184
|
"data-testid": testId,
|
|
185
185
|
ref: ref
|
|
186
186
|
}, children);
|
|
@@ -125,7 +125,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
125
125
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
126
126
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
127
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
128
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
|
|
128
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], ...(resolvedStyles.emotion || [])],
|
|
129
129
|
"data-testid": testId
|
|
130
130
|
}), children);
|
|
131
131
|
});
|
|
@@ -33,6 +33,6 @@ export const Hide = ({
|
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
34
34
|
, {
|
|
35
35
|
className: resolvedStyles.static,
|
|
36
|
-
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
|
|
36
|
+
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], ...(resolvedStyles.emotion || [])]
|
|
37
37
|
}, children);
|
|
38
38
|
};
|
|
@@ -36,6 +36,6 @@ export const Show = ({
|
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
37
|
, {
|
|
38
38
|
className: resolvedStyles.static,
|
|
39
|
-
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
|
|
39
|
+
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], ...(resolvedStyles.emotion || [])]
|
|
40
40
|
}, children);
|
|
41
41
|
};
|
|
@@ -15,7 +15,6 @@ import { useRouterLink } from '@atlaskit/app-provider';
|
|
|
15
15
|
import noop from '@atlaskit/ds-lib/noop';
|
|
16
16
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
17
17
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
18
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
18
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
20
19
|
import Focusable from './focusable';
|
|
21
20
|
var styles = {
|
|
@@ -102,7 +101,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
102
101
|
onClick: onClick,
|
|
103
102
|
"aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
|
|
104
103
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
|
|
105
|
-
xcss: cx(styles.root,
|
|
104
|
+
xcss: cx(styles.root, styles.position, xcss),
|
|
106
105
|
testId: testId,
|
|
107
106
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
108
107
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
3
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
5
|
var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
|
|
@@ -17,7 +18,6 @@ import { useRouterLink } from '@atlaskit/app-provider';
|
|
|
17
18
|
import noop from '@atlaskit/ds-lib/noop';
|
|
18
19
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
19
20
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
20
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
21
21
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
22
22
|
import { backgroundColorStylesMap, borderColorMap, borderWidthMap, paddingStylesMap, positiveSpaceMap } from '../xcss/style-maps.partial';
|
|
23
23
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -140,7 +140,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
140
140
|
"aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
|
|
141
141
|
"".concat(ariaLabel, " , ").concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL) : ariaLabel,
|
|
142
142
|
"aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
|
|
143
|
-
css: [baseStyles,
|
|
143
|
+
css: [baseStyles, positionStyles, focusRingStyles,
|
|
144
144
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
145
145
|
backgroundColor && backgroundColorStylesMap[backgroundColor],
|
|
146
146
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
@@ -156,7 +156,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
156
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
157
157
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
158
158
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
159
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]
|
|
159
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
160
160
|
"data-testid": testId,
|
|
161
161
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
162
162
|
}), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -64,7 +65,7 @@ var Bleed = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
64
65
|
return jsx("div", {
|
|
65
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
66
67
|
className: resolvedStyles.static,
|
|
67
|
-
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all]
|
|
68
|
+
css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
68
69
|
"data-testid": testId
|
|
69
70
|
}, children);
|
|
70
71
|
});
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -118,7 +119,7 @@ var Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
118
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
119
120
|
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
120
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
121
|
-
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap]
|
|
122
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
122
123
|
"data-testid": testId,
|
|
123
124
|
ref: ref
|
|
124
125
|
}, children);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
3
|
/**
|
|
3
4
|
* @jsxRuntime classic
|
|
@@ -180,7 +181,7 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
180
181
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
181
182
|
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
182
183
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
183
|
-
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow]
|
|
184
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
184
185
|
"data-testid": testId,
|
|
185
186
|
ref: ref
|
|
186
187
|
}, children);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
var _excluded = ["children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "isDisabled", "type", "onClick", "interactionName", "componentName", "analyticsContext", "style", "testId", "xcss"],
|
|
4
5
|
_excluded2 = ["className"];
|
|
@@ -127,7 +128,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
127
128
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
128
129
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
129
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
130
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]
|
|
131
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
131
132
|
"data-testid": testId
|
|
132
133
|
}), children);
|
|
133
134
|
});
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -33,6 +34,6 @@ export var Hide = function Hide(_ref) {
|
|
|
33
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
34
35
|
, {
|
|
35
36
|
className: resolvedStyles.static,
|
|
36
|
-
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]
|
|
37
|
+
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]].concat(_toConsumableArray(resolvedStyles.emotion || []))
|
|
37
38
|
}, children);
|
|
38
39
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
1
2
|
/**
|
|
2
3
|
* @jsxRuntime classic
|
|
3
4
|
* @jsx jsx
|
|
@@ -36,6 +37,6 @@ export var Show = function Show(_ref) {
|
|
|
36
37
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
38
|
, {
|
|
38
39
|
className: resolvedStyles.static,
|
|
39
|
-
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]
|
|
40
|
+
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]].concat(_toConsumableArray(resolvedStyles.emotion || []))
|
|
40
41
|
}, children);
|
|
41
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.14.1",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -134,11 +134,10 @@
|
|
|
134
134
|
"dependencies": {
|
|
135
135
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
136
136
|
"@atlaskit/app-provider": "^3.1.0",
|
|
137
|
-
"@atlaskit/css": "^0.
|
|
137
|
+
"@atlaskit/css": "^0.14.0",
|
|
138
138
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
139
139
|
"@atlaskit/interaction-context": "^3.0.0",
|
|
140
|
-
"@atlaskit/
|
|
141
|
-
"@atlaskit/tokens": "^6.2.0",
|
|
140
|
+
"@atlaskit/tokens": "^6.3.0",
|
|
142
141
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
143
142
|
"@babel/runtime": "^7.0.0",
|
|
144
143
|
"@compiled/react": "^0.18.3",
|
|
@@ -162,7 +161,7 @@
|
|
|
162
161
|
"@atlaskit/docs": "^11.0.0",
|
|
163
162
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
164
163
|
"@atlaskit/flag": "^17.4.0",
|
|
165
|
-
"@atlaskit/form": "^12.
|
|
164
|
+
"@atlaskit/form": "^12.5.0",
|
|
166
165
|
"@atlaskit/heading": "^5.2.0",
|
|
167
166
|
"@atlaskit/icon": "^28.1.0",
|
|
168
167
|
"@atlaskit/icon-object": "^7.2.0",
|
|
@@ -221,10 +220,5 @@
|
|
|
221
220
|
"dist/types-ts4.5/index.d.ts"
|
|
222
221
|
]
|
|
223
222
|
}
|
|
224
|
-
},
|
|
225
|
-
"platform-feature-flags": {
|
|
226
|
-
"platform_design-system-team_anchor-positioning": {
|
|
227
|
-
"type": "boolean"
|
|
228
|
-
}
|
|
229
223
|
}
|
|
230
224
|
}
|