@atlaskit/status 3.0.11 → 3.0.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/status
 
+## 3.0.13
+
+### Patch Changes
+
+- [`0fdcb6f2f96fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fdcb6f2f96fd) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
+## 3.0.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.11
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -3,9 +3,9 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"composite": true,
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__status",
-		"rootDir": "../"
+		"rootDir": "../",
+		"composite": true
 	},
 	"include": [
 		"../src/**/*.ts",

package/afm-dev-agents/tsconfig.json

@@ -0,0 +1,51 @@
+{
+	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__status/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/textfield/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
+		}
+	]
+}

package/afm-passionfruit/tsconfig.json

@@ -0,0 +1,51 @@
+{
+	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__status/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags-react/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/textfield/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
+		}
+	]
+}

package/afm-volt/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/dist/cjs/components/analytics.js

@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "3.0.10";
+var packageVersion = "3.0.12";
 var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/es2019/components/analytics.js

@@ -1,6 +1,6 @@
 export const ELEMENTS_CHANNEL = 'fabric-elements';
 const packageName = "@atlaskit/status";
-const packageVersion = "3.0.10";
+const packageVersion = "3.0.12";
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   const statusPayload = {
     ...payload,

package/dist/esm/components/analytics.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 export var ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "3.0.10";
+var packageVersion = "3.0.12";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/types/components/Status.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
 export type StatusStyle = 'bold' | 'subtle';
 export interface OwnProps {
-    text: string;
     color: Color;
-    style?: StatusStyle;
+    isBold?: boolean;
     localId?: string;
     onClick?: (event: React.SyntheticEvent<any>) => void;
     onHover?: () => void;
     role?: string;
-    isBold?: boolean;
+    style?: StatusStyle;
+    text: string;
 }
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare const Status: import("react").ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types/components/StatusPicker.d.ts

@@ -3,13 +3,13 @@ import { type WrappedComponentProps } from 'react-intl-next';
 import { type Color } from './Status';
 export type ColorType = Color;
 export interface Props {
-    selectedColor: ColorType;
-    text: string;
-    onEnter: () => void;
+    autoFocus?: boolean;
     onColorClick: (value: ColorType) => void;
     onColorHover?: (value: ColorType) => void;
+    onEnter: () => void;
     onTextChanged: (value: string) => void;
-    autoFocus?: boolean;
+    selectedColor: ColorType;
+    text: string;
 }
 export declare const StatusPicker: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;

package/dist/types/components/internal/color-palette.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { type Color as ColorType } from '../Status';
 interface ColorPaletteProps {
-    selectedColor?: ColorType;
+    className?: string;
+    cols?: number;
     onClick: (value: ColorType) => void;
     onHover?: (value: ColorType) => void;
-    cols?: number;
-    className?: string;
+    selectedColor?: ColorType;
 }
 declare const _default: ({ cols, onClick, selectedColor, className, onHover }: ColorPaletteProps) => JSX.Element;
 export default _default;

package/dist/types/components/internal/color.d.ts

@@ -1,15 +1,15 @@
 import { PureComponent } from 'react';
 import { type Color as ColorType } from '../Status';
 export interface ColorProps {
-    value: ColorType;
-    tabIndex?: number;
-    isSelected?: boolean;
-    onClick: (value: ColorType) => void;
-    onHover?: (value: ColorType) => void;
     backgroundColor: string;
     borderColor: string;
     iconColor: string;
+    isSelected?: boolean;
+    onClick: (value: ColorType) => void;
+    onHover?: (value: ColorType) => void;
     setRef?: (value: HTMLButtonElement) => HTMLButtonElement;
+    tabIndex?: number;
+    value: ColorType;
 }
 export default class Color extends PureComponent<ColorProps> {
     private hoverStartTime;

package/dist/types-ts4.5/components/Status.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
 export type StatusStyle = 'bold' | 'subtle';
 export interface OwnProps {
-    text: string;
     color: Color;
-    style?: StatusStyle;
+    isBold?: boolean;
     localId?: string;
     onClick?: (event: React.SyntheticEvent<any>) => void;
     onHover?: () => void;
     role?: string;
-    isBold?: boolean;
+    style?: StatusStyle;
+    text: string;
 }
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare const Status: import("react").ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/components/StatusPicker.d.ts

@@ -3,13 +3,13 @@ import { type WrappedComponentProps } from 'react-intl-next';
 import { type Color } from './Status';
 export type ColorType = Color;
 export interface Props {
-    selectedColor: ColorType;
-    text: string;
-    onEnter: () => void;
+    autoFocus?: boolean;
     onColorClick: (value: ColorType) => void;
     onColorHover?: (value: ColorType) => void;
+    onEnter: () => void;
     onTextChanged: (value: string) => void;
-    autoFocus?: boolean;
+    selectedColor: ColorType;
+    text: string;
 }
 export declare const StatusPicker: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;

package/dist/types-ts4.5/components/internal/color-palette.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { type Color as ColorType } from '../Status';
 interface ColorPaletteProps {
-    selectedColor?: ColorType;
+    className?: string;
+    cols?: number;
     onClick: (value: ColorType) => void;
     onHover?: (value: ColorType) => void;
-    cols?: number;
-    className?: string;
+    selectedColor?: ColorType;
 }
 declare const _default: ({ cols, onClick, selectedColor, className, onHover }: ColorPaletteProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/components/internal/color.d.ts

@@ -1,15 +1,15 @@
 import { PureComponent } from 'react';
 import { type Color as ColorType } from '../Status';
 export interface ColorProps {
-    value: ColorType;
-    tabIndex?: number;
-    isSelected?: boolean;
-    onClick: (value: ColorType) => void;
-    onHover?: (value: ColorType) => void;
     backgroundColor: string;
     borderColor: string;
     iconColor: string;
+    isSelected?: boolean;
+    onClick: (value: ColorType) => void;
+    onHover?: (value: ColorType) => void;
     setRef?: (value: HTMLButtonElement) => HTMLButtonElement;
+    tabIndex?: number;
+    value: ColorType;
 }
 export default class Color extends PureComponent<ColorProps> {
     private hoverStartTime;

package/element/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/element.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/element.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/status",
-	"version": "3.0.11",
+	"version": "3.0.13",
 	"description": "Fabric Status React Components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
@@ -35,8 +35,7 @@
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
-		"@emotion/react": "^11.7.1"
+		"@compiled/react": "^0.18.3"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0",
@@ -45,14 +44,12 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
 		"enzyme": "^3.10.0",
 		"react": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
-		"typescript": "~5.4.2"
+		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"keywords": [
 		"ui",

package/picker/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/picker.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/picker.d.ts"
       ]