@atlaskit/lozenge 13.2.2 → 13.3.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/lozenge
 
+## 13.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.0
+
+### Minor Changes
+
+- [`3f338c9019166`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f338c9019166) -
+  Added “./lozenge-dropdown-trigger” entrypoint. Mapped the new semantic values to the existing
+  appearance to ensure backward compatibility.
+
 ## 13.2.2
 
 ### Patch Changes

package/dist/cjs/lozenge.compiled.css

@@ -24,8 +24,8 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bfhkxmjf{background-color:#f9c84e}
 ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
-._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._kqswpfqs{position:static}
 ._o5721q9c{white-space:nowrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/cjs/lozenge.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   container: "_2rkofajl _1reo15vq _18m915vq _1e0c116y _vchhusvi _kqswpfqs _1kz6184x _bozg1b66 _y4ti1b66",
   containerSubtle: "_1cwg1n1a",
-  text: "_1reo15vq _18m915vq _ect41gqc _1wyb1skh _zg8l4jg8 _k48pmoej _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
+  text: "_1reo15vq _18m915vq _ect4ttxp _1wyb1skh _zg8l4jg8 _k48pwu06 _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
   customLetterspacing: "_1dyz9vsi",
   'bg.bold.default': "_bfhk1fkg",
   'bg.bold.inprogress': "_bfhk1ymo",
@@ -44,7 +44,21 @@ var styles = {
   'text.subtle': "_syazi7uo",
   'text.bold': "_syazwwip"
 };
-var appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed', 'success'];
+var appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed'];
+var newSemanticColors = ['success', 'discovery', 'warning', 'danger', 'information', 'neutral'];
+var appearanceMapping = {
+  neutral: 'default',
+  default: 'default',
+  information: 'inprogress',
+  inprogress: 'inprogress',
+  warning: 'moved',
+  moved: 'moved',
+  removed: 'removed',
+  danger: 'removed',
+  success: 'success',
+  discovery: 'new',
+  new: 'new'
+};
 /**
  * __Lozenge__
  *
@@ -66,7 +80,7 @@ var LegacyLozenge = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     style = _ref.style;
   var appearanceStyle = isBold ? 'bold' : 'subtle';
   var appearanceType = (0, _react.useMemo)(function () {
-    return appearanceTypes.includes(appearance) ? appearance : 'default';
+    return appearanceTypes.includes(appearance) || newSemanticColors.includes(appearance) ? appearanceMapping[appearance] : 'default';
   }, [appearance]);
   var maxWidthValue = typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px");
   var maxWidthIsPc = typeof maxWidth === 'string' && /%$/.test(maxWidth);

package/dist/cjs/new/lozenge-base.compiled.css

@@ -1,5 +1,5 @@
 
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}

package/dist/cjs/new/lozenge-base.js

@@ -24,7 +24,7 @@ var styles = {
   container: "_2rko12b0 _1reo15vq _18m915vq _zulp1b66 _1rjcv77o _18zr1b66 _189ee4h9 _1dqonqa1 _1h6d1j28 _1e0c116y _4cvr1h6o _vchhusvi _4t3igktf",
   containerInteractive: "_80omtlke _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa",
   containerSelected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp",
-  text: "_11c81o8v _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  text: "_11c8wadc _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
   textSelected: "_syaz6x5g",
   'semantic.success': "_1b3i4pcx _3wu01mps _bfhk14j0 _syaz1p1e",
   'semantic.warning': "_1b3iervl _3wu01xiv _bfhk10f4 _syazmgs1",

package/dist/cjs/new/lozenge.js

@@ -32,7 +32,6 @@ var Lozenge = function Lozenge(_ref) {
   return /*#__PURE__*/React.createElement(_lozengeBase.default, {
     appearance: appearance,
     iconBefore: iconBefore,
-    isInteractive: true,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,

package/dist/es2019/lozenge.compiled.css

@@ -24,8 +24,8 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bfhkxmjf{background-color:#f9c84e}
 ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
-._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._kqswpfqs{position:static}
 ._o5721q9c{white-space:nowrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/es2019/lozenge.js

@@ -12,7 +12,7 @@ import NewLozenge from './new/lozenge';
 const styles = {
   container: "_2rkofajl _1reo15vq _18m915vq _1e0c116y _vchhusvi _kqswpfqs _1kz6184x _bozg1b66 _y4ti1b66",
   containerSubtle: "_1cwg1n1a",
-  text: "_1reo15vq _18m915vq _ect41gqc _1wyb1skh _zg8l4jg8 _k48pmoej _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
+  text: "_1reo15vq _18m915vq _ect4ttxp _1wyb1skh _zg8l4jg8 _k48pwu06 _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
   customLetterspacing: "_1dyz9vsi",
   'bg.bold.default': "_bfhk1fkg",
   'bg.bold.inprogress': "_bfhk1ymo",
@@ -35,7 +35,21 @@ const styles = {
   'text.subtle': "_syazi7uo",
   'text.bold': "_syazwwip"
 };
-const appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed', 'success'];
+const appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed'];
+const newSemanticColors = ['success', 'discovery', 'warning', 'danger', 'information', 'neutral'];
+const appearanceMapping = {
+  neutral: 'default',
+  default: 'default',
+  information: 'inprogress',
+  inprogress: 'inprogress',
+  warning: 'moved',
+  moved: 'moved',
+  removed: 'removed',
+  danger: 'removed',
+  success: 'success',
+  discovery: 'new',
+  new: 'new'
+};
 /**
  * __Lozenge__
  *
@@ -54,7 +68,7 @@ const LegacyLozenge = /*#__PURE__*/memo(({
   style
 }) => {
   const appearanceStyle = isBold ? 'bold' : 'subtle';
-  const appearanceType = useMemo(() => appearanceTypes.includes(appearance) ? appearance : 'default', [appearance]);
+  const appearanceType = useMemo(() => appearanceTypes.includes(appearance) || newSemanticColors.includes(appearance) ? appearanceMapping[appearance] : 'default', [appearance]);
   const maxWidthValue = typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`;
   const maxWidthIsPc = typeof maxWidth === 'string' && /%$/.test(maxWidth);
   return /*#__PURE__*/React.createElement("span", {

package/dist/es2019/new/lozenge-base.compiled.css

@@ -1,5 +1,5 @@
 
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}

package/dist/es2019/new/lozenge-base.js

@@ -12,7 +12,7 @@ const styles = {
   container: "_2rko12b0 _1reo15vq _18m915vq _zulp1b66 _1rjcv77o _18zr1b66 _189ee4h9 _1dqonqa1 _1h6d1j28 _1e0c116y _4cvr1h6o _vchhusvi _4t3igktf",
   containerInteractive: "_80omtlke _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa",
   containerSelected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp",
-  text: "_11c81o8v _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  text: "_11c8wadc _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
   textSelected: "_syaz6x5g",
   'semantic.success': "_1b3i4pcx _3wu01mps _bfhk14j0 _syaz1p1e",
   'semantic.warning': "_1b3iervl _3wu01xiv _bfhk10f4 _syazmgs1",

package/dist/es2019/new/lozenge.js

@@ -22,7 +22,6 @@ const Lozenge = ({
   return /*#__PURE__*/React.createElement(LozengeBase, {
     appearance: appearance,
     iconBefore: iconBefore,
-    isInteractive: true,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,

package/dist/esm/lozenge.compiled.css

@@ -24,8 +24,8 @@
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._bfhkxmjf{background-color:#f9c84e}
 ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
-._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
 ._kqswpfqs{position:static}
 ._o5721q9c{white-space:nowrap}
 ._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/esm/lozenge.js

@@ -12,7 +12,7 @@ import NewLozenge from './new/lozenge';
 var styles = {
   container: "_2rkofajl _1reo15vq _18m915vq _1e0c116y _vchhusvi _kqswpfqs _1kz6184x _bozg1b66 _y4ti1b66",
   containerSubtle: "_1cwg1n1a",
-  text: "_1reo15vq _18m915vq _ect41gqc _1wyb1skh _zg8l4jg8 _k48pmoej _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
+  text: "_1reo15vq _18m915vq _ect4ttxp _1wyb1skh _zg8l4jg8 _k48pwu06 _vwz47vkz _1bto1l2s _1p1dangw _o5721q9c",
   customLetterspacing: "_1dyz9vsi",
   'bg.bold.default': "_bfhk1fkg",
   'bg.bold.inprogress': "_bfhk1ymo",
@@ -35,7 +35,21 @@ var styles = {
   'text.subtle': "_syazi7uo",
   'text.bold': "_syazwwip"
 };
-var appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed', 'success'];
+var appearanceTypes = ['default', 'inprogress', 'moved', 'new', 'removed'];
+var newSemanticColors = ['success', 'discovery', 'warning', 'danger', 'information', 'neutral'];
+var appearanceMapping = {
+  neutral: 'default',
+  default: 'default',
+  information: 'inprogress',
+  inprogress: 'inprogress',
+  warning: 'moved',
+  moved: 'moved',
+  removed: 'removed',
+  danger: 'removed',
+  success: 'success',
+  discovery: 'new',
+  new: 'new'
+};
 /**
  * __Lozenge__
  *
@@ -57,7 +71,7 @@ var LegacyLozenge = /*#__PURE__*/memo(function (_ref) {
     style = _ref.style;
   var appearanceStyle = isBold ? 'bold' : 'subtle';
   var appearanceType = useMemo(function () {
-    return appearanceTypes.includes(appearance) ? appearance : 'default';
+    return appearanceTypes.includes(appearance) || newSemanticColors.includes(appearance) ? appearanceMapping[appearance] : 'default';
   }, [appearance]);
   var maxWidthValue = typeof maxWidth === 'string' ? maxWidth : "".concat(maxWidth, "px");
   var maxWidthIsPc = typeof maxWidth === 'string' && /%$/.test(maxWidth);

package/dist/esm/new/lozenge-base.compiled.css

@@ -1,5 +1,5 @@
 
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}

package/dist/esm/new/lozenge-base.js

@@ -15,7 +15,7 @@ var styles = {
   container: "_2rko12b0 _1reo15vq _18m915vq _zulp1b66 _1rjcv77o _18zr1b66 _189ee4h9 _1dqonqa1 _1h6d1j28 _1e0c116y _4cvr1h6o _vchhusvi _4t3igktf",
   containerInteractive: "_80omtlke _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa",
   containerSelected: "_bfhk15s3 _syaz6x5g _irr3ufnl _1di6nozp",
-  text: "_11c81o8v _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
+  text: "_11c8wadc _1reo15vq _18m915vq _1bto1l2s _o5721q9c",
   textSelected: "_syaz6x5g",
   'semantic.success': "_1b3i4pcx _3wu01mps _bfhk14j0 _syaz1p1e",
   'semantic.warning': "_1b3iervl _3wu01xiv _bfhk10f4 _syazmgs1",

package/dist/esm/new/lozenge.js

@@ -23,7 +23,6 @@ var Lozenge = function Lozenge(_ref) {
   return /*#__PURE__*/React.createElement(LozengeBase, {
     appearance: appearance,
     iconBefore: iconBefore,
-    isInteractive: true,
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,

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

@@ -1,9 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
 import { type LozengeDropdownTriggerProps, type NewLozengeProps } from './types';
+interface LozengeBaseProps extends NewLozengeProps, LozengeDropdownTriggerProps {
+    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<(NewLozengeProps | LozengeDropdownTriggerProps) & import("react").RefAttributes<HTMLButtonElement | HTMLElement>>>;
+declare const LozengeBase: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<LozengeBaseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | HTMLElement>>>;
 export default LozengeBase;

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

@@ -35,16 +35,6 @@ export interface NewLozengeProps {
      * Icon to display before the text content. Should be an ADS icon component.
      */
     iconBefore?: IconProp;
-    /**
-     * Whether the lozenge is interactive (dropdown trigger). Only used internally.
-     * @internal
-     */
-    isInteractive?: boolean;
-    /**
-     * Whether the lozenge is selected (for dropdown triggers). Only used internally.
-     * @internal
-     */
-    isSelected?: boolean;
     /**
      * max-width of lozenge container. Default to 200px.
      */
@@ -54,22 +44,6 @@ export interface NewLozengeProps {
      * @deprecated This prop is deprecated and will be removed in a future version.
      */
     style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
-    /**
-     * Callback fired when the lozenge is clicked (only for interactive lozenges).
-     * The second argument provides an Atlaskit UI analytics event.
-     * @internal
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events.
-     * @internal
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * An optional name used to identify events for React UFO press interactions.
-     * @internal
-     */
-    interactionName?: string;
     /**
      * 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,
@@ -84,7 +58,7 @@ export interface NewLozengeProps {
 /**
  * Props for the LozengeDropdownTrigger component
  */
-export interface LozengeDropdownTriggerProps extends Omit<NewLozengeProps, 'onClick' | 'isInteractive'> {
+export interface LozengeDropdownTriggerProps extends NewLozengeProps {
     /**
      * Whether the dropdown is currently selected/open.
      */

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

@@ -1,9 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
 import { type LozengeDropdownTriggerProps, type NewLozengeProps } from './types';
+interface LozengeBaseProps extends NewLozengeProps, LozengeDropdownTriggerProps {
+    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<(NewLozengeProps | LozengeDropdownTriggerProps) & import("react").RefAttributes<HTMLButtonElement | HTMLElement>>>;
+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/types.d.ts

@@ -35,16 +35,6 @@ export interface NewLozengeProps {
      * Icon to display before the text content. Should be an ADS icon component.
      */
     iconBefore?: IconProp;
-    /**
-     * Whether the lozenge is interactive (dropdown trigger). Only used internally.
-     * @internal
-     */
-    isInteractive?: boolean;
-    /**
-     * Whether the lozenge is selected (for dropdown triggers). Only used internally.
-     * @internal
-     */
-    isSelected?: boolean;
     /**
      * max-width of lozenge container. Default to 200px.
      */
@@ -54,22 +44,6 @@ export interface NewLozengeProps {
      * @deprecated This prop is deprecated and will be removed in a future version.
      */
     style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
-    /**
-     * Callback fired when the lozenge is clicked (only for interactive lozenges).
-     * The second argument provides an Atlaskit UI analytics event.
-     * @internal
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
-    /**
-     * Additional information to be included in the `context` of Atlaskit analytics events.
-     * @internal
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * An optional name used to identify events for React UFO press interactions.
-     * @internal
-     */
-    interactionName?: string;
     /**
      * 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,
@@ -84,7 +58,7 @@ export interface NewLozengeProps {
 /**
  * Props for the LozengeDropdownTrigger component
  */
-export interface LozengeDropdownTriggerProps extends Omit<NewLozengeProps, 'onClick' | 'isInteractive'> {
+export interface LozengeDropdownTriggerProps extends NewLozengeProps {
     /**
      * Whether the dropdown is currently selected/open.
      */

package/lozenge-dropdown-trigger/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/lozenge/lozenge-dropdown-trigger",
+  "main": "../dist/cjs/new/lozenge-dropdown-trigger.js",
+  "module": "../dist/esm/new/lozenge-dropdown-trigger.js",
+  "module:es2019": "../dist/es2019/new/lozenge-dropdown-trigger.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/new/lozenge-dropdown-trigger.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/new/lozenge-dropdown-trigger.d.ts"
+      ]
+    }
+  }
+}

package/offerings.json

@@ -30,7 +30,6 @@
 			"Use consistent terminology across lozenges",
 			"Consider text length and readability"
 		],
-		"generativeInstructions": "./docs/ai/lozenge-instructions.md",
 		"examples": ["./examples/ai/lozenge.tsx"]
 	}
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "13.2.2",
+	"version": "13.3.1",
 	"description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,17 +28,34 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Lozenge",
-			"category": "Status indicators"
+			"category": "Status indicators",
+			"subPages": [
+				{
+					"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."
+					}
+				},
+				{
+					"title": "Lozenge Dropdown Trigger",
+					"id": "lozenge-dropdown-trigger",
+					"status": {
+						"type": "alpha"
+					}
+				}
+			]
 		}
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/primitives": "^17.1.0",
+		"@atlaskit/tokens": "^10.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
 	},
@@ -49,14 +66,14 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.2.0",
-		"@atlaskit/dropdown-menu": "^16.3.0",
+		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@testing-library/react": "^13.4.0",
+		"@testing-library/react": "^16.3.0",
 		"jscodeshift": "^17.0.0",
 		"react-dom": "^18.2.0"
 	},