@atlaskit/primitives 13.4.0 → 13.5.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 CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 13.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#112172](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112172)
8
+ [`54699aa47995b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/54699aa47995b) -
9
+ [ux] Removed feature flag `platform-primitives-nested-text-inherit-size` resulting in Text to
10
+ inherit size when nested in other Text component.
11
+
12
+ ## 13.4.1
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 13.4.0
4
19
 
5
20
  ### Minor Changes
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
70
70
  action: 'clicked',
71
71
  componentName: componentName || 'Anchor',
72
72
  packageName: "@atlaskit/primitives",
73
- packageVersion: "13.4.0",
73
+ packageVersion: "13.5.0",
74
74
  analyticsData: analyticsContext,
75
75
  actionSubject: 'link'
76
76
  });
@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
60
60
  action: 'clicked',
61
61
  componentName: componentName || 'Pressable',
62
62
  packageName: "@atlaskit/primitives",
63
- packageVersion: "13.4.0",
63
+ packageVersion: "13.5.0",
64
64
  analyticsData: analyticsContext,
65
65
  actionSubject: 'button'
66
66
  });
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _hasTextAncestorContext = require("../../utils/has-text-ancestor-context");
17
16
  var _surfaceProvider = require("../../utils/surface-provider");
18
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -153,7 +152,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
153
152
  (0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
154
153
  var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
155
154
  var color = useColor(colorProp, hasTextAncestor);
156
- if ((!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
155
+ if (!size && !hasTextAncestor) {
157
156
  size = 'medium';
158
157
  }
159
158
  var component = /*#__PURE__*/React.createElement(Component, {
@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
100
100
  action: 'clicked',
101
101
  componentName: componentName || 'Anchor',
102
102
  packageName: "@atlaskit/primitives",
103
- packageVersion: "13.4.0",
103
+ packageVersion: "13.5.0",
104
104
  analyticsData: analyticsContext,
105
105
  actionSubject: 'link'
106
106
  });
@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
95
95
  action: 'clicked',
96
96
  componentName: componentName || 'Pressable',
97
97
  packageName: "@atlaskit/primitives",
98
- packageVersion: "13.4.0",
98
+ packageVersion: "13.5.0",
99
99
  analyticsData: analyticsContext,
100
100
  actionSubject: 'button'
101
101
  });
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _react = require("react");
9
9
  var _react2 = require("@emotion/react");
10
10
  var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _hasTextAncestorContext = require("../utils/has-text-ancestor-context");
13
12
  var _surfaceProvider = require("../utils/surface-provider");
14
13
  var _styleMaps = require("../xcss/style-maps.partial");
@@ -100,14 +99,14 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
100
99
  (0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
101
100
  var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
102
101
  var color = useColor(colorProp, hasTextAncestor);
103
- if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
102
+ if (!size && !hasTextAncestor) {
104
103
  size = 'medium';
105
104
  }
106
105
  var component = (0, _react2.jsx)(Component, {
107
106
  ref: ref,
108
107
  css: [resetStyles,
109
108
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
110
- size ? _styleMaps.textSizeStylesMap[size] : !hasTextAncestor && _styleMaps.textSizeStylesMap.medium,
109
+ size && _styleMaps.textSizeStylesMap[size],
111
110
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
112
111
  color && _styleMaps.textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
113
112
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -114,14 +114,14 @@ var isSafeEnvToThrow = function isSafeEnvToThrow() {
114
114
  };
115
115
  var reNestedSelectors = /(\.|\s|&+|\*\>|#|\[.*\])/;
116
116
  var safeSelectors = /^@media .*$|^::?.*$|^@supports .*$/;
117
- var transformStyles = function transformStyles(styleObj) {
117
+ var _transformStyles = function transformStyles(styleObj) {
118
118
  if (!styleObj || (0, _typeof2.default)(styleObj) !== 'object') {
119
119
  return styleObj;
120
120
  }
121
121
 
122
122
  // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
123
123
  if (Array.isArray(styleObj)) {
124
- return styleObj.map(transformStyles);
124
+ return styleObj.map(_transformStyles);
125
125
  }
126
126
 
127
127
  // Modifies styleObj in place. Be careful.
@@ -132,7 +132,7 @@ var transformStyles = function transformStyles(styleObj) {
132
132
  // If key is a pseudo class or a pseudo element, then value should be an object.
133
133
  // So, call transformStyles on the value
134
134
  if ((0, _typeof2.default)(value) === 'object' && safeSelectors.test(key)) {
135
- styleObj[key] = transformStyles(value);
135
+ styleObj[key] = _transformStyles(value);
136
136
  return;
137
137
  }
138
138
  if (isSafeEnvToThrow()) {
@@ -154,7 +154,7 @@ var transformStyles = function transformStyles(styleObj) {
154
154
  return styleObj;
155
155
  };
156
156
  var baseXcss = function baseXcss(style) {
157
- var transformedStyles = transformStyles(style);
157
+ var transformedStyles = _transformStyles(style);
158
158
  return (0, _defineProperty2.default)({}, uniqueSymbol, (0, _react.css)(transformedStyles));
159
159
  };
160
160
 
@@ -166,7 +166,7 @@ var baseXcss = function baseXcss(style) {
166
166
  * @private
167
167
  * @deprecated
168
168
  */
169
- var parseXcss = exports.parseXcss = function parseXcss(args) {
169
+ var _parseXcss = exports.parseXcss = function parseXcss(args) {
170
170
  if (Array.isArray(args)) {
171
171
  var emotion = [];
172
172
  var staticArr = [];
@@ -175,7 +175,7 @@ var parseXcss = exports.parseXcss = function parseXcss(args) {
175
175
  try {
176
176
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
177
177
  var arg = _step.value;
178
- var result = parseXcss(arg);
178
+ var result = _parseXcss(arg);
179
179
  if (result.emotion) {
180
180
  emotion.push.apply(emotion, (0, _toConsumableArray2.default)(result.emotion));
181
181
  }
@@ -213,7 +213,6 @@ var parseXcss = exports.parseXcss = function parseXcss(args) {
213
213
  }
214
214
  return {};
215
215
  };
216
-
217
216
  // Media queries should not contain nested media queries
218
217
 
219
218
  // Allow only a specific subset of chained selectors to maintain workable TypeScript performance
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
55
55
  action: 'clicked',
56
56
  componentName: componentName || 'Anchor',
57
57
  packageName: "@atlaskit/primitives",
58
- packageVersion: "13.4.0",
58
+ packageVersion: "13.5.0",
59
59
  analyticsData: analyticsContext,
60
60
  actionSubject: 'link'
61
61
  });
@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
46
46
  action: 'clicked',
47
47
  componentName: componentName || 'Pressable',
48
48
  packageName: "@atlaskit/primitives",
49
- packageVersion: "13.4.0",
49
+ packageVersion: "13.5.0",
50
50
  analyticsData: analyticsContext,
51
51
  actionSubject: 'button'
52
52
  });
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef } from 'react';
6
6
  import invariant from 'tiny-invariant';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
9
8
  import { useSurface } from '../../utils/surface-provider';
10
9
  const asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -143,7 +142,7 @@ const Text = /*#__PURE__*/forwardRef(({
143
142
  invariant(asAllowlist.includes(Component), `@atlaskit/primitives: Text received an invalid "as" value of "${Component}"`);
144
143
  const hasTextAncestor = useHasTextAncestor();
145
144
  const color = useColor(colorProp, hasTextAncestor);
146
- if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
145
+ if (!size && !hasTextAncestor) {
147
146
  size = 'medium';
148
147
  }
149
148
  const component = /*#__PURE__*/React.createElement(Component, {
@@ -90,7 +90,7 @@ const AnchorNoRef = ({
90
90
  action: 'clicked',
91
91
  componentName: componentName || 'Anchor',
92
92
  packageName: "@atlaskit/primitives",
93
- packageVersion: "13.4.0",
93
+ packageVersion: "13.5.0",
94
94
  analyticsData: analyticsContext,
95
95
  actionSubject: 'link'
96
96
  });
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
85
85
  action: 'clicked',
86
86
  componentName: componentName || 'Pressable',
87
87
  packageName: "@atlaskit/primitives",
88
- packageVersion: "13.4.0",
88
+ packageVersion: "13.5.0",
89
89
  analyticsData: analyticsContext,
90
90
  actionSubject: 'button'
91
91
  });
@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import invariant from 'tiny-invariant';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
12
11
  import { useSurface } from '../utils/surface-provider';
13
12
  import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
@@ -92,14 +91,14 @@ const Text = /*#__PURE__*/forwardRef(({
92
91
  invariant(asAllowlist.includes(Component), `@atlaskit/primitives: Text received an invalid "as" value of "${Component}"`);
93
92
  const hasTextAncestor = useHasTextAncestor();
94
93
  const color = useColor(colorProp, hasTextAncestor);
95
- if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
94
+ if (!size && !hasTextAncestor) {
96
95
  size = 'medium';
97
96
  }
98
97
  const component = jsx(Component, {
99
98
  ref: ref,
100
99
  css: [resetStyles,
101
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
102
- size ? textSizeStylesMap[size] : !hasTextAncestor && textSizeStylesMap.medium,
101
+ size && textSizeStylesMap[size],
103
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
104
103
  color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
105
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
60
60
  action: 'clicked',
61
61
  componentName: componentName || 'Anchor',
62
62
  packageName: "@atlaskit/primitives",
63
- packageVersion: "13.4.0",
63
+ packageVersion: "13.5.0",
64
64
  analyticsData: analyticsContext,
65
65
  actionSubject: 'link'
66
66
  });
@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
50
50
  action: 'clicked',
51
51
  componentName: componentName || 'Pressable',
52
52
  packageName: "@atlaskit/primitives",
53
- packageVersion: "13.4.0",
53
+ packageVersion: "13.5.0",
54
54
  analyticsData: analyticsContext,
55
55
  actionSubject: 'button'
56
56
  });
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef } from 'react';
6
6
  import invariant from 'tiny-invariant';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
9
8
  import { useSurface } from '../../utils/surface-provider';
10
9
  var asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -143,7 +142,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
143
142
  invariant(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
144
143
  var hasTextAncestor = useHasTextAncestor();
145
144
  var color = useColor(colorProp, hasTextAncestor);
146
- if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
145
+ if (!size && !hasTextAncestor) {
147
146
  size = 'medium';
148
147
  }
149
148
  var component = /*#__PURE__*/React.createElement(Component, {
@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
94
94
  action: 'clicked',
95
95
  componentName: componentName || 'Anchor',
96
96
  packageName: "@atlaskit/primitives",
97
- packageVersion: "13.4.0",
97
+ packageVersion: "13.5.0",
98
98
  analyticsData: analyticsContext,
99
99
  actionSubject: 'link'
100
100
  });
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
89
89
  action: 'clicked',
90
90
  componentName: componentName || 'Pressable',
91
91
  packageName: "@atlaskit/primitives",
92
- packageVersion: "13.4.0",
92
+ packageVersion: "13.5.0",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import invariant from 'tiny-invariant';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
12
11
  import { useSurface } from '../utils/surface-provider';
13
12
  import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
@@ -92,14 +91,14 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
92
91
  invariant(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
93
92
  var hasTextAncestor = useHasTextAncestor();
94
93
  var color = useColor(colorProp, hasTextAncestor);
95
- if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
94
+ if (!size && !hasTextAncestor) {
96
95
  size = 'medium';
97
96
  }
98
97
  var component = jsx(Component, {
99
98
  ref: ref,
100
99
  css: [resetStyles,
101
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
102
- size ? textSizeStylesMap[size] : !hasTextAncestor && textSizeStylesMap.medium,
101
+ size && textSizeStylesMap[size],
103
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
104
103
  color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
105
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -110,14 +110,14 @@ var isSafeEnvToThrow = function isSafeEnvToThrow() {
110
110
  };
111
111
  var reNestedSelectors = /(\.|\s|&+|\*\>|#|\[.*\])/;
112
112
  var safeSelectors = /^@media .*$|^::?.*$|^@supports .*$/;
113
- var transformStyles = function transformStyles(styleObj) {
113
+ var _transformStyles = function transformStyles(styleObj) {
114
114
  if (!styleObj || _typeof(styleObj) !== 'object') {
115
115
  return styleObj;
116
116
  }
117
117
 
118
118
  // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
119
119
  if (Array.isArray(styleObj)) {
120
- return styleObj.map(transformStyles);
120
+ return styleObj.map(_transformStyles);
121
121
  }
122
122
 
123
123
  // Modifies styleObj in place. Be careful.
@@ -128,7 +128,7 @@ var transformStyles = function transformStyles(styleObj) {
128
128
  // If key is a pseudo class or a pseudo element, then value should be an object.
129
129
  // So, call transformStyles on the value
130
130
  if (_typeof(value) === 'object' && safeSelectors.test(key)) {
131
- styleObj[key] = transformStyles(value);
131
+ styleObj[key] = _transformStyles(value);
132
132
  return;
133
133
  }
134
134
  if (isSafeEnvToThrow()) {
@@ -150,7 +150,7 @@ var transformStyles = function transformStyles(styleObj) {
150
150
  return styleObj;
151
151
  };
152
152
  var baseXcss = function baseXcss(style) {
153
- var transformedStyles = transformStyles(style);
153
+ var transformedStyles = _transformStyles(style);
154
154
  return _defineProperty({}, uniqueSymbol, cssEmotion(transformedStyles));
155
155
  };
156
156
 
@@ -162,7 +162,7 @@ var baseXcss = function baseXcss(style) {
162
162
  * @private
163
163
  * @deprecated
164
164
  */
165
- export var parseXcss = function parseXcss(args) {
165
+ var _parseXcss = function parseXcss(args) {
166
166
  if (Array.isArray(args)) {
167
167
  var emotion = [];
168
168
  var staticArr = [];
@@ -171,7 +171,7 @@ export var parseXcss = function parseXcss(args) {
171
171
  try {
172
172
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
173
173
  var arg = _step.value;
174
- var result = parseXcss(arg);
174
+ var result = _parseXcss(arg);
175
175
  if (result.emotion) {
176
176
  emotion.push.apply(emotion, _toConsumableArray(result.emotion));
177
177
  }
@@ -209,13 +209,9 @@ export var parseXcss = function parseXcss(args) {
209
209
  }
210
210
  return {};
211
211
  };
212
-
213
- // Media queries should not contain nested media queries
214
-
212
+ export { _parseXcss as parseXcss }; // Media queries should not contain nested media queries
215
213
  // Allow only a specific subset of chained selectors to maintain workable TypeScript performance
216
-
217
214
  // Pseudos should not contain nested pseudos, or media queries
218
-
219
215
  /**
220
216
  * ### xcss
221
217
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "13.4.0",
3
+ "version": "13.5.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -129,7 +129,6 @@
129
129
  "@atlaskit/css": "^0.8.0",
130
130
  "@atlaskit/ds-lib": "^3.5.0",
131
131
  "@atlaskit/interaction-context": "^2.6.0",
132
- "@atlaskit/platform-feature-flags": "^0.3.0",
133
132
  "@atlaskit/tokens": "^3.3.0",
134
133
  "@atlaskit/visually-hidden": "^1.6.0",
135
134
  "@babel/runtime": "^7.0.0",
@@ -185,11 +184,6 @@
185
184
  }
186
185
  },
187
186
  "homepage": "https://atlassian.design/components/primitives/overview/",
188
- "platform-feature-flags": {
189
- "platform-primitives-nested-text-inherit-size": {
190
- "type": "boolean"
191
- }
192
- },
193
187
  "typesVersions": {
194
188
  ">=4.5 <4.9": {
195
189
  "*": [