@atlaskit/lozenge 11.2.1 → 11.2.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/lozenge
 
+## 11.2.2
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 11.2.1
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

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

@@ -0,0 +1,42 @@
+/** @jsx jsx */
+import { CSSProperties, ReactNode } from 'react';
+export declare 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: import("react").MemoExoticComponent<({ children, testId, isBold, appearance, maxWidth, style, }: LozengeProps) => JSX.Element>;
+export default Lozenge;

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

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

package/dist/types-ts4.0/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 declare type ThemeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/lozenge",
-  "version": "11.2.1",
+  "version": "11.2.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,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -36,6 +43,7 @@
   "devDependencies": {
     "@atlaskit/button": "*",
     "@atlaskit/docs": "*",
+    "@atlaskit/ds-lib": "^2.1.1",
     "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -44,7 +52,7 @@
     "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/theme/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/theme.js",
   "module:es2019": "../dist/es2019/theme.js",
   "sideEffects": false,
-  "types": "../dist/types/theme.d.ts"
+  "types": "../dist/types/theme.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/theme.d.ts"
+      ]
+    }
+  }
 }