@atlaskit/lozenge 13.5.2 → 13.5.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/lozenge
 
+## 13.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.5.3
+
+### Patch Changes
+
+- [`18245cbd990e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18245cbd990e3) -
+  Added motion to opening and closing of Popup
+- Updated dependencies
+
 ## 13.5.2
 
 ### Patch Changes

package/dist/types/lozenge.d.ts

@@ -16,7 +16,7 @@ export interface LozengeProps {
     children?: ReactNode;
     /**
      * Determines whether to apply the bold style or not.
-     * @deprecated This prop is deprecated and will be removed in an upcoming major release. Use Tag component for non-bold styles.
+     * @deprecated Deprecated. Will be removed in a future major release. Lozenge will be bold by default. For labels and categorization, use Tag instead.
      */
     isBold?: boolean;
     /**

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

@@ -54,7 +54,7 @@ type NewLozengeBaseProps = {
      */
     testId?: string;
     /**
-     * @deprecated This prop is deprecated and will be removed. Use Tag component for non-bold styles.
+     * @deprecated Deprecated. Will be removed in a future major release. Lozenge will be bold by default. For labels and categorization, use Tag instead.
      */
     isBold?: boolean;
 };

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

@@ -16,7 +16,7 @@ export interface LozengeProps {
     children?: ReactNode;
     /**
      * Determines whether to apply the bold style or not.
-     * @deprecated This prop is deprecated and will be removed in an upcoming major release. Use Tag component for non-bold styles.
+     * @deprecated Deprecated. Will be removed in a future major release. Lozenge will be bold by default. For labels and categorization, use Tag instead.
      */
     isBold?: boolean;
     /**

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

@@ -54,7 +54,7 @@ type NewLozengeBaseProps = {
      */
     testId?: string;
     /**
-     * @deprecated This prop is deprecated and will be removed. Use Tag component for non-bold styles.
+     * @deprecated Deprecated. Will be removed in a future major release. Lozenge will be bold by default. For labels and categorization, use Tag instead.
      */
     isBold?: boolean;
 };

package/lozenge.docs.tsx

@@ -6,8 +6,8 @@ const documentation: ComponentStructuredContentSource[] = [
 	{
 		name: 'Lozenge',
 		description:
-			'A lozenge is a small visual indicator used to show status, category, or other short text labels.',
-		status: 'general-availability',
+			"A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
+		status: 'general-availability', // beta lozenge is feature-flagged
 		import: {
 			name: 'Lozenge',
 			package: '@atlaskit/lozenge',
@@ -44,6 +44,45 @@ const documentation: ComponentStructuredContentSource[] = [
 		keywords: ['lozenge', 'badge', 'label', 'status', 'indicator', 'pill'],
 		categories: ['status-indicators'],
 	},
+	{
+		name: 'LozengeDropdownTrigger',
+		description:
+			"Lozenge dropdown trigger displays an item's status and enables switching through a menu.",
+		status: 'open-beta',
+		import: {
+			name: 'LozengeDropdownTrigger',
+			package: '@atlaskit/lozenge',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for status switching—only open a dropdown or popup to allow quick status changes',
+			'Use spacious sizing when displayed alongside buttons',
+			"Don't use to communicate other information like additional status details; use lozenge instead",
+		],
+		contentGuidelines: [
+			'Use clear, concise status labels',
+			'Keep labels short—max 200px width causes truncation and lozenges are not focusable',
+			"Don't use color alone; use clear labels and supporting icons where relevant",
+		],
+		accessibilityGuidelines: [
+			"Don't use color alone to signify state; use clear labels and icons",
+			"Don't use long labels—truncation isn't accessible as lozenges can't be focused",
+		],
+		examples: [
+			{
+				name: 'Lozenge Dropdown Trigger',
+				description: 'LozengeDropdownTrigger example',
+				source: path.resolve(
+					__dirname,
+					'./examples/constellation/lozenge-dropdown-trigger-basic.tsx',
+				),
+			},
+		],
+		keywords: ['lozenge', 'dropdown', 'trigger', 'status', 'menu', 'interactive'],
+		categories: ['status-indicators'],
+	},
 ];
 
 export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "13.5.2",
+	"version": "13.5.4",
 	"description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,15 +50,15 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/badge": "^18.4.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -70,7 +70,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/dropdown-menu": "^16.7.0",
+		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/section-message": "^8.12.0",
@@ -109,6 +109,9 @@
 		},
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
+		},
+		"platform-dst-motion-uplift": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/lozenge/"