@atlaskit/lozenge 11.4.0 → 11.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/lozenge
 
+## 11.4.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 11.4.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 11.4.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "11.4.0",
+	"version": "11.4.2",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "11.4.0",
+	"version": "11.4.2",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "11.4.0",
+	"version": "11.4.2",
 	"sideEffects": false
 }

package/dist/types/Lozenge/index.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties, ReactNode } from 'react';
-export declare type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
 export interface LozengeProps {
     /**
      * The appearance type.

package/dist/types/theme.d.ts

@@ -117,4 +117,4 @@ export declare const boldTextColor: {
 /**
  * @deprecated
  */
-export declare type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';

package/dist/types-ts4.5/Lozenge/index.d.ts

@@ -0,0 +1,41 @@
+import React, { CSSProperties, ReactNode } from 'react';
+export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export interface LozengeProps {
+    /**
+     * The appearance type.
+     */
+    appearance?: ThemeAppearance;
+    /**
+     * Elements to be rendered inside the lozenge. This should ideally be just a word or two.
+     */
+    children?: ReactNode;
+    /**
+     * Determines whether to apply the bold style or not.
+     */
+    isBold?: boolean;
+    /**
+     * max-width of lozenge container. Default to 200px.
+     */
+    maxWidth?: number | string;
+    /**
+     * Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
+     */
+    style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+}
+/**
+ * __Lozenge__
+ *
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
+ *
+ * - [Examples](https://atlassian.design/components/lozenge/examples)
+ * - [Code](https://atlassian.design/components/lozenge/code)
+ * - [Usage](https://atlassian.design/components/lozenge/usage)
+ */
+declare const Lozenge: React.MemoExoticComponent<({ children, testId, isBold, appearance, maxWidth, style, }: LozengeProps) => JSX.Element>;
+export default Lozenge;

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Lozenge';
+export type { ThemeAppearance } from './Lozenge';

package/dist/types-ts4.5/theme.d.ts

@@ -0,0 +1,120 @@
+/**
+ * @deprecated
+ */
+export declare const defaultBackgroundColor: {
+    default: {
+        light: string;
+        dark: string;
+    };
+    inprogress: {
+        light: string;
+        dark: string;
+    };
+    moved: {
+        light: string;
+        dark: string;
+    };
+    new: {
+        light: string;
+        dark: string;
+    };
+    removed: {
+        light: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+    };
+};
+/**
+ * @deprecated
+ */
+export declare const defaultTextColor: {
+    default: {
+        light: string;
+        dark: string;
+    };
+    inprogress: {
+        light: string;
+        dark: string;
+    };
+    moved: {
+        light: string;
+        dark: string;
+    };
+    new: {
+        light: string;
+        dark: string;
+    };
+    removed: {
+        light: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+    };
+};
+/**
+ * @deprecated
+ */
+export declare const boldBackgroundColor: {
+    default: {
+        light: string;
+        dark: string;
+    };
+    inprogress: {
+        light: string;
+        dark: string;
+    };
+    moved: {
+        light: string;
+        dark: string;
+    };
+    new: {
+        light: string;
+        dark: string;
+    };
+    removed: {
+        light: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+    };
+};
+/**
+ * @deprecated
+ */
+export declare const boldTextColor: {
+    default: {
+        light: string;
+        dark: string;
+    };
+    inprogress: {
+        light: string;
+        dark: string;
+    };
+    moved: {
+        light: string;
+        dark: string;
+    };
+    new: {
+        light: string;
+        dark: string;
+    };
+    removed: {
+        light: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+    };
+};
+/**
+ * @deprecated
+ */
+export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/lozenge",
-  "version": "11.4.0",
+  "version": "11.4.2",
   "description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -30,7 +38,7 @@
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-explorations": "^2.1.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -50,7 +58,7 @@
     "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/theme/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/theme.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/theme.d.ts"
+        "../dist/types-ts4.5/theme.d.ts"
       ]
     }
   }

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,30 @@
+## API Report File for "@atlaskit/lozenge"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { CSSProperties } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+
+// @public
+const Lozenge: React_2.MemoExoticComponent<({ children, testId, isBold, appearance, maxWidth, style, }: LozengeProps) => JSX.Element>;
+export default Lozenge;
+
+// @public (undocumented)
+interface LozengeProps {
+    appearance?: ThemeAppearance;
+    children?: ReactNode;
+    isBold?: boolean;
+    maxWidth?: number | string;
+    style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
+    testId?: string;
+}
+
+// @public (undocumented)
+export type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+
+// (No @packageDocumentation comment for this package)
+
+```