@atlaskit/lozenge 11.1.9 → 11.1.12
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 +18 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +8 -6
- package/report.api.md +67 -0
- package/theme/package.json +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/lozenge
|
|
2
2
|
|
|
3
|
+
## 11.1.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
8
|
+
|
|
9
|
+
## 11.1.11
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 11.1.10
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
20
|
+
|
|
3
21
|
## 11.1.9
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/lozenge",
|
|
3
|
-
"version": "11.1.
|
|
3
|
+
"version": "11.1.12",
|
|
4
4
|
"description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
7
7
|
},
|
|
8
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
9
|
"author": "Atlassian Pty Ltd",
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"main": "dist/cjs/index.js",
|
|
@@ -19,13 +19,14 @@
|
|
|
19
19
|
"deprecatedAutoEntryPoints": true,
|
|
20
20
|
"releaseModel": "scheduled",
|
|
21
21
|
"website": {
|
|
22
|
-
"name": "Lozenge"
|
|
22
|
+
"name": "Lozenge",
|
|
23
|
+
"category": "Components"
|
|
23
24
|
}
|
|
24
25
|
},
|
|
25
26
|
"dependencies": {
|
|
26
|
-
"@atlaskit/codemod-utils": "^4.
|
|
27
|
+
"@atlaskit/codemod-utils": "^4.1.0",
|
|
27
28
|
"@atlaskit/theme": "^12.1.0",
|
|
28
|
-
"@atlaskit/tokens": "^0.
|
|
29
|
+
"@atlaskit/tokens": "^0.10.0",
|
|
29
30
|
"@babel/runtime": "^7.0.0",
|
|
30
31
|
"@emotion/core": "^10.0.9"
|
|
31
32
|
},
|
|
@@ -43,7 +44,7 @@
|
|
|
43
44
|
"@testing-library/react": "^8.0.1",
|
|
44
45
|
"jscodeshift": "^0.13.0",
|
|
45
46
|
"react-dom": "^16.8.0",
|
|
46
|
-
"typescript": "3.
|
|
47
|
+
"typescript": "4.3.5",
|
|
47
48
|
"wait-for-expect": "^1.2.0"
|
|
48
49
|
},
|
|
49
50
|
"techstack": {
|
|
@@ -51,6 +52,7 @@
|
|
|
51
52
|
"import-structure": "atlassian-conventions"
|
|
52
53
|
},
|
|
53
54
|
"@repo/internal": {
|
|
55
|
+
"dom-events": "use-bind-event-listener",
|
|
54
56
|
"design-system": "v1",
|
|
55
57
|
"styling": [
|
|
56
58
|
"static",
|
package/report.api.md
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
## API Report File for "@atlaskit/lozenge"
|
|
2
|
+
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
import { CSSProperties } from 'react';
|
|
7
|
+
import { MemoExoticComponent } from 'react';
|
|
8
|
+
import { ReactNode } from 'react';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* __Lozenge__
|
|
12
|
+
*
|
|
13
|
+
* A lozenge is a visual indicator used to highlight an item's status for quick recognition.
|
|
14
|
+
*
|
|
15
|
+
* - [Examples](https://atlassian.design/components/lozenge/examples)
|
|
16
|
+
* - [Code](https://atlassian.design/components/lozenge/code)
|
|
17
|
+
* - [Usage](https://atlassian.design/components/lozenge/usage)
|
|
18
|
+
*/
|
|
19
|
+
declare const Lozenge: MemoExoticComponent<({
|
|
20
|
+
children,
|
|
21
|
+
testId,
|
|
22
|
+
isBold,
|
|
23
|
+
appearance,
|
|
24
|
+
maxWidth,
|
|
25
|
+
style,
|
|
26
|
+
}: LozengeProps) => JSX.Element>;
|
|
27
|
+
export default Lozenge;
|
|
28
|
+
|
|
29
|
+
declare interface LozengeProps {
|
|
30
|
+
/**
|
|
31
|
+
* The appearance type.
|
|
32
|
+
*/
|
|
33
|
+
appearance?: ThemeAppearance;
|
|
34
|
+
/**
|
|
35
|
+
* Elements to be rendered inside the lozenge. This should ideally be just a word or two.
|
|
36
|
+
*/
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
/**
|
|
39
|
+
* Determines whether to apply the bold style or not.
|
|
40
|
+
*/
|
|
41
|
+
isBold?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* max-width of lozenge container. Default to 200px.
|
|
44
|
+
*/
|
|
45
|
+
maxWidth?: number | string;
|
|
46
|
+
/**
|
|
47
|
+
* Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
|
|
48
|
+
*/
|
|
49
|
+
style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
|
|
50
|
+
/**
|
|
51
|
+
* A `testId` prop is provided for specified elements, which is a unique
|
|
52
|
+
* string that appears as a data attribute `data-testid` in the rendered code,
|
|
53
|
+
* serving as a hook for automated tests
|
|
54
|
+
*/
|
|
55
|
+
testId?: string;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export declare type ThemeAppearance =
|
|
59
|
+
| 'default'
|
|
60
|
+
| 'inprogress'
|
|
61
|
+
| 'moved'
|
|
62
|
+
| 'new'
|
|
63
|
+
| 'removed'
|
|
64
|
+
| 'success';
|
|
65
|
+
|
|
66
|
+
export {};
|
|
67
|
+
```
|