@atlaskit/inline-message 15.5.8 → 15.6.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/inline-message
 
+## 15.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.6.0
+
+### Minor Changes
+
+- [`8a0f486ff624f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a0f486ff624f) -
+  [ux] Cleans up add-max-width-and-height-to-inline-message as this feature gate is fully rolled out
+  now.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.5.8
 
 ### Patch Changes

package/dist/cjs/components/inline-message/index.js

@@ -14,9 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react2 = require("@compiled/react");
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
@@ -24,8 +22,7 @@ var _messageIcon = _interopRequireDefault(require("../message-icon"));
 var _excluded = ["ref"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
-  heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
+  contentStyles: "_1reo1wug _18m91wug _bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi _p12flti4 _c71llti4",
   rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
   pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
@@ -94,7 +91,7 @@ var InlineMessage = function InlineMessage(_ref) {
     onClose: onCloseDialog,
     content: function content() {
       return /*#__PURE__*/React.createElement(_compiled.Box, {
-        xcss: (0, _react2.cx)(styles.contentStyles, (0, _platformFeatureFlags.fg)('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
+        xcss: styles.contentStyles
       }, children);
     },
     isOpen: isOpen,

package/dist/es2019/components/inline-message/index.js

@@ -4,16 +4,13 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { cx } from '@compiled/react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
 import MessageIcon from '../message-icon';
 const styles = {
-  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
-  heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
+  contentStyles: "_1reo1wug _18m91wug _bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi _p12flti4 _c71llti4",
   rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
   pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
@@ -70,7 +67,7 @@ const InlineMessage = ({
   }, /*#__PURE__*/React.createElement(Popup, {
     onClose: onCloseDialog,
     content: () => /*#__PURE__*/React.createElement(Box, {
-      xcss: cx(styles.contentStyles, fg('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
+      xcss: styles.contentStyles
     }, children),
     isOpen: isOpen,
     placement: placement,

package/dist/esm/components/inline-message/index.js

@@ -7,16 +7,13 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { cx } from '@compiled/react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
 import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
 import MessageIcon from '../message-icon';
 var styles = {
-  contentStyles: "_bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi",
-  heightAndWidthConstraints: "_1reo1wug _18m91wug _p12flti4 _c71llti4",
+  contentStyles: "_1reo1wug _18m91wug _bozg1ejb _y4ti1ejb _1q51pxbi _85i5pxbi _p12flti4 _c71llti4",
   rootStyles: "_1e0c1o8l _p12f1osq _1yyu1kum _y2mv1w7i",
   pressableStyles: "_2rko1qi0 _11c8fhey _1rjcze3t _18zrze3t _1e0c116y _bfhksm61 _syazazsu _o5721q9c _kqswh2mm _4cvr1q9y _p12f1osq _4t3i1wug _1bsb1wug _s7n41q9y _9oik1r31 _1bnx8stv _jf4cnqa1"
 };
@@ -85,7 +82,7 @@ var InlineMessage = function InlineMessage(_ref) {
     onClose: onCloseDialog,
     content: function content() {
       return /*#__PURE__*/React.createElement(Box, {
-        xcss: cx(styles.contentStyles, fg('add-max-width-and-height-to-inline-message') && styles.heightAndWidthConstraints)
+        xcss: styles.contentStyles
       }, children);
     },
     isOpen: isOpen,

package/inline-message.docs.tsx

@@ -0,0 +1,53 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'InlineMessage',
+		description: 'In-context notification for more info, warning, error, or confirmation.',
+		status: 'general-availability',
+		import: {
+			name: 'InlineMessage',
+			package: '@atlaskit/inline-message',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for in-context notifications: more info, warning, error, confirmation',
+			'Icon/title/secondary can be used to reveal full message in a popup with context/links',
+			'Keep content to a maximum of five lines (truncation is not accessible)',
+			'Use Flag for minimal interaction; Banner for critical/system; Modal when immediate action is required',
+		],
+		contentGuidelines: [
+			'Use clear, concise message text',
+			'Provide specific, actionable feedback',
+			'Use appropriate tone for message type',
+			'Keep messages focused and relevant',
+			'Warning: before action, empathy, offer alternative',
+			'Error: explain and next step; use "we" not "you"',
+			'Confirmation: confirm, then get out of the way',
+			'Information: inform, no action needed',
+			'Use clear, concise message text; keep focused and relevant',
+		],
+		accessibilityGuidelines: [
+			'Keep to max five lines—truncation is not accessible',
+			'Recommend a title; icon-only is easily missed by screen readers',
+			'Use iconLabel when there is no title or when the icon adds context (e.g. error)',
+			'Ensure message content is announced by screen readers',
+			'Use appropriate message types and colors',
+		],
+		examples: [
+			{
+				name: 'Inline Message',
+				description: 'Inline Message example',
+				source: path.resolve(__dirname, './examples/ai/inline-message.tsx'),
+			},
+		],
+		keywords: ['message', 'inline', 'feedback', 'status', 'alert'],
+		categories: ['feedback'],
+	},
+];
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-message",
-	"version": "15.5.8",
+	"version": "15.6.1",
 	"description": "An inline message lets users know when important information is available or when an action is required.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
@@ -44,11 +44,12 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0"
@@ -90,9 +91,6 @@
 	"platform-feature-flags": {
 		"dst-a11y__replace-anchor-with-link__design-system-": {
 			"type": "boolean"
-		},
-		"add-max-width-and-height-to-inline-message": {
-			"type": "boolean"
 		}
 	}
 }