@atlaskit/lozenge 13.4.2 → 13.4.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/lozenge
 
+## 13.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.4.2
 
 ### Patch Changes

package/dist/types/new/icon-renderer.d.ts

@@ -22,5 +22,5 @@ export interface IconRendererProps {
  * Icon renderer for lozenge components
  * Handles proper sizing and color theming for icons
  */
-export declare const IconRenderer: ({ icon: Icon, color, testId, size }: IconRendererProps) => React.JSX.Element;
+export declare const IconRenderer: (props: IconRendererProps) => React.JSX.Element;
 export default IconRenderer;

package/dist/types/new/lozenge-base.d.ts

@@ -1,17 +1,9 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type Ref } from 'react';
 import { type LozengeBaseProps } from './types';
-type LozengeBasePropsWithRef = LozengeBaseProps & {
-    ref?: Ref<HTMLElement | HTMLButtonElement>;
-};
 /**
  * __New Lozenge__
  *
  * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
  * This is the updated version with the new North Star visual language.
  */
-declare const LozengeBase: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<LozengeBasePropsWithRef, "ref"> & import("react").RefAttributes<HTMLElement | HTMLButtonElement>>>;
+declare const LozengeBase: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<LozengeBaseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | HTMLElement>>>;
 export default LozengeBase;

package/dist/types/new/lozenge.d.ts

@@ -9,7 +9,7 @@ import { type NewLozengeProps } from './types';
  * - [Usage](https://atlassian.design/components/lozenge/usage)
  */
 declare const Lozenge: {
-    ({ appearance, spacing, maxWidth, style, testId, children, iconBefore, trailingMetric, trailingMetricAppearance, }: NewLozengeProps): JSX.Element;
+    ({ appearance, spacing, maxWidth, style, testId, children, iconBefore, }: NewLozengeProps): JSX.Element;
     displayName: string;
 };
 export default Lozenge;

package/dist/types-ts4.5/new/icon-renderer.d.ts

@@ -22,5 +22,5 @@ export interface IconRendererProps {
  * Icon renderer for lozenge components
  * Handles proper sizing and color theming for icons
  */
-export declare const IconRenderer: ({ icon: Icon, color, testId, size }: IconRendererProps) => React.JSX.Element;
+export declare const IconRenderer: (props: IconRendererProps) => React.JSX.Element;
 export default IconRenderer;

package/dist/types-ts4.5/new/lozenge-base.d.ts

@@ -1,17 +1,9 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type Ref } from 'react';
 import { type LozengeBaseProps } from './types';
-type LozengeBasePropsWithRef = LozengeBaseProps & {
-    ref?: Ref<HTMLElement | HTMLButtonElement>;
-};
 /**
  * __New Lozenge__
  *
  * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
  * This is the updated version with the new North Star visual language.
  */
-declare const LozengeBase: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<LozengeBasePropsWithRef, "ref"> & import("react").RefAttributes<HTMLElement | HTMLButtonElement>>>;
+declare const LozengeBase: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<LozengeBaseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | HTMLElement>>>;
 export default LozengeBase;

package/dist/types-ts4.5/new/lozenge.d.ts

@@ -9,7 +9,7 @@ import { type NewLozengeProps } from './types';
  * - [Usage](https://atlassian.design/components/lozenge/usage)
  */
 declare const Lozenge: {
-    ({ appearance, spacing, maxWidth, style, testId, children, iconBefore, trailingMetric, trailingMetricAppearance, }: NewLozengeProps): JSX.Element;
+    ({ appearance, spacing, maxWidth, style, testId, children, iconBefore, }: NewLozengeProps): JSX.Element;
     displayName: string;
 };
 export default Lozenge;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "13.4.2",
+	"version": "13.4.3",
 	"description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,15 +34,16 @@
 					"title": "Lozenge",
 					"id": "lozenge",
 					"status": {
-						"type": "alpha",
-						"description": "This is an experiment under a feature flag. We may make frequent breaking changes with limited notice. We don't recommend using this without support from our team."
+						"type": "beta",
+						"description": "New and ready to use. We'll provide comms and support for any major changes."
 					}
 				},
 				{
 					"title": "Lozenge Dropdown Trigger",
 					"id": "lozenge-dropdown-trigger",
 					"status": {
-						"type": "alpha"
+						"type": "beta",
+						"description": "New and ready to use. We'll provide comms and support for any major changes."
 					}
 				}
 			]
@@ -53,7 +54,7 @@
 		"@atlaskit/badge": "^18.4.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/spinner": "^19.0.0",