@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 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, (0, _platformFeatureFlags.fg)('platform_design-system-team_anchor-positioning') ? styles.position : undefined, xcss),
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, (0, _platformFeatureFlags.fg)('platform_design-system-team_anchor-positioning') ? positionStyles : undefined, focusRingStyles,
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, fg('platform_design-system-team_anchor-positioning') ? styles.position : undefined, xcss),
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, fg('platform_design-system-team_anchor-positioning') ? positionStyles : undefined, focusRingStyles,
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, fg('platform_design-system-team_anchor-positioning') ? styles.position : undefined, xcss),
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, fg('platform_design-system-team_anchor-positioning') ? positionStyles : undefined, focusRingStyles,
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], resolvedStyles.emotion],
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], resolvedStyles.emotion],
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], resolvedStyles.emotion],
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], resolvedStyles.emotion],
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], resolvedStyles.emotion],
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], resolvedStyles.emotion]
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], resolvedStyles.emotion]
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.13.0",
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.13.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/platform-feature-flags": "^1.1.0",
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.4.0",
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
  }