@atlaskit/lozenge 11.2.1 → 11.2.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/es2019/version.json +1 -1
  4. package/dist/esm/version.json +1 -1
  5. package/dist/types-ts4.0/Lozenge/index.d.ts +42 -0
  6. package/dist/types-ts4.0/index.d.ts +2 -0
  7. package/dist/types-ts4.0/theme.d.ts +120 -0
  8. package/package.json +11 -3
  9. package/report.api.md +4 -2
  10. package/theme/package.json +8 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 11.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3ee63238f49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ee63238f49) - Update internals of Box, Text, Inline and Stack to handle `children` more accurately.
8
+ Also update scope of `use-primitives` to suggest Box and Text more selectively.
9
+
10
+ ## 11.2.2
11
+
12
+ ### Patch Changes
13
+
14
+ - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
15
+
3
16
  ## 11.2.1
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.2.1",
3
+ "version": "11.2.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.2.1",
3
+ "version": "11.2.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "11.2.1",
3
+ "version": "11.2.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/types-ts4.0/Lozenge/index.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ /** @jsx jsx */
2
+ import { CSSProperties, ReactNode } from 'react';
3
+ export declare type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
4
+ export interface LozengeProps {
5
+ /**
6
+ * The appearance type.
7
+ */
8
+ appearance?: ThemeAppearance;
9
+ /**
10
+ * Elements to be rendered inside the lozenge. This should ideally be just a word or two.
11
+ */
12
+ children?: ReactNode;
13
+ /**
14
+ * Determines whether to apply the bold style or not.
15
+ */
16
+ isBold?: boolean;
17
+ /**
18
+ * max-width of lozenge container. Default to 200px.
19
+ */
20
+ maxWidth?: number | string;
21
+ /**
22
+ * Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
23
+ */
24
+ style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
25
+ /**
26
+ * A `testId` prop is provided for specified elements, which is a unique
27
+ * string that appears as a data attribute `data-testid` in the rendered code,
28
+ * serving as a hook for automated tests
29
+ */
30
+ testId?: string;
31
+ }
32
+ /**
33
+ * __Lozenge__
34
+ *
35
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
36
+ *
37
+ * - [Examples](https://atlassian.design/components/lozenge/examples)
38
+ * - [Code](https://atlassian.design/components/lozenge/code)
39
+ * - [Usage](https://atlassian.design/components/lozenge/usage)
40
+ */
41
+ declare const Lozenge: import("react").MemoExoticComponent<({ children, testId, isBold, appearance, maxWidth, style, }: LozengeProps) => JSX.Element>;
42
+ export default Lozenge;
package/dist/types-ts4.0/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './Lozenge';
2
+ export type { ThemeAppearance } from './Lozenge';
package/dist/types-ts4.0/theme.d.ts ADDED
@@ -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 declare 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.2.1",
3
+ "version": "11.2.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/"
@@ -12,6 +12,13 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.0 <4.5": {
17
+ "*": [
18
+ "dist/types-ts4.0/*"
19
+ ]
20
+ }
21
+ },
15
22
  "sideEffects": false,
16
23
  "atlaskit:src": "src/index.tsx",
17
24
  "atlassian": {
@@ -36,7 +43,8 @@
36
43
  "devDependencies": {
37
44
  "@atlaskit/button": "*",
38
45
  "@atlaskit/docs": "*",
39
- "@atlaskit/section-message": "^6.2.0",
46
+ "@atlaskit/ds-lib": "^2.1.1",
47
+ "@atlaskit/section-message": "^6.3.0",
40
48
  "@atlaskit/ssr": "*",
41
49
  "@atlaskit/visual-regression": "*",
42
50
  "@atlaskit/webdriver-runner": "*",
@@ -44,7 +52,7 @@
44
52
  "@testing-library/react": "^12.1.5",
45
53
  "jscodeshift": "^0.13.0",
46
54
  "react-dom": "^16.8.0",
47
- "typescript": "4.3.5",
55
+ "typescript": "4.5.5",
48
56
  "wait-for-expect": "^1.2.0"
49
57
  },
50
58
  "techstack": {
package/report.api.md CHANGED
@@ -1,6 +1,8 @@
1
- ## API Report File for "@atlaskit/lozenge"
1
+ ## API Report File for "@atlaskit/lozenge".
2
2
 
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
3
+ > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
4
6
 
5
7
  ```ts
6
8
  import { CSSProperties } from 'react';
package/theme/package.json CHANGED
@@ -4,5 +4,12 @@
4
4
  "module": "../dist/esm/theme.js",
5
5
  "module:es2019": "../dist/es2019/theme.js",
6
6
  "sideEffects": false,
7
- "types": "../dist/types/theme.d.ts"
7
+ "types": "../dist/types/theme.d.ts",
8
+ "typesVersions": {
9
+ ">=4.0 <4.5": {
10
+ "*": [
11
+ "../dist/types-ts4.0/theme.d.ts"
12
+ ]
13
+ }
14
+ }
8
15
  }