@atlaskit/flag 17.8.7 → 17.8.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/flag
 
+## 17.8.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.8.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.8.7
 
 ### Patch Changes

package/dist/cjs/auto-dismiss-flag.js

@@ -14,7 +14,7 @@ var _flag = _interopRequireDefault(require("./flag"));
 var _flagGroup = require("./flag-group");
 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 packageName = "@atlaskit/flag";
-var packageVersion = "17.8.6";
+var packageVersion = "0.0.0-development";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-actions.js

@@ -1,4 +1,4 @@
-/* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-actions.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 "use strict";
 

package/dist/cjs/flag-group.js

@@ -1,4 +1,4 @@
-/* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-group.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/flag.js

@@ -1,4 +1,4 @@
-/* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -41,7 +41,7 @@ var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "17.8.6"
+  packageVersion: "0.0.0-development"
 };
 var transitionStyles = null;
 

package/dist/cjs/internal/expander.js

@@ -1,4 +1,4 @@
-/* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* expander.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 const packageName = "@atlaskit/flag";
-const packageVersion = "17.8.6";
+const packageVersion = "0.0.0-development";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-actions.js

@@ -1,4 +1,4 @@
-/* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-actions.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 import "./flag-actions.compiled.css";
 import * as React from 'react';

package/dist/es2019/flag-group.js

@@ -1,4 +1,4 @@
-/* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-group.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./flag-group.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/flag.js

@@ -1,4 +1,4 @@
-/* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./flag.compiled.css";
 import * as React from 'react';
@@ -28,7 +28,7 @@ const flagWrapperStyles = null;
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "17.8.6"
+  packageVersion: "0.0.0-development"
 };
 const transitionStyles = null;
 

package/dist/es2019/internal/expander.js

@@ -1,4 +1,4 @@
-/* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* expander.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./expander.compiled.css";
 import * as React from 'react';

package/dist/esm/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 var packageName = "@atlaskit/flag";
-var packageVersion = "17.8.6";
+var packageVersion = "0.0.0-development";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-actions.js

@@ -1,4 +1,4 @@
-/* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-actions.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 import "./flag-actions.compiled.css";
 import * as React from 'react';

package/dist/esm/flag-group.js

@@ -1,4 +1,4 @@
-/* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag-group.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _typeof from "@babel/runtime/helpers/typeof";
 import "./flag-group.compiled.css";
 import * as React from 'react';

package/dist/esm/flag.js

@@ -1,4 +1,4 @@
-/* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* flag.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -32,7 +32,7 @@ var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "17.8.6"
+  packageVersion: "0.0.0-development"
 };
 var transitionStyles = null;
 

package/dist/esm/internal/expander.js

@@ -1,4 +1,4 @@
-/* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* expander.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./expander.compiled.css";
 import * as React from 'react';

package/flag.docs.tsx

@@ -0,0 +1,58 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Flag',
+		description: 'A component for displaying brief messages.',
+		status: 'general-availability',
+		import: {
+			name: 'Flag',
+			package: '@atlaskit/flag',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for confirmations and alerts needing minimal interaction',
+			'Position at bottom left; overlays content',
+			'Default: dismissible, event-driven (e.g. avatar update). Bold: not dismissible, severity (success/loading/warning/error), collapsed/expanded',
+			'Use Banner for critical/system messages; Inline message when action is required; Modal for immediate action',
+		],
+		contentGuidelines: [
+			'Be clear about what went wrong for errors',
+			'Provide specific steps to resolve issues',
+			'Use a helpful, non-threatening tone',
+			'Clearly state potential consequences for warnings',
+			'Confirm outcome then get out of the way for success messages',
+			'Information: inform, no action needed',
+			'Warning: before action, empathy, offer alternative',
+			'Error: explain what went wrong and next step; use "we" not "you"',
+			'Success: confirm outcome, then get out of the way; option to view details',
+			'Be clear and concise; use a helpful, non-threatening tone',
+		],
+		accessibilityGuidelines: [
+			'Keep copy concise for zoom and long words',
+			'Use h2 for title via `headingLevel` prop; maintain heading hierarchy',
+			'Do not stack dismissible and non-dismissible flags',
+			'Do not rely on color alone for severity',
+			'Avoid dead ends—always indicate how to proceed',
+			'Do not use auto-dismiss for critical messages',
+			'Use descriptive link text that describes the destination',
+			'Ensure flag content is announced by screen readers',
+			'Consider screen reader announcement conflicts',
+		],
+		examples: [
+			{
+				name: 'Flag',
+				description: 'Flag example',
+				source: path.resolve(__dirname, './examples/ai/flag.tsx'),
+			},
+		],
+		keywords: ['flag', 'message', 'notification', 'alert', 'toast'],
+		categories: ['feedback'],
+	},
+];
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "17.8.7",
+	"version": "17.8.9",
 	"description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,18 +35,18 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^5.3.0",
+		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
-		"@atlaskit/motion": "^5.3.0",
+		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/motion": "^5.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.2.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6"
+		"@compiled/react": "^0.20.0"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -55,13 +55,14 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.5.0",
-		"@atlaskit/drawer": "^11.0.0",
+		"@atlaskit/docs": "^11.7.0",
+		"@atlaskit/drawer": "^12.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/spinner": "^19.0.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"