@atlaskit/inline-message 12.1.3 → 12.2.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 +14 -1
- package/README.md +4 -2
- package/__perf__/default.tsx +5 -8
- package/dist/cjs/components/inline-message/index.js +8 -2
- package/dist/cjs/components/message-icon/index.js +6 -1
- package/dist/es2019/components/inline-message/index.js +8 -2
- package/dist/es2019/components/message-icon/index.js +5 -1
- package/dist/esm/components/inline-message/index.js +8 -2
- package/dist/esm/components/message-icon/index.js +5 -1
- package/dist/types/components/inline-message/index.d.ts +3 -0
- package/dist/types/components/message-icon/index.d.ts +3 -0
- package/dist/types-ts4.5/components/inline-message/index.d.ts +3 -0
- package/dist/types-ts4.5/components/message-icon/index.d.ts +3 -0
- package/package.json +104 -104
- package/report.api.md +28 -32
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/inline-message
|
|
2
2
|
|
|
3
|
+
## 12.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#110670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110670)
|
|
8
|
+
[`c733254a2dd6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c733254a2dd6e) -
|
|
9
|
+
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
|
|
10
|
+
is implicitly set to automatic.
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 12.1.3
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -29,7 +42,7 @@
|
|
|
29
42
|
|
|
30
43
|
- [#96634](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96634)
|
|
31
44
|
[`047cd471b7e2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/047cd471b7e2) -
|
|
32
|
-
Add support for React 18.
|
|
45
|
+
Add support for React 18 in non-strict mode.
|
|
33
46
|
|
|
34
47
|
## 12.0.5
|
|
35
48
|
|
package/README.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# Inline message
|
|
2
2
|
|
|
3
|
-
An inline message lets users know when important information is available or when an action is
|
|
3
|
+
An inline message lets users know when important information is available or when an action is
|
|
4
|
+
required.
|
|
4
5
|
|
|
5
6
|
## Installation
|
|
6
7
|
|
|
@@ -8,4 +9,5 @@ yarn add @atlaskit/inline-message
|
|
|
8
9
|
|
|
9
10
|
## Usage
|
|
10
11
|
|
|
11
|
-
Detailed docs and example usage can be found
|
|
12
|
+
Detailed docs and example usage can be found
|
|
13
|
+
[here](https://atlaskit.atlassian.com/packages/core/inline-message).
|
package/__perf__/default.tsx
CHANGED
|
@@ -3,12 +3,9 @@ import React from 'react';
|
|
|
3
3
|
import InlineMessage from '../src';
|
|
4
4
|
|
|
5
5
|
export default () => (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<p>Primary and secondary text dialog</p>
|
|
12
|
-
</InlineMessage>
|
|
13
|
-
</div>
|
|
6
|
+
<div>
|
|
7
|
+
<InlineMessage title="Inline Message Title Example" secondaryText="Secondary Text">
|
|
8
|
+
<p>Primary and secondary text dialog</p>
|
|
9
|
+
</InlineMessage>
|
|
10
|
+
</div>
|
|
14
11
|
);
|
|
@@ -15,8 +15,13 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
15
15
|
var _primitives = require("@atlaskit/primitives");
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
17
|
var _messageIcon = _interopRequireDefault(require("../message-icon"));
|
|
18
|
+
/**
|
|
19
|
+
* @jsxRuntime classic
|
|
20
|
+
*/
|
|
18
21
|
/** @jsx jsx */
|
|
19
22
|
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
24
|
+
|
|
20
25
|
var rootStyles = (0, _react2.css)({
|
|
21
26
|
display: 'inline-block',
|
|
22
27
|
maxWidth: '100%',
|
|
@@ -24,12 +29,12 @@ var rootStyles = (0, _react2.css)({
|
|
|
24
29
|
outline: '1px solid'
|
|
25
30
|
},
|
|
26
31
|
'&:hover': {
|
|
27
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
28
33
|
'[data-ds--inline-message--icon]': {
|
|
29
34
|
// Legacy style
|
|
30
35
|
color: 'var(--icon-accent-color)'
|
|
31
36
|
},
|
|
32
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
33
38
|
'[data-ds--inline-message--button]': {
|
|
34
39
|
textDecoration: 'underline'
|
|
35
40
|
}
|
|
@@ -106,6 +111,7 @@ var InlineMessage = function InlineMessage(_ref) {
|
|
|
106
111
|
,
|
|
107
112
|
style: {
|
|
108
113
|
'--icon-accent-color': iconColor(appearance)
|
|
114
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
109
115
|
},
|
|
110
116
|
"data-testid": testId
|
|
111
117
|
}, (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
|
|
@@ -7,8 +7,13 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
9
|
var _constants = require("../../constants");
|
|
10
|
+
/**
|
|
11
|
+
* @jsxRuntime classic
|
|
12
|
+
*/
|
|
10
13
|
/** @jsx jsx */
|
|
11
14
|
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
+
|
|
12
17
|
var iconColor = function iconColor(appearance) {
|
|
13
18
|
switch (appearance) {
|
|
14
19
|
case 'connectivity':
|
|
@@ -48,7 +53,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
|
|
|
48
53
|
defaultLabel = _typesMapping$appeara.defaultLabel;
|
|
49
54
|
return (0, _react.jsx)("span", {
|
|
50
55
|
"data-ds--inline-message--icon": true
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
52
57
|
,
|
|
53
58
|
style: {
|
|
54
59
|
'--icon-color': iconColor(appearance)
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { useCallback, useState } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
5
10
|
import InlineDialog from '@atlaskit/inline-dialog';
|
|
@@ -15,12 +20,12 @@ const rootStyles = css({
|
|
|
15
20
|
outline: '1px solid'
|
|
16
21
|
},
|
|
17
22
|
'&:hover': {
|
|
18
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
19
24
|
'[data-ds--inline-message--icon]': {
|
|
20
25
|
// Legacy style
|
|
21
26
|
color: 'var(--icon-accent-color)'
|
|
22
27
|
},
|
|
23
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
29
|
'[data-ds--inline-message--button]': {
|
|
25
30
|
textDecoration: 'underline'
|
|
26
31
|
}
|
|
@@ -87,6 +92,7 @@ const InlineMessage = ({
|
|
|
87
92
|
,
|
|
88
93
|
style: {
|
|
89
94
|
'--icon-accent-color': iconColor(appearance)
|
|
95
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
90
96
|
},
|
|
91
97
|
"data-testid": testId
|
|
92
98
|
}, jsx(UNSAFE_LAYERING, {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { css, jsx } from '@emotion/react';
|
|
4
8
|
import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
|
|
5
9
|
import { typesMapping } from '../../constants';
|
|
@@ -46,7 +50,7 @@ const SelectedIcon = ({
|
|
|
46
50
|
} = typesMapping;
|
|
47
51
|
return jsx("span", {
|
|
48
52
|
"data-ds--inline-message--icon": true
|
|
49
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
50
54
|
,
|
|
51
55
|
style: {
|
|
52
56
|
'--icon-color': iconColor(appearance)
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { useCallback, useState } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
6
11
|
import InlineDialog from '@atlaskit/inline-dialog';
|
|
@@ -16,12 +21,12 @@ var rootStyles = css({
|
|
|
16
21
|
outline: '1px solid'
|
|
17
22
|
},
|
|
18
23
|
'&:hover': {
|
|
19
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
20
25
|
'[data-ds--inline-message--icon]': {
|
|
21
26
|
// Legacy style
|
|
22
27
|
color: 'var(--icon-accent-color)'
|
|
23
28
|
},
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
29
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
30
|
'[data-ds--inline-message--button]': {
|
|
26
31
|
textDecoration: 'underline'
|
|
27
32
|
}
|
|
@@ -98,6 +103,7 @@ var InlineMessage = function InlineMessage(_ref) {
|
|
|
98
103
|
,
|
|
99
104
|
style: {
|
|
100
105
|
'--icon-accent-color': iconColor(appearance)
|
|
106
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
101
107
|
},
|
|
102
108
|
"data-testid": testId
|
|
103
109
|
}, jsx(UNSAFE_LAYERING, {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { css, jsx } from '@emotion/react';
|
|
4
8
|
import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
|
|
5
9
|
import { typesMapping } from '../../constants';
|
|
@@ -42,7 +46,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
|
|
|
42
46
|
defaultLabel = _typesMapping$appeara.defaultLabel;
|
|
43
47
|
return jsx("span", {
|
|
44
48
|
"data-ds--inline-message--icon": true
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
46
50
|
,
|
|
47
51
|
style: {
|
|
48
52
|
'--icon-color': iconColor(appearance)
|
package/package.json
CHANGED
|
@@ -1,105 +1,105 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
2
|
+
"name": "@atlaskit/inline-message",
|
|
3
|
+
"version": "12.2.0",
|
|
4
|
+
"description": "An inline message lets users know when important information is available or when an action is required.",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"registry": "https://registry.npmjs.org/"
|
|
7
|
+
},
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
+
"author": "Atlassian Pty Ltd",
|
|
10
|
+
"license": "Apache-2.0",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"module:es2019": "dist/es2019/index.js",
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"sideEffects": false,
|
|
16
|
+
"atlaskit:src": "src/index.tsx",
|
|
17
|
+
"af:exports": {
|
|
18
|
+
".": "./src/index.tsx",
|
|
19
|
+
"./constants": "./src/constants.tsx",
|
|
20
|
+
"./types": "./src/types.tsx"
|
|
21
|
+
},
|
|
22
|
+
"atlassian": {
|
|
23
|
+
"team": "Design System Team",
|
|
24
|
+
"releaseModel": "continuous",
|
|
25
|
+
"productPushConsumption": [
|
|
26
|
+
"jira"
|
|
27
|
+
],
|
|
28
|
+
"website": {
|
|
29
|
+
"name": "Inline message",
|
|
30
|
+
"category": "Components"
|
|
31
|
+
},
|
|
32
|
+
"runReact18": true
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@atlaskit/button": "^17.17.0",
|
|
36
|
+
"@atlaskit/icon": "^22.4.0",
|
|
37
|
+
"@atlaskit/inline-dialog": "^14.2.0",
|
|
38
|
+
"@atlaskit/layering": "^0.3.0",
|
|
39
|
+
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
40
|
+
"@atlaskit/primitives": "^7.4.0",
|
|
41
|
+
"@atlaskit/theme": "^12.10.0",
|
|
42
|
+
"@atlaskit/tokens": "^1.51.0",
|
|
43
|
+
"@babel/runtime": "^7.0.0",
|
|
44
|
+
"@emotion/react": "^11.7.1"
|
|
45
|
+
},
|
|
46
|
+
"peerDependencies": {
|
|
47
|
+
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"@af/accessibility-testing": "*",
|
|
51
|
+
"@af/integration-testing": "*",
|
|
52
|
+
"@af/visual-regression": "*",
|
|
53
|
+
"@atlaskit/ds-lib": "^2.3.0",
|
|
54
|
+
"@atlaskit/ssr": "*",
|
|
55
|
+
"@atlaskit/visual-regression": "*",
|
|
56
|
+
"@emotion/jest": "^11.8.0",
|
|
57
|
+
"@testing-library/react": "^12.1.5",
|
|
58
|
+
"@testing-library/user-event": "^14.4.3",
|
|
59
|
+
"react-dom": "^16.8.0",
|
|
60
|
+
"typescript": "~5.4.2"
|
|
61
|
+
},
|
|
62
|
+
"keywords": [
|
|
63
|
+
"atlaskit",
|
|
64
|
+
"react",
|
|
65
|
+
"ui"
|
|
66
|
+
],
|
|
67
|
+
"techstack": {
|
|
68
|
+
"@atlassian/frontend": {
|
|
69
|
+
"import-structure": "atlassian-conventions"
|
|
70
|
+
},
|
|
71
|
+
"@repo/internal": {
|
|
72
|
+
"dom-events": "use-bind-event-listener",
|
|
73
|
+
"design-system": "v1",
|
|
74
|
+
"styling": [
|
|
75
|
+
"static",
|
|
76
|
+
"emotion"
|
|
77
|
+
],
|
|
78
|
+
"ui-components": "lite-mode",
|
|
79
|
+
"analytics": "analytics-next",
|
|
80
|
+
"design-tokens": [
|
|
81
|
+
"color",
|
|
82
|
+
"spacing"
|
|
83
|
+
],
|
|
84
|
+
"deprecation": "no-deprecated-imports"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
"typesVersions": {
|
|
88
|
+
">=4.5 <4.9": {
|
|
89
|
+
"*": [
|
|
90
|
+
"dist/types-ts4.5/*",
|
|
91
|
+
"dist/types-ts4.5/index.d.ts"
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"platform-feature-flags": {
|
|
96
|
+
"platform.design-system-team.layering_qmiw3": {
|
|
97
|
+
"type": "boolean",
|
|
98
|
+
"referenceOnly": true
|
|
99
|
+
},
|
|
100
|
+
"platform.design-system-team.inline-message-layering_wfp1p": {
|
|
101
|
+
"type": "boolean"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"homepage": "https://atlassian.design/components/inline-message/"
|
|
105
|
+
}
|
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/inline-message"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -19,30 +20,25 @@ import { FC } from 'react';
|
|
|
19
20
|
import { ReactNode } from 'react';
|
|
20
21
|
|
|
21
22
|
// @public (undocumented)
|
|
22
|
-
type IconAppearance =
|
|
23
|
-
| 'confirmation'
|
|
24
|
-
| 'connectivity'
|
|
25
|
-
| 'error'
|
|
26
|
-
| 'info'
|
|
27
|
-
| 'warning';
|
|
23
|
+
type IconAppearance = 'confirmation' | 'connectivity' | 'error' | 'info' | 'warning';
|
|
28
24
|
|
|
29
25
|
// @public (undocumented)
|
|
30
26
|
type InlineDialogPlacement =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
27
|
+
| 'auto'
|
|
28
|
+
| 'auto-end'
|
|
29
|
+
| 'auto-start'
|
|
30
|
+
| 'bottom'
|
|
31
|
+
| 'bottom-end'
|
|
32
|
+
| 'bottom-start'
|
|
33
|
+
| 'left'
|
|
34
|
+
| 'left-end'
|
|
35
|
+
| 'left-start'
|
|
36
|
+
| 'right'
|
|
37
|
+
| 'right-end'
|
|
38
|
+
| 'right-start'
|
|
39
|
+
| 'top'
|
|
40
|
+
| 'top-end'
|
|
41
|
+
| 'top-start';
|
|
46
42
|
|
|
47
43
|
// @public
|
|
48
44
|
const InlineMessage: FC<InlineMessageProps>;
|
|
@@ -50,15 +46,15 @@ export default InlineMessage;
|
|
|
50
46
|
|
|
51
47
|
// @public (undocumented)
|
|
52
48
|
interface InlineMessageProps {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
49
|
+
appearance?: IconAppearance;
|
|
50
|
+
children?: ReactNode;
|
|
51
|
+
iconLabel?: string;
|
|
52
|
+
placement?: InlineDialogPlacement;
|
|
53
|
+
secondaryText?: ReactNode;
|
|
54
|
+
testId?: string;
|
|
55
|
+
title?: ReactNode;
|
|
56
|
+
// @deprecated (undocumented)
|
|
57
|
+
type?: IconAppearance;
|
|
62
58
|
}
|
|
63
59
|
|
|
64
60
|
// (No @packageDocumentation comment for this package)
|
|
@@ -72,7 +68,7 @@ interface InlineMessageProps {
|
|
|
72
68
|
|
|
73
69
|
```json
|
|
74
70
|
{
|
|
75
|
-
|
|
71
|
+
"react": "^16.8.0"
|
|
76
72
|
}
|
|
77
73
|
```
|
|
78
74
|
|