@atlaskit/primitives 13.3.0 → 13.3.2
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 +14 -0
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/box.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +1 -1
- package/dist/cjs/compiled/components/text.compiled.css +4 -0
- package/dist/cjs/compiled/components/text.js +6 -10
- package/dist/cjs/compiled/index.js +1 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/box.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/components/text.js +4 -7
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/utils/has-text-ancestor-context.js +18 -0
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/box.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/text.compiled.css +4 -0
- package/dist/es2019/compiled/components/text.js +6 -8
- package/dist/es2019/compiled/index.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/box.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/components/text.js +4 -5
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/utils/has-text-ancestor-context.js +10 -0
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/box.js +1 -1
- package/dist/esm/compiled/components/pressable.js +1 -1
- package/dist/esm/compiled/components/text.compiled.css +4 -0
- package/dist/esm/compiled/components/text.js +6 -10
- package/dist/esm/compiled/index.js +1 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/box.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/components/text.js +4 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/utils/has-text-ancestor-context.js +12 -0
- package/dist/types/compiled/components/box.d.ts +2 -2
- package/dist/types/compiled/components/flex.d.ts +1 -1
- package/dist/types/compiled/components/inline.d.ts +1 -1
- package/dist/types/compiled/components/pressable.d.ts +1 -1
- package/dist/types/compiled/components/stack.d.ts +1 -1
- package/dist/types/compiled/components/text.d.ts +1 -1
- package/dist/types/compiled/components/types.d.ts +0 -1
- package/dist/types/compiled/index.d.ts +3 -2
- package/dist/types/components/box.d.ts +1 -1
- package/dist/types/components/flex.d.ts +1 -1
- package/dist/types/components/inline.d.ts +1 -1
- package/dist/types/components/pressable.d.ts +1 -1
- package/dist/types/components/stack.d.ts +1 -1
- package/dist/types/components/text.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/has-text-ancestor-context.d.ts +9 -0
- package/dist/types/{compiled/components/internal → utils}/surface-provider.d.ts +1 -1
- package/dist/types/utils/types.d.ts +6 -0
- package/dist/types/xcss/style-maps.partial.d.ts +1 -0
- package/dist/types-ts4.5/compiled/components/box.d.ts +2 -2
- package/dist/types-ts4.5/compiled/components/flex.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/inline.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/pressable.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/stack.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/text.d.ts +1 -1
- package/dist/types-ts4.5/compiled/components/types.d.ts +0 -1
- package/dist/types-ts4.5/compiled/index.d.ts +3 -2
- package/dist/types-ts4.5/components/box.d.ts +1 -1
- package/dist/types-ts4.5/components/flex.d.ts +1 -1
- package/dist/types-ts4.5/components/inline.d.ts +1 -1
- package/dist/types-ts4.5/components/pressable.d.ts +1 -1
- package/dist/types-ts4.5/components/stack.d.ts +1 -1
- package/dist/types-ts4.5/components/text.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts +9 -0
- package/dist/types-ts4.5/{compiled/components/internal → utils}/surface-provider.d.ts +1 -1
- package/dist/types-ts4.5/utils/types.d.ts +6 -0
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +1 -0
- package/package.json +5 -4
- package/dist/cjs/components/internal/surface-provider.js +0 -25
- package/dist/cjs/components/internal/types.js +0 -1
- package/dist/es2019/components/internal/surface-provider.js +0 -19
- package/dist/esm/compiled/components/internal/types.js +0 -0
- package/dist/esm/components/internal/surface-provider.js +0 -19
- package/dist/esm/components/internal/types.js +0 -0
- package/dist/types/compiled/components/internal/types.d.ts +0 -5
- package/dist/types/components/internal/surface-provider.d.ts +0 -15
- package/dist/types/components/internal/types.d.ts +0 -1
- package/dist/types-ts4.5/compiled/components/internal/types.d.ts +0 -5
- package/dist/types-ts4.5/components/internal/surface-provider.d.ts +0 -15
- package/dist/types-ts4.5/components/internal/types.d.ts +0 -1
- /package/dist/cjs/{compiled/components/internal → utils}/surface-provider.js +0 -0
- /package/dist/cjs/{compiled/components/internal → utils}/types.js +0 -0
- /package/dist/es2019/{compiled/components/internal → utils}/surface-provider.js +0 -0
- /package/dist/es2019/{compiled/components/internal → utils}/types.js +0 -0
- /package/dist/esm/{compiled/components/internal → utils}/surface-provider.js +0 -0
- /package/dist/{es2019/components/internal → esm/utils}/types.js +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 13.3.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#175552](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/175552)
|
|
8
|
+
[`0384c8ac8996a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0384c8ac8996a) -
|
|
9
|
+
Narrow down fontStyle type definition to only allow `normal` and `italic`.
|
|
10
|
+
|
|
11
|
+
## 13.3.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 13.3.0
|
|
4
18
|
|
|
5
19
|
### 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.3.
|
|
73
|
+
packageVersion: "13.3.2",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -13,7 +13,7 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
|
-
var _surfaceProvider = require("
|
|
16
|
+
var _surfaceProvider = require("../../utils/surface-provider");
|
|
17
17
|
var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
|
|
18
18
|
_excluded2 = ["className"];
|
|
19
19
|
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); }
|
|
@@ -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.3.
|
|
63
|
+
packageVersion: "13.3.2",
|
|
64
64
|
analyticsData: analyticsContext,
|
|
65
65
|
actionSubject: 'button'
|
|
66
66
|
});
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
4
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
5
|
._18m915vq{overflow-y:hidden}
|
|
2
6
|
._18u0idpf{margin-left:0}
|
|
3
7
|
._19pkidpf{margin-top:0}
|
|
@@ -13,15 +13,11 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
|
|
15
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
|
-
var
|
|
16
|
+
var _hasTextAncestorContext = require("../../utils/has-text-ancestor-context");
|
|
17
|
+
var _surfaceProvider = require("../../utils/surface-provider");
|
|
17
18
|
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); }
|
|
18
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
20
|
var asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
20
|
-
var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
|
|
21
|
-
var useHasTextAncestor = function useHasTextAncestor() {
|
|
22
|
-
return (0, _react.useContext)(HasTextAncestorContext);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
21
|
/**
|
|
26
22
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
27
23
|
*/
|
|
@@ -155,9 +151,9 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
155
151
|
maxLines = _ref.maxLines,
|
|
156
152
|
children = _ref.children;
|
|
157
153
|
(0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
|
|
158
|
-
var hasTextAncestor = useHasTextAncestor();
|
|
154
|
+
var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
|
|
159
155
|
var color = useColor(colorProp, hasTextAncestor);
|
|
160
|
-
if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
|
|
156
|
+
if ((!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
|
|
161
157
|
size = 'medium';
|
|
162
158
|
}
|
|
163
159
|
var component = /*#__PURE__*/React.createElement(Component, {
|
|
@@ -167,13 +163,13 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
167
163
|
},
|
|
168
164
|
"data-testid": testId,
|
|
169
165
|
ref: ref,
|
|
170
|
-
className: (0, _runtime.ax)([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
166
|
+
className: (0, _runtime.ax)([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
171
167
|
}, children);
|
|
172
168
|
if (hasTextAncestor) {
|
|
173
169
|
// no need to re-apply context if the text is already wrapped
|
|
174
170
|
return component;
|
|
175
171
|
}
|
|
176
|
-
return /*#__PURE__*/React.createElement(
|
|
172
|
+
return /*#__PURE__*/React.createElement(_hasTextAncestorContext.HasTextAncestorProvider, {
|
|
177
173
|
value: true
|
|
178
174
|
}, component);
|
|
179
175
|
});
|
|
@@ -93,4 +93,4 @@ var _pressable = _interopRequireDefault(require("./components/pressable"));
|
|
|
93
93
|
var _anchor = _interopRequireDefault(require("./components/anchor"));
|
|
94
94
|
var _responsive = require("./responsive");
|
|
95
95
|
var _focusable = _interopRequireDefault(require("./components/focusable"));
|
|
96
|
-
var _surfaceProvider = require("
|
|
96
|
+
var _surfaceProvider = require("../utils/surface-provider");
|
|
@@ -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.3.
|
|
103
|
+
packageVersion: "13.3.2",
|
|
104
104
|
analyticsData: analyticsContext,
|
|
105
105
|
actionSubject: 'link'
|
|
106
106
|
});
|
|
@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
|
+
var _surfaceProvider = require("../utils/surface-provider");
|
|
12
13
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
13
14
|
var _xcss = require("../xcss/xcss");
|
|
14
|
-
var _surfaceProvider = require("./internal/surface-provider");
|
|
15
15
|
var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
|
|
16
16
|
_excluded2 = ["className"];
|
|
17
17
|
/**
|
|
@@ -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.3.
|
|
98
|
+
packageVersion: "13.3.2",
|
|
99
99
|
analyticsData: analyticsContext,
|
|
100
100
|
actionSubject: 'button'
|
|
101
101
|
});
|
|
@@ -9,8 +9,9 @@ var _react = require("react");
|
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
|
|
11
11
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
|
+
var _hasTextAncestorContext = require("../utils/has-text-ancestor-context");
|
|
13
|
+
var _surfaceProvider = require("../utils/surface-provider");
|
|
12
14
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
13
|
-
var _surfaceProvider = require("./internal/surface-provider");
|
|
14
15
|
/**
|
|
15
16
|
* @jsxRuntime classic
|
|
16
17
|
* @jsx jsx
|
|
@@ -53,10 +54,6 @@ var wordBreakMap = {
|
|
|
53
54
|
wordBreak: 'break-all'
|
|
54
55
|
})
|
|
55
56
|
};
|
|
56
|
-
var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
|
|
57
|
-
var useHasTextAncestor = function useHasTextAncestor() {
|
|
58
|
-
return (0, _react.useContext)(HasTextAncestorContext);
|
|
59
|
-
};
|
|
60
57
|
|
|
61
58
|
/**
|
|
62
59
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
@@ -101,7 +98,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
101
98
|
maxLines = _ref.maxLines,
|
|
102
99
|
children = _ref.children;
|
|
103
100
|
(0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
|
|
104
|
-
var hasTextAncestor = useHasTextAncestor();
|
|
101
|
+
var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
|
|
105
102
|
var color = useColor(colorProp, hasTextAncestor);
|
|
106
103
|
if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
|
|
107
104
|
size = 'medium';
|
|
@@ -123,7 +120,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
123
120
|
}, children);
|
|
124
121
|
return hasTextAncestor ?
|
|
125
122
|
// no need to re-apply context if the text is already wrapped
|
|
126
|
-
component : (0, _react2.jsx)(
|
|
123
|
+
component : (0, _react2.jsx)(_hasTextAncestorContext.HasTextAncestorProvider, {
|
|
127
124
|
value: true
|
|
128
125
|
}, component);
|
|
129
126
|
});
|
package/dist/cjs/index.js
CHANGED
|
@@ -117,5 +117,5 @@ var _text = _interopRequireDefault(require("./components/text"));
|
|
|
117
117
|
var _pressable = _interopRequireDefault(require("./components/pressable"));
|
|
118
118
|
var _anchor = _interopRequireDefault(require("./components/anchor"));
|
|
119
119
|
var _responsive = require("./responsive");
|
|
120
|
-
var _surfaceProvider = require("./
|
|
120
|
+
var _surfaceProvider = require("./utils/surface-provider");
|
|
121
121
|
var _styleMaps = require("./xcss/style-maps.partial");
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useHasTextAncestor = exports.HasTextAncestorProvider = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
var useHasTextAncestor = exports.useHasTextAncestor = function useHasTextAncestor() {
|
|
13
|
+
return (0, _react.useContext)(HasTextAncestorContext);
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
var HasTextAncestorProvider = exports.HasTextAncestorProvider = HasTextAncestorContext.Provider;
|
|
@@ -4,7 +4,7 @@ import "./box.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef } from 'react';
|
|
7
|
-
import { SurfaceContext } from '
|
|
7
|
+
import { SurfaceContext } from '../../utils/surface-provider';
|
|
8
8
|
|
|
9
9
|
// Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
|
|
10
10
|
|
|
@@ -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.3.
|
|
49
|
+
packageVersion: "13.3.2",
|
|
50
50
|
analyticsData: analyticsContext,
|
|
51
51
|
actionSubject: 'button'
|
|
52
52
|
});
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
4
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
5
|
._18m915vq{overflow-y:hidden}
|
|
2
6
|
._18u0idpf{margin-left:0}
|
|
3
7
|
._19pkidpf{margin-top:0}
|
|
@@ -2,14 +2,12 @@
|
|
|
2
2
|
import "./text.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import {
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
6
|
import invariant from 'tiny-invariant';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import {
|
|
8
|
+
import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
|
|
9
|
+
import { useSurface } from '../../utils/surface-provider';
|
|
9
10
|
const asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
10
|
-
const HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
11
|
-
const useHasTextAncestor = () => useContext(HasTextAncestorContext);
|
|
12
|
-
|
|
13
11
|
/**
|
|
14
12
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
15
13
|
*/
|
|
@@ -145,7 +143,7 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
145
143
|
invariant(asAllowlist.includes(Component), `@atlaskit/primitives: Text received an invalid "as" value of "${Component}"`);
|
|
146
144
|
const hasTextAncestor = useHasTextAncestor();
|
|
147
145
|
const color = useColor(colorProp, hasTextAncestor);
|
|
148
|
-
if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
|
|
146
|
+
if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
|
|
149
147
|
size = 'medium';
|
|
150
148
|
}
|
|
151
149
|
const component = /*#__PURE__*/React.createElement(Component, {
|
|
@@ -155,13 +153,13 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
155
153
|
},
|
|
156
154
|
"data-testid": testId,
|
|
157
155
|
ref: ref,
|
|
158
|
-
className: ax([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles[`textAlign.${align}`], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
156
|
+
className: ax([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles[`textAlign.${align}`], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
159
157
|
}, children);
|
|
160
158
|
if (hasTextAncestor) {
|
|
161
159
|
// no need to re-apply context if the text is already wrapped
|
|
162
160
|
return component;
|
|
163
161
|
}
|
|
164
|
-
return /*#__PURE__*/React.createElement(
|
|
162
|
+
return /*#__PURE__*/React.createElement(HasTextAncestorProvider, {
|
|
165
163
|
value: true
|
|
166
164
|
}, component);
|
|
167
165
|
});
|
|
@@ -10,4 +10,4 @@ export { default as Anchor } from './components/anchor';
|
|
|
10
10
|
export { media, UNSAFE_useMediaQuery } from './responsive';
|
|
11
11
|
export { default as Focusable } from './components/focusable';
|
|
12
12
|
// TODO: This is still not figured out from before…
|
|
13
|
-
export { useSurface as UNSAFE_useSurface } from '
|
|
13
|
+
export { useSurface as UNSAFE_useSurface } from '../utils/surface-provider';
|
|
@@ -7,9 +7,9 @@ import { forwardRef } from 'react';
|
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
|
+
import { SurfaceContext } from '../utils/surface-provider';
|
|
10
11
|
import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
|
|
11
12
|
import { parseXcss } from '../xcss/xcss';
|
|
12
|
-
import { SurfaceContext } from './internal/surface-provider';
|
|
13
13
|
|
|
14
14
|
// Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
|
|
15
15
|
|
|
@@ -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.3.
|
|
88
|
+
packageVersion: "13.3.2",
|
|
89
89
|
analyticsData: analyticsContext,
|
|
90
90
|
actionSubject: 'button'
|
|
91
91
|
});
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
6
|
|
|
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
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
+
import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
|
|
12
|
+
import { useSurface } from '../utils/surface-provider';
|
|
11
13
|
import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
|
|
12
|
-
import { useSurface } from './internal/surface-provider';
|
|
13
14
|
const asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
14
15
|
// We're doing this because our CSS reset can add top margins to elements such as `p` which is totally insane.
|
|
15
16
|
// Long term we should remove those instances from the reset - it should be a reset to 0.
|
|
@@ -45,8 +46,6 @@ const wordBreakMap = {
|
|
|
45
46
|
wordBreak: 'break-all'
|
|
46
47
|
})
|
|
47
48
|
};
|
|
48
|
-
const HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
49
|
-
const useHasTextAncestor = () => useContext(HasTextAncestorContext);
|
|
50
49
|
|
|
51
50
|
/**
|
|
52
51
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
@@ -113,7 +112,7 @@ const Text = /*#__PURE__*/forwardRef(({
|
|
|
113
112
|
}, children);
|
|
114
113
|
return hasTextAncestor ?
|
|
115
114
|
// no need to re-apply context if the text is already wrapped
|
|
116
|
-
component : jsx(
|
|
115
|
+
component : jsx(HasTextAncestorProvider, {
|
|
117
116
|
value: true
|
|
118
117
|
}, component);
|
|
119
118
|
});
|
package/dist/es2019/index.js
CHANGED
|
@@ -13,5 +13,5 @@ export {
|
|
|
13
13
|
*/
|
|
14
14
|
default as UNSAFE_ANCHOR, default as Anchor } from './components/anchor';
|
|
15
15
|
export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
|
|
16
|
-
export { useSurface as UNSAFE_useSurface } from './
|
|
16
|
+
export { useSurface as UNSAFE_useSurface } from './utils/surface-provider';
|
|
17
17
|
export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
|
+
const HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export const useHasTextAncestor = () => useContext(HasTextAncestorContext);
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export const HasTextAncestorProvider = HasTextAncestorContext.Provider;
|
|
@@ -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.3.
|
|
63
|
+
packageVersion: "13.3.2",
|
|
64
64
|
analyticsData: analyticsContext,
|
|
65
65
|
actionSubject: 'link'
|
|
66
66
|
});
|
|
@@ -7,7 +7,7 @@ import "./box.compiled.css";
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
import { ax, ix } from "@compiled/react/runtime";
|
|
9
9
|
import { forwardRef } from 'react';
|
|
10
|
-
import { SurfaceContext } from '
|
|
10
|
+
import { SurfaceContext } from '../../utils/surface-provider';
|
|
11
11
|
|
|
12
12
|
// Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
|
|
13
13
|
|
|
@@ -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.3.
|
|
53
|
+
packageVersion: "13.3.2",
|
|
54
54
|
analyticsData: analyticsContext,
|
|
55
55
|
actionSubject: 'button'
|
|
56
56
|
});
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
4
|
+
._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
|
|
1
5
|
._18m915vq{overflow-y:hidden}
|
|
2
6
|
._18u0idpf{margin-left:0}
|
|
3
7
|
._19pkidpf{margin-top:0}
|
|
@@ -2,16 +2,12 @@
|
|
|
2
2
|
import "./text.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import {
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
6
|
import invariant from 'tiny-invariant';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
-
import {
|
|
8
|
+
import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
|
|
9
|
+
import { useSurface } from '../../utils/surface-provider';
|
|
9
10
|
var asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
10
|
-
var HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
11
|
-
var useHasTextAncestor = function useHasTextAncestor() {
|
|
12
|
-
return useContext(HasTextAncestorContext);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
11
|
/**
|
|
16
12
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
17
13
|
*/
|
|
@@ -147,7 +143,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
147
143
|
invariant(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
|
|
148
144
|
var hasTextAncestor = useHasTextAncestor();
|
|
149
145
|
var color = useColor(colorProp, hasTextAncestor);
|
|
150
|
-
if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
|
|
146
|
+
if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
|
|
151
147
|
size = 'medium';
|
|
152
148
|
}
|
|
153
149
|
var component = /*#__PURE__*/React.createElement(Component, {
|
|
@@ -157,13 +153,13 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
157
153
|
},
|
|
158
154
|
"data-testid": testId,
|
|
159
155
|
ref: ref,
|
|
160
|
-
className: ax([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
156
|
+
className: ax([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
|
|
161
157
|
}, children);
|
|
162
158
|
if (hasTextAncestor) {
|
|
163
159
|
// no need to re-apply context if the text is already wrapped
|
|
164
160
|
return component;
|
|
165
161
|
}
|
|
166
|
-
return /*#__PURE__*/React.createElement(
|
|
162
|
+
return /*#__PURE__*/React.createElement(HasTextAncestorProvider, {
|
|
167
163
|
value: true
|
|
168
164
|
}, component);
|
|
169
165
|
});
|
|
@@ -10,4 +10,4 @@ export { default as Anchor } from './components/anchor';
|
|
|
10
10
|
export { media, UNSAFE_useMediaQuery } from './responsive';
|
|
11
11
|
export { default as Focusable } from './components/focusable';
|
|
12
12
|
// TODO: This is still not figured out from before…
|
|
13
|
-
export { useSurface as UNSAFE_useSurface } from '
|
|
13
|
+
export { useSurface as UNSAFE_useSurface } from '../utils/surface-provider';
|
|
@@ -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.3.
|
|
97
|
+
packageVersion: "13.3.2",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -10,9 +10,9 @@ import { forwardRef } from 'react';
|
|
|
10
10
|
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
12
12
|
import { css, jsx } from '@emotion/react';
|
|
13
|
+
import { SurfaceContext } from '../utils/surface-provider';
|
|
13
14
|
import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
|
|
14
15
|
import { parseXcss } from '../xcss/xcss';
|
|
15
|
-
import { SurfaceContext } from './internal/surface-provider';
|
|
16
16
|
|
|
17
17
|
// Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
|
|
18
18
|
|
|
@@ -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.3.
|
|
92
|
+
packageVersion: "13.3.2",
|
|
93
93
|
analyticsData: analyticsContext,
|
|
94
94
|
actionSubject: 'button'
|
|
95
95
|
});
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
6
|
|
|
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
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
|
+
import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
|
|
12
|
+
import { useSurface } from '../utils/surface-provider';
|
|
11
13
|
import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
|
|
12
|
-
import { useSurface } from './internal/surface-provider';
|
|
13
14
|
var asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
14
15
|
// We're doing this because our CSS reset can add top margins to elements such as `p` which is totally insane.
|
|
15
16
|
// Long term we should remove those instances from the reset - it should be a reset to 0.
|
|
@@ -45,10 +46,6 @@ var wordBreakMap = {
|
|
|
45
46
|
wordBreak: 'break-all'
|
|
46
47
|
})
|
|
47
48
|
};
|
|
48
|
-
var HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
49
|
-
var useHasTextAncestor = function useHasTextAncestor() {
|
|
50
|
-
return useContext(HasTextAncestorContext);
|
|
51
|
-
};
|
|
52
49
|
|
|
53
50
|
/**
|
|
54
51
|
* Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
|
|
@@ -115,7 +112,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
115
112
|
}, children);
|
|
116
113
|
return hasTextAncestor ?
|
|
117
114
|
// no need to re-apply context if the text is already wrapped
|
|
118
|
-
component : jsx(
|
|
115
|
+
component : jsx(HasTextAncestorProvider, {
|
|
119
116
|
value: true
|
|
120
117
|
}, component);
|
|
121
118
|
});
|
package/dist/esm/index.js
CHANGED
|
@@ -13,5 +13,5 @@ export {
|
|
|
13
13
|
*/
|
|
14
14
|
default as UNSAFE_ANCHOR, default as Anchor } from './components/anchor';
|
|
15
15
|
export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
|
|
16
|
-
export { useSurface as UNSAFE_useSurface } from './
|
|
16
|
+
export { useSurface as UNSAFE_useSurface } from './utils/surface-provider';
|
|
17
17
|
export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
|
+
var HasTextAncestorContext = /*#__PURE__*/createContext(false);
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export var useHasTextAncestor = function useHasTextAncestor() {
|
|
7
|
+
return useContext(HasTextAncestorContext);
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export var HasTextAncestorProvider = HasTextAncestorContext.Provider;
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
|
|
6
6
|
import { type StrictXCSSProp, type XCSSAllProperties, type XCSSAllPseudos } from '@atlaskit/css';
|
|
7
|
-
import {
|
|
8
|
-
import type {
|
|
7
|
+
import type { BackgroundColorToken, SVGElements } from '../../utils/types';
|
|
8
|
+
import type { BasePrimitiveProps, PaddingToken, StyleProp, SurfaceColorToken } from './types';
|
|
9
9
|
type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements | 'button' | 'a'>;
|
|
10
10
|
type CustomElementType<P = any> = {
|
|
11
11
|
[K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
|
|
@@ -107,5 +107,5 @@ declare const Flex: import("react").MemoExoticComponent<import("react").ForwardR
|
|
|
107
107
|
* Forwarded ref element.
|
|
108
108
|
*/
|
|
109
109
|
ref?: any;
|
|
110
|
-
} & BasePrimitiveProps, "gap" | "rowGap" | "columnGap" | "alignItems" | "direction" | "justifyContent" | "
|
|
110
|
+
} & BasePrimitiveProps, "gap" | "rowGap" | "columnGap" | "alignItems" | "direction" | "justifyContent" | "children" | "wrap" | "as" | keyof BasePrimitiveProps> & import("react").RefAttributes<any>>>;
|
|
111
111
|
export default Flex;
|
|
@@ -112,5 +112,5 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
|
|
|
112
112
|
* Forwarded ref element.
|
|
113
113
|
*/
|
|
114
114
|
ref?: any;
|
|
115
|
-
} & BasePrimitiveProps, "
|
|
115
|
+
} & BasePrimitiveProps, "children" | "space" | "separator" | "as" | "alignInline" | "alignBlock" | "shouldWrap" | "spread" | "grow" | "rowSpace" | keyof BasePrimitiveProps> & import("react").RefAttributes<any>>>;
|
|
116
116
|
export default Inline;
|