@atlaskit/primitives 14.13.0 → 14.14.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.
- package/CHANGELOG.md +11 -0
- package/dist/cjs/components/anchor.js +2 -1
- 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/components/anchor.js +1 -1
- 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/components/anchor.js +2 -1
- 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 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.14.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d4a45d8562c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4a45d8562c6d) -
|
|
8
|
+
Added `radius.tile` token to be used exclusively for creating tiles.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
3
14
|
## 14.13.0
|
|
4
15
|
|
|
5
16
|
### Minor Changes
|
|
@@ -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");
|
|
@@ -162,7 +163,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
162
163
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
163
164
|
paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
164
165
|
// 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],
|
|
166
|
+
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat((0, _toConsumableArray2.default)(resolvedStyles.emotion || [])),
|
|
166
167
|
"data-testid": testId,
|
|
167
168
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
168
169
|
}), 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
|
};
|
|
@@ -155,7 +155,7 @@ const AnchorNoRef = ({
|
|
|
155
155
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
156
156
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
157
157
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
158
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
|
|
158
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], ...(resolvedStyles.emotion || [])],
|
|
159
159
|
"data-testid": testId,
|
|
160
160
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
161
161
|
}), 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
|
};
|
|
@@ -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"],
|
|
@@ -156,7 +157,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
156
157
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
157
158
|
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
158
159
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
159
|
-
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]
|
|
160
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]].concat(_toConsumableArray(resolvedStyles.emotion || [])),
|
|
160
161
|
"data-testid": testId,
|
|
161
162
|
"data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
|
|
162
163
|
}), 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.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.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
140
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
141
|
-
"@atlaskit/tokens": "^6.
|
|
141
|
+
"@atlaskit/tokens": "^6.3.0",
|
|
142
142
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
143
143
|
"@babel/runtime": "^7.0.0",
|
|
144
144
|
"@compiled/react": "^0.18.3",
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
"@atlaskit/docs": "^11.0.0",
|
|
163
163
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
164
164
|
"@atlaskit/flag": "^17.4.0",
|
|
165
|
-
"@atlaskit/form": "^12.
|
|
165
|
+
"@atlaskit/form": "^12.5.0",
|
|
166
166
|
"@atlaskit/heading": "^5.2.0",
|
|
167
167
|
"@atlaskit/icon": "^28.1.0",
|
|
168
168
|
"@atlaskit/icon-object": "^7.2.0",
|