@atlaskit/inline-message 15.6.14 → 16.0.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 +35 -0
- package/constants/package.json +1 -8
- package/package.json +16 -24
- package/types/package.json +1 -8
- package/dist/types-ts4.5/components/inline-message/index.d.ts +0 -75
- package/dist/types-ts4.5/components/message-icon/index.d.ts +0 -20
- package/dist/types-ts4.5/constants.d.ts +0 -2
- package/dist/types-ts4.5/index.d.ts +0 -1
- package/dist/types-ts4.5/types.d.ts +0 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,40 @@
|
|
|
1
1
|
# @atlaskit/inline-message
|
|
2
2
|
|
|
3
|
+
## 16.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
|
|
8
|
+
Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
|
|
9
|
+
gating.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 16.0.0
|
|
13
|
+
|
|
14
|
+
### Major Changes
|
|
15
|
+
|
|
16
|
+
- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
|
|
17
|
+
Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
|
|
18
|
+
|
|
19
|
+
Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
|
|
20
|
+
|
|
21
|
+
Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
|
|
22
|
+
|
|
23
|
+
```diff
|
|
24
|
+
- "typesVersions": {
|
|
25
|
+
- ">=4.5 <4.9": {
|
|
26
|
+
- "*": [
|
|
27
|
+
- "dist/types-ts4.5/*",
|
|
28
|
+
- "dist/types-ts4.5/index.d.ts"
|
|
29
|
+
- ]
|
|
30
|
+
- }
|
|
31
|
+
- },
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### Patch Changes
|
|
35
|
+
|
|
36
|
+
- Updated dependencies
|
|
37
|
+
|
|
3
38
|
## 15.6.14
|
|
4
39
|
|
|
5
40
|
### Patch Changes
|
package/constants/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/inline-message",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.1",
|
|
4
4
|
"description": "An inline message lets users know when important information is available or when an action is required.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,16 +31,17 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@atlaskit/button": "^
|
|
35
|
-
"@atlaskit/ds-lib": "^
|
|
36
|
-
"@atlaskit/icon": "^
|
|
37
|
-
"@atlaskit/link": "^
|
|
38
|
-
"@atlaskit/platform-feature-flags": "^
|
|
39
|
-
"@atlaskit/popper": "^
|
|
40
|
-
"@atlaskit/popup": "^
|
|
41
|
-
"@atlaskit/primitives": "^
|
|
42
|
-
"@atlaskit/theme": "^
|
|
43
|
-
"@atlaskit/tokens": "^
|
|
34
|
+
"@atlaskit/button": "^24.1.0",
|
|
35
|
+
"@atlaskit/ds-lib": "^8.0.0",
|
|
36
|
+
"@atlaskit/icon": "^36.0.0",
|
|
37
|
+
"@atlaskit/link": "^4.0.0",
|
|
38
|
+
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
39
|
+
"@atlaskit/popper": "^8.0.0",
|
|
40
|
+
"@atlaskit/popup": "^5.0.0",
|
|
41
|
+
"@atlaskit/primitives": "^20.0.0",
|
|
42
|
+
"@atlaskit/theme": "^26.0.0",
|
|
43
|
+
"@atlaskit/tokens": "^15.0.0",
|
|
44
|
+
"@atlassian/react-compiler-gating": "^0.2.0",
|
|
44
45
|
"@babel/runtime": "^7.0.0",
|
|
45
46
|
"@compiled/react": "^0.20.0"
|
|
46
47
|
},
|
|
@@ -51,11 +52,10 @@
|
|
|
51
52
|
"@af/accessibility-testing": "workspace:^",
|
|
52
53
|
"@af/integration-testing": "workspace:^",
|
|
53
54
|
"@af/visual-regression": "workspace:^",
|
|
54
|
-
"@atlaskit/docs": "^
|
|
55
|
-
"@atlaskit/heading": "^
|
|
56
|
-
"@atlaskit/modal-dialog": "^
|
|
57
|
-
"@atlaskit/section-message": "^
|
|
58
|
-
"@atlassian/react-compiler-gating": "workspace:^",
|
|
55
|
+
"@atlaskit/docs": "^12.0.0",
|
|
56
|
+
"@atlaskit/heading": "^6.0.0",
|
|
57
|
+
"@atlaskit/modal-dialog": "^16.0.0",
|
|
58
|
+
"@atlaskit/section-message": "^9.1.0",
|
|
59
59
|
"@atlassian/ssr-tests": "workspace:^",
|
|
60
60
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
61
61
|
"@testing-library/react": "^16.3.0",
|
|
@@ -88,14 +88,6 @@
|
|
|
88
88
|
"deprecation": "no-deprecated-imports"
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
|
-
"typesVersions": {
|
|
92
|
-
">=4.5 <4.9": {
|
|
93
|
-
"*": [
|
|
94
|
-
"dist/types-ts4.5/*",
|
|
95
|
-
"dist/types-ts4.5/index.d.ts"
|
|
96
|
-
]
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
91
|
"homepage": "https://atlassian.design/components/inline-message/",
|
|
100
92
|
"platform-feature-flags": {
|
|
101
93
|
"platform-dst-motion-uplift-popup": {
|
package/types/package.json
CHANGED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { type FC, type ReactNode } from 'react';
|
|
6
|
-
import { type PopupProps } from '@atlaskit/popup';
|
|
7
|
-
import type { IconAppearance, IconSpacing, PopupPlacement } from '../../types';
|
|
8
|
-
interface InlineMessageProps extends Pick<PopupProps, 'fallbackPlacements'> {
|
|
9
|
-
/**
|
|
10
|
-
* The elements to be displayed by the popup.
|
|
11
|
-
*/
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* The placement to be passed to the popup. Determines where around
|
|
15
|
-
* the text the dialog is displayed.
|
|
16
|
-
*/
|
|
17
|
-
placement?: PopupPlacement;
|
|
18
|
-
/**
|
|
19
|
-
* Text to display second.
|
|
20
|
-
*/
|
|
21
|
-
secondaryText?: ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Text to display first, bolded for emphasis.
|
|
24
|
-
*/
|
|
25
|
-
title?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Set the icon to be used before the title. Options are: connectivity,
|
|
28
|
-
* confirmation, info, warning, and error.
|
|
29
|
-
*/
|
|
30
|
-
appearance?: IconAppearance;
|
|
31
|
-
/**
|
|
32
|
-
* The spacing of the underlying icon button. Options are: spacious and compact.
|
|
33
|
-
*/
|
|
34
|
-
spacing?: IconSpacing;
|
|
35
|
-
/**
|
|
36
|
-
* A unique string that appears as a data attribute, `data-testid`,
|
|
37
|
-
* in the rendered code. It is provided to serve as a hook for automated tests.
|
|
38
|
-
*
|
|
39
|
-
* The value of `testId` is attached to the different sub-components in Inline Message:
|
|
40
|
-
* - `testId`: the top-level inline message component
|
|
41
|
-
* - `testId--popup`: the content of the message
|
|
42
|
-
* - `testId--button`: the button element that opens the dialog on press
|
|
43
|
-
* - `testId--title`: the title of the message
|
|
44
|
-
* - `testId--text`: the text of the message
|
|
45
|
-
*/
|
|
46
|
-
testId?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Text to be used as the label for the button icon. You must use this to provide information for people who use assistive technology when there is no title and/or secondaryText.
|
|
49
|
-
*/
|
|
50
|
-
iconLabel?: string;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* __Inline message__
|
|
54
|
-
*
|
|
55
|
-
* An inline message lets users know when important information is available or when an action is required.
|
|
56
|
-
*
|
|
57
|
-
* - [Examples](https://atlassian.design/components/inline-message/examples)
|
|
58
|
-
* - [Code](https://atlassian.design/components/inline-message/code)
|
|
59
|
-
* - [Usage](https://atlassian.design/components/inline-message/usage)
|
|
60
|
-
*
|
|
61
|
-
* @example
|
|
62
|
-
*
|
|
63
|
-
* ```jsx
|
|
64
|
-
* const Component = () => (
|
|
65
|
-
* <InlineMessage
|
|
66
|
-
* title="Inline Message Title Example"
|
|
67
|
-
* secondaryText="Secondary Text"
|
|
68
|
-
* >
|
|
69
|
-
* <p>Some text that would be inside the open dialog and otherwise hidden.</p>
|
|
70
|
-
* </InlineMessage>
|
|
71
|
-
* );
|
|
72
|
-
* ```
|
|
73
|
-
*/
|
|
74
|
-
declare const InlineMessage: FC<InlineMessageProps>;
|
|
75
|
-
export default InlineMessage;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import type { FC } from 'react';
|
|
6
|
-
import type { IconAppearance, IconSpacing } from '../../types';
|
|
7
|
-
interface MessageIconProps {
|
|
8
|
-
appearance: IconAppearance;
|
|
9
|
-
isOpen: boolean;
|
|
10
|
-
label?: string;
|
|
11
|
-
spacing: IconSpacing;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* __Selected icon__
|
|
15
|
-
*
|
|
16
|
-
* The selected icon is used as the primary interactive element for the dialog.
|
|
17
|
-
* Can be used with or without supporting text.
|
|
18
|
-
*/
|
|
19
|
-
declare const SelectedIcon: FC<MessageIconProps>;
|
|
20
|
-
export default SelectedIcon;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './components/inline-message';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ComponentType } from 'react';
|
|
2
|
-
import type { NewCoreIconProps } from '@atlaskit/icon';
|
|
3
|
-
export interface Icon {
|
|
4
|
-
defaultLabel: string;
|
|
5
|
-
icon: ComponentType<NewCoreIconProps>;
|
|
6
|
-
}
|
|
7
|
-
export type IconAppearanceMap = Record<IconAppearance, Icon>;
|
|
8
|
-
export type IconAppearance = 'connectivity' | 'confirmation' | 'info' | 'warning' | 'error';
|
|
9
|
-
export type IconSpacing = 'spacious' | 'compact';
|
|
10
|
-
export type { Placement as PopupPlacement } from '@atlaskit/popper';
|