@atlaskit/lozenge 11.4.1 → 11.4.3
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 +12 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types-ts4.5/Lozenge/index.d.ts +41 -0
- package/dist/types-ts4.5/index.d.ts +2 -0
- package/dist/types-ts4.5/theme.d.ts +120 -0
- package/package.json +6 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/lozenge
|
|
2
2
|
|
|
3
|
+
## 11.4.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 11.4.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
14
|
+
|
|
3
15
|
## 11.4.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
|
|
3
|
+
export interface LozengeProps {
|
|
4
|
+
/**
|
|
5
|
+
* The appearance type.
|
|
6
|
+
*/
|
|
7
|
+
appearance?: ThemeAppearance;
|
|
8
|
+
/**
|
|
9
|
+
* Elements to be rendered inside the lozenge. This should ideally be just a word or two.
|
|
10
|
+
*/
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Determines whether to apply the bold style or not.
|
|
14
|
+
*/
|
|
15
|
+
isBold?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* max-width of lozenge container. Default to 200px.
|
|
18
|
+
*/
|
|
19
|
+
maxWidth?: number | string;
|
|
20
|
+
/**
|
|
21
|
+
* Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
|
|
22
|
+
*/
|
|
23
|
+
style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
|
|
24
|
+
/**
|
|
25
|
+
* A `testId` prop is provided for specified elements, which is a unique
|
|
26
|
+
* string that appears as a data attribute `data-testid` in the rendered code,
|
|
27
|
+
* serving as a hook for automated tests
|
|
28
|
+
*/
|
|
29
|
+
testId?: string;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* __Lozenge__
|
|
33
|
+
*
|
|
34
|
+
* A lozenge is a visual indicator used to highlight an item's status for quick recognition.
|
|
35
|
+
*
|
|
36
|
+
* - [Examples](https://atlassian.design/components/lozenge/examples)
|
|
37
|
+
* - [Code](https://atlassian.design/components/lozenge/code)
|
|
38
|
+
* - [Usage](https://atlassian.design/components/lozenge/usage)
|
|
39
|
+
*/
|
|
40
|
+
declare const Lozenge: React.MemoExoticComponent<({ children, testId, isBold, appearance, maxWidth, style, }: LozengeProps) => JSX.Element>;
|
|
41
|
+
export default Lozenge;
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @deprecated
|
|
3
|
+
*/
|
|
4
|
+
export declare const defaultBackgroundColor: {
|
|
5
|
+
default: {
|
|
6
|
+
light: string;
|
|
7
|
+
dark: string;
|
|
8
|
+
};
|
|
9
|
+
inprogress: {
|
|
10
|
+
light: string;
|
|
11
|
+
dark: string;
|
|
12
|
+
};
|
|
13
|
+
moved: {
|
|
14
|
+
light: string;
|
|
15
|
+
dark: string;
|
|
16
|
+
};
|
|
17
|
+
new: {
|
|
18
|
+
light: string;
|
|
19
|
+
dark: string;
|
|
20
|
+
};
|
|
21
|
+
removed: {
|
|
22
|
+
light: string;
|
|
23
|
+
dark: string;
|
|
24
|
+
};
|
|
25
|
+
success: {
|
|
26
|
+
light: string;
|
|
27
|
+
dark: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated
|
|
32
|
+
*/
|
|
33
|
+
export declare const defaultTextColor: {
|
|
34
|
+
default: {
|
|
35
|
+
light: string;
|
|
36
|
+
dark: string;
|
|
37
|
+
};
|
|
38
|
+
inprogress: {
|
|
39
|
+
light: string;
|
|
40
|
+
dark: string;
|
|
41
|
+
};
|
|
42
|
+
moved: {
|
|
43
|
+
light: string;
|
|
44
|
+
dark: string;
|
|
45
|
+
};
|
|
46
|
+
new: {
|
|
47
|
+
light: string;
|
|
48
|
+
dark: string;
|
|
49
|
+
};
|
|
50
|
+
removed: {
|
|
51
|
+
light: string;
|
|
52
|
+
dark: string;
|
|
53
|
+
};
|
|
54
|
+
success: {
|
|
55
|
+
light: string;
|
|
56
|
+
dark: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* @deprecated
|
|
61
|
+
*/
|
|
62
|
+
export declare const boldBackgroundColor: {
|
|
63
|
+
default: {
|
|
64
|
+
light: string;
|
|
65
|
+
dark: string;
|
|
66
|
+
};
|
|
67
|
+
inprogress: {
|
|
68
|
+
light: string;
|
|
69
|
+
dark: string;
|
|
70
|
+
};
|
|
71
|
+
moved: {
|
|
72
|
+
light: string;
|
|
73
|
+
dark: string;
|
|
74
|
+
};
|
|
75
|
+
new: {
|
|
76
|
+
light: string;
|
|
77
|
+
dark: string;
|
|
78
|
+
};
|
|
79
|
+
removed: {
|
|
80
|
+
light: string;
|
|
81
|
+
dark: string;
|
|
82
|
+
};
|
|
83
|
+
success: {
|
|
84
|
+
light: string;
|
|
85
|
+
dark: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* @deprecated
|
|
90
|
+
*/
|
|
91
|
+
export declare const boldTextColor: {
|
|
92
|
+
default: {
|
|
93
|
+
light: string;
|
|
94
|
+
dark: string;
|
|
95
|
+
};
|
|
96
|
+
inprogress: {
|
|
97
|
+
light: string;
|
|
98
|
+
dark: string;
|
|
99
|
+
};
|
|
100
|
+
moved: {
|
|
101
|
+
light: string;
|
|
102
|
+
dark: string;
|
|
103
|
+
};
|
|
104
|
+
new: {
|
|
105
|
+
light: string;
|
|
106
|
+
dark: string;
|
|
107
|
+
};
|
|
108
|
+
removed: {
|
|
109
|
+
light: string;
|
|
110
|
+
dark: string;
|
|
111
|
+
};
|
|
112
|
+
success: {
|
|
113
|
+
light: string;
|
|
114
|
+
dark: string;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
/**
|
|
118
|
+
* @deprecated
|
|
119
|
+
*/
|
|
120
|
+
export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/lozenge",
|
|
3
|
-
"version": "11.4.
|
|
3
|
+
"version": "11.4.3",
|
|
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/"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"atlaskit:src": "src/index.tsx",
|
|
25
25
|
"atlassian": {
|
|
26
|
-
"team": "Design System
|
|
26
|
+
"team": "Design System Fundamentals",
|
|
27
27
|
"deprecatedAutoEntryPoints": true,
|
|
28
28
|
"releaseModel": "continuous",
|
|
29
29
|
"productPushConsumption": [
|
|
@@ -36,20 +36,18 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
39
|
-
"@atlaskit/ds-explorations": "^2.
|
|
39
|
+
"@atlaskit/ds-explorations": "^2.2.0",
|
|
40
40
|
"@atlaskit/theme": "^12.5.0",
|
|
41
|
-
"@atlaskit/tokens": "^1.
|
|
41
|
+
"@atlaskit/tokens": "^1.13.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^16.8.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@
|
|
49
|
-
"@atlaskit/docs": "*",
|
|
48
|
+
"@af/accessibility-testing": "*",
|
|
50
49
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
51
|
-
"@atlaskit/primitives": "^0.
|
|
52
|
-
"@atlaskit/section-message": "^6.4.0",
|
|
50
|
+
"@atlaskit/primitives": "^1.0.6",
|
|
53
51
|
"@atlaskit/ssr": "*",
|
|
54
52
|
"@atlaskit/visual-regression": "*",
|
|
55
53
|
"@atlaskit/webdriver-runner": "*",
|