@atlaskit/lozenge 13.4.2 → 13.4.4

package/CHANGELOG.md

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

package/dist/types/lozenge.d.ts

@@ -38,5 +38,5 @@ export interface LozengeProps {
 /**
  * Wrapper component that switches between old and new Lozenge based on feature flag
  */
-declare const LozengeWrapper: import("react").MemoExoticComponent<(props: LozengeProps | NewLozengeProps) => JSX.Element>;
+declare const LozengeWrapper: import('react').MemoExoticComponent<(props: LozengeProps | NewLozengeProps) => JSX.Element>;
 export default LozengeWrapper;

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-dropdown-trigger.d.ts

@@ -11,5 +11,5 @@ import { type LozengeDropdownTriggerProps } from './types';
  * - Built for dropdown menu interactions
  * - Supports analytics events and UFO press interactions
  */
-declare const LozengeDropdownTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LozengeDropdownTriggerProps & import("react").RefAttributes<HTMLElement>>>;
+declare const LozengeDropdownTrigger: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LozengeDropdownTriggerProps & import('react').RefAttributes<HTMLElement>>>;
 export default LozengeDropdownTrigger;

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/lozenge.d.ts

@@ -38,5 +38,5 @@ export interface LozengeProps {
 /**
  * Wrapper component that switches between old and new Lozenge based on feature flag
  */
-declare const LozengeWrapper: import("react").MemoExoticComponent<(props: LozengeProps | NewLozengeProps) => JSX.Element>;
+declare const LozengeWrapper: import('react').MemoExoticComponent<(props: LozengeProps | NewLozengeProps) => JSX.Element>;
 export default LozengeWrapper;

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-dropdown-trigger.d.ts

@@ -11,5 +11,5 @@ import { type LozengeDropdownTriggerProps } from './types';
  * - Built for dropdown menu interactions
  * - Supports analytics events and UFO press interactions
  */
-declare const LozengeDropdownTrigger: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LozengeDropdownTriggerProps & import("react").RefAttributes<HTMLElement>>>;
+declare const LozengeDropdownTrigger: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LozengeDropdownTriggerProps & import('react').RefAttributes<HTMLElement>>>;
 export default LozengeDropdownTrigger;

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.4",
 	"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. These visual updates are currently behind the feature flag: `platform-dst-lozenge-tag-badge-visual-uplifts`. 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": "^32.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -68,7 +69,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/docs": "^11.4.0",
 		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",