@atlaskit/inline-message 15.6.0 → 15.6.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/inline-message
 
+## 15.6.2
+
+### Patch Changes
+
+- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
+  Removes redundant fallback color values via @atlaskit/theme
+- Updated dependencies
+
+## 15.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.6.0
 
 ### Minor Changes

package/dist/cjs/components/message-icon/index.compiled.css

@@ -1,12 +1,11 @@
 ._16jlidpf{flex-grow:0}
-._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
-._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
-._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
-._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
-._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
 ._4cvr1h6o{align-items:center}
 ._i0dl1wug{flex-basis:auto}
+._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
 ._syaz1kum{color:var(--icon-accent-color)}
-._syazkr0v{color:var(--icon-color)}
+._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
+._syazervl{color:var(--ds-icon-warning,#e06c00)}
+._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
+._syazs4qr{color:var(--ds-icon-danger,#c9372c)}

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

@@ -9,15 +9,14 @@ exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../constants");
 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 iconColor = {
-  connectivity: "_1b3i1c86",
-  confirmation: "_1b3icdx1",
-  info: "_1b3ige5s",
-  warning: "_1b3i1n6p",
-  error: "_1b3i1378"
+  connectivity: "_syaz1ft0",
+  confirmation: "_syaz4pcx",
+  info: "_syazqm1h",
+  warning: "_syazervl",
+  error: "_syazs4qr"
 };
 var iconWrapperStyles = null;
 var iconColorStyles = null;
@@ -38,7 +37,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
     defaultLabel = _typesMapping$appeara.defaultLabel;
   return /*#__PURE__*/React.createElement("span", {
     "data-ds--inline-message--icon": true,
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o _syazkr0v", isOpen && "_syaz1kum", iconColor[appearance]])
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
   }, /*#__PURE__*/React.createElement(Icon, {
     testId: "inline-message-icon",
     label: label || defaultLabel,

package/dist/es2019/components/message-icon/index.compiled.css

@@ -1,12 +1,11 @@
 ._16jlidpf{flex-grow:0}
-._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
-._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
-._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
-._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
-._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
 ._4cvr1h6o{align-items:center}
 ._i0dl1wug{flex-basis:auto}
+._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
 ._syaz1kum{color:var(--icon-accent-color)}
-._syazkr0v{color:var(--icon-color)}
+._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
+._syazervl{color:var(--ds-icon-warning,#e06c00)}
+._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
+._syazs4qr{color:var(--ds-icon-danger,#c9372c)}

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

@@ -2,14 +2,13 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
 import { typesMapping } from '../../constants';
 const iconColor = {
-  connectivity: "_1b3i1c86",
-  confirmation: "_1b3icdx1",
-  info: "_1b3ige5s",
-  warning: "_1b3i1n6p",
-  error: "_1b3i1378"
+  connectivity: "_syaz1ft0",
+  confirmation: "_syaz4pcx",
+  info: "_syazqm1h",
+  warning: "_syazervl",
+  error: "_syazs4qr"
 };
 const iconWrapperStyles = null;
 const iconColorStyles = null;
@@ -34,7 +33,7 @@ const SelectedIcon = ({
   } = typesMapping;
   return /*#__PURE__*/React.createElement("span", {
     "data-ds--inline-message--icon": true,
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o _syazkr0v", isOpen && "_syaz1kum", iconColor[appearance]])
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
   }, /*#__PURE__*/React.createElement(Icon, {
     testId: "inline-message-icon",
     label: label || defaultLabel,

package/dist/esm/components/message-icon/index.compiled.css

@@ -1,12 +1,11 @@
 ._16jlidpf{flex-grow:0}
-._1b3i1378{--icon-color:var(--ds-icon-danger,#de350b)}
-._1b3i1c86{--icon-color:var(--ds-icon-brand,#0052cc)}
-._1b3i1n6p{--icon-color:var(--ds-icon-warning,#ffab00)}
-._1b3icdx1{--icon-color:var(--ds-icon-success,#36b37e)}
-._1b3ige5s{--icon-color:var(--ds-icon-discovery,#6554c0)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
 ._4cvr1h6o{align-items:center}
 ._i0dl1wug{flex-basis:auto}
+._syaz1ft0{color:var(--ds-icon-brand,#1868db)}
 ._syaz1kum{color:var(--icon-accent-color)}
-._syazkr0v{color:var(--icon-color)}
+._syaz4pcx{color:var(--ds-icon-success,#6a9a23)}
+._syazervl{color:var(--ds-icon-warning,#e06c00)}
+._syazqm1h{color:var(--ds-icon-discovery,#af59e1)}
+._syazs4qr{color:var(--ds-icon-danger,#c9372c)}

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

@@ -2,14 +2,13 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { B400, G300, P300, R400, Y300 } from '@atlaskit/theme/colors';
 import { typesMapping } from '../../constants';
 var iconColor = {
-  connectivity: "_1b3i1c86",
-  confirmation: "_1b3icdx1",
-  info: "_1b3ige5s",
-  warning: "_1b3i1n6p",
-  error: "_1b3i1378"
+  connectivity: "_syaz1ft0",
+  confirmation: "_syaz4pcx",
+  info: "_syazqm1h",
+  warning: "_syazervl",
+  error: "_syazs4qr"
 };
 var iconWrapperStyles = null;
 var iconColorStyles = null;
@@ -30,7 +29,7 @@ var SelectedIcon = function SelectedIcon(_ref) {
     defaultLabel = _typesMapping$appeara.defaultLabel;
   return /*#__PURE__*/React.createElement("span", {
     "data-ds--inline-message--icon": true,
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o _syazkr0v", isOpen && "_syaz1kum", iconColor[appearance]])
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _1e0c1txw _4cvr1h6o", iconColor[appearance], isOpen && "_syaz1kum"])
   }, /*#__PURE__*/React.createElement(Icon, {
     testId: "inline-message-icon",
     label: label || defaultLabel,

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.6.0",
+	"version": "15.6.2",
 	"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,14 +26,14 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/popup": "^4.13.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/popup": "^4.14.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -46,9 +46,10 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/modal-dialog": "^14.11.0",
+		"@atlaskit/modal-dialog": "^14.13.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"