@atlaskit/primitives 14.1.4 → 14.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/primitives
 
+## 14.2.1
+
+### Patch Changes
+
+- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
+  [`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
+  Update `@compiled/react` dependency for improved type checking support.
+- Updated dependencies
+
+## 14.2.0
+
+### Minor Changes
+
+- [#128868](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128868)
+  [`b24df558e8edb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b24df558e8edb) -
+  Introduces codemod to support the first stage of the compiled migration. This codemod only
+  migrates to the compiled variant if xcss is not used
+
 ## 14.1.4
 
 ### Patch Changes

package/codemods/compiled-fork-stage1/transform.tsx

@@ -0,0 +1,26 @@
+import type { API, FileInfo } from 'jscodeshift';
+
+function transform(file: FileInfo, { j }: API) {
+	const root = j(file.source);
+
+	// Find all import declarations from '@atlaskit/primitives'
+	root.find(j.ImportDeclaration, { source: { value: '@atlaskit/primitives' } }).forEach((path) => {
+		// Check if 'xcss' is imported
+		const hasXcss = path.node.specifiers!.some((specifier) => {
+			if (!j.ImportSpecifier.check(specifier)) {
+				return false;
+			}
+
+			return specifier.imported.name === 'xcss';
+		});
+
+		// If 'xcss' is not imported, change the import to '@atlaskit/primitives/compiled'
+		if (!hasXcss) {
+			path.node.source = j.literal('@atlaskit/primitives/compiled');
+		}
+	});
+
+	return root.toSource();
+}
+
+export default transform;

package/codemods/hypermod.config.tsx

@@ -0,0 +1,9 @@
+import compiledForkStage1 from './compiled-fork-stage1/transform';
+
+const config = {
+	presets: {
+		'compiled-fork-stage1': compiledForkStage1,
+	},
+};
+
+export default config;

package/dist/cjs/compiled/components/anchor.js

@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -109,9 +109,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     target: target,
     onClick: onClick,
     "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
-    "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
     xcss: (0, _react2.cx)(styles.root, xcss),
     testId: testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined

package/dist/cjs/compiled/components/inline.js

@@ -72,9 +72,7 @@ var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(
     gap: space,
     rowGap: rowSpace,
     wrap: shouldWrap ? 'wrap' : undefined,
-    xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/cjs/compiled/components/pressable.js

@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -81,9 +81,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // eslint-disable-next-line react/button-has-type
     type: type,
     onClick: onClick,
-    disabled: isDisabled
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    disabled: isDisabled,
     xcss: (0, _react2.cx)(styles.root, isDisabled && styles.disabled, xcss),
     testId: testId,
     ref: ref

package/dist/cjs/compiled/components/stack.js

@@ -53,9 +53,7 @@ var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(f
     direction: "column",
     alignItems: alignItems,
     justifyContent: spread || alignBlock,
-    xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: (0, _css.cx)(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/cjs/components/anchor.js

@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/components/pressable.js

@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/compiled/components/anchor.js

@@ -55,7 +55,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -96,9 +96,7 @@ const AnchorNoRef = ({
     target: target,
     onClick: onClick,
     "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} , ${newWindowLabel}` : ariaLabel,
-    "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy,
     xcss: cx(styles.root, xcss),
     testId: testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined

package/dist/es2019/compiled/components/inline.js

@@ -60,9 +60,7 @@ const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     gap: space,
     rowGap: rowSpace,
     wrap: shouldWrap ? 'wrap' : undefined,
-    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/es2019/compiled/components/pressable.js

@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -69,9 +69,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line react/button-has-type
     type: type,
     onClick: onClick,
-    disabled: isDisabled
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    disabled: isDisabled,
     xcss: cx(styles.root, isDisabled && styles.disabled, xcss),
     testId: testId,
     ref: ref

package/dist/es2019/compiled/components/stack.js

@@ -43,9 +43,7 @@ const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     direction: "column",
     alignItems: alignItems,
     justifyContent: spread || alignBlock,
-    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/pressable.js

@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/compiled/components/anchor.js

@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -99,9 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     target: target,
     onClick: onClick,
     "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
-    "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
     xcss: cx(styles.root, xcss),
     testId: testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined

package/dist/esm/compiled/components/inline.js

@@ -62,9 +62,7 @@ var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
     gap: space,
     rowGap: rowSpace,
     wrap: shouldWrap ? 'wrap' : undefined,
-    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/esm/compiled/components/pressable.js

@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -71,9 +71,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line react/button-has-type
     type: type,
     onClick: onClick,
-    disabled: isDisabled
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    ,
+    disabled: isDisabled,
     xcss: cx(styles.root, isDisabled && styles.disabled, xcss),
     testId: testId,
     ref: ref

package/dist/esm/compiled/components/stack.js

@@ -43,9 +43,7 @@ var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     direction: "column",
     alignItems: alignItems,
     justifyContent: spread || alignBlock,
-    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
-    xcss),
+    xcss: cx(grow === 'hug' && styles.hug, grow === 'fill' && styles.fill, xcss),
     testId: testId,
     ref: ref
   }, children);

package/dist/esm/components/anchor.js

@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/components/pressable.js

@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.1.4",
+    packageVersion: "14.2.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "14.1.4",
+	"version": "14.2.1",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -130,10 +130,10 @@
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/interaction-context": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.2",
+		"@compiled/react": "^0.18.3",
 		"@emotion/react": "^11.7.1",
 		"@emotion/serialize": "^1.1.0",
 		"bind-event-listener": "^3.0.0",
@@ -153,10 +153,10 @@
 		"@atlaskit/code": "^16.0.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/dropdown-menu": "^13.0.0",
-		"@atlaskit/flag": "^16.2.0",
+		"@atlaskit/flag": "^17.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^24.1.0",
+		"@atlaskit/icon": "^25.0.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/image": "^2.0.0",
 		"@atlaskit/link": "^3.0.0",
@@ -164,7 +164,7 @@
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/range": "^9.0.0",
-		"@atlaskit/section-message": "^8.1.0",
+		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/ssr": "^0.4.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/toggle": "^15.0.0",
@@ -175,6 +175,7 @@
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"csstype": "^3.1.0",
+		"jscodeshift": "^0.13.0",
 		"react-dom": "^18.2.0",
 		"react-resource-router": "^0.20.0",
 		"ts-node": "^10.9.1",