@atlaskit/primitives 18.0.0 → 18.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/primitives
 
+## 18.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.0.1
+
+### Patch Changes
+
+- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
+  Internal refactoring
+- Updated dependencies
+
 ## 18.0.0
 
 ### Major Changes

package/codemods/hypermod.config.tsx

@@ -1,6 +1,10 @@
 import compiledForkStage1 from './compiled-fork-stage1/transform';
 
-const config = {
+const config: {
+	presets: {
+		'compiled-fork-stage1': typeof compiledForkStage1;
+	};
+} = {
 	presets: {
 		'compiled-fork-stage1': compiledForkStage1,
 	},

package/constellation/anchor/code.mdx

@@ -3,7 +3,7 @@ title: Anchor
 description: An anchor is a primitive for building custom links.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Anchor
 ---
@@ -20,4 +20,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 Anchor also supports all valid `HTMLAnchorElement` props.
 
-<TSMorphProps exportName="Anchor" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Anchor" packageName="@atlaskit/primitives/compiled" />

package/constellation/anchor/usage.mdx

@@ -39,48 +39,50 @@ Anchors are underlined by default. This helps differentiate links from regular t
 accessibility requirement. Using color alone to differentiate links isn't accessible, especially if
 links are surrounded by other text.
 
-<DoDont
-	type="do"
-	image={{
-		url: anchor1Do,
-		alt: 'A link surrounded by regular text. The link provides color and an underline to differentiate the link from regular text.',
-	}}
->
-	Use both underlines and color for links surrounded by regular text.
-</DoDont>
-
-<DoDont
-	type="dont"
-	image={{
-		url: anchor1Dont,
-		alt: "A link surrounded by regular text. The link provides only color but no underline to differentiate the link from regular text, however it's insufficient.",
-	}}
->
-	Only use color to differentiate links from regular text.
-</DoDont>
+<DoDontGrid>
+	<DoDont
+		type="do"
+		image={{
+			url: anchor1Do,
+			alt: 'A link surrounded by regular text. The link provides color and an underline to differentiate the link from regular text.',
+		}}
+	>
+		Use both underlines and color for links surrounded by regular text.
+	</DoDont>
+	<DoDont
+		type="dont"
+		image={{
+			url: anchor1Dont,
+			alt: "A link surrounded by regular text. The link provides only color but no underline to differentiate the link from regular text, however it's insufficient.",
+		}}
+	>
+		Only use color to differentiate links from regular text.
+	</DoDont>
+</DoDontGrid>
 
 Only remove underlines and omit other style affordances such as color if the context surrounding the
 link makes it clear that it's interactive, such as in navigation or a card layout.
 
-<DoDont
-	type="do"
-	image={{
-		url: anchor2Do,
-		alt: 'Links in a navigation section. The links use a subtle text color and no underline, which is appropriate because the surrounding context makes it clear that they are links.',
-	}}
->
-	Omit underlines and color when surrounding context makes it clear it's a link.
-</DoDont>
-
-<DoDont
-	type="dont"
-	image={{
-		url: anchor2Dont,
-		alt: 'Links in a navigation section. The links use a bright text color and underline, which is not required because the surrounding context makes it clear that they are links.',
-	}}
->
-	Use underlines and color when surrounding context already makes it clear it's a link.
-</DoDont>
+<DoDontGrid>
+	<DoDont
+		type="do"
+		image={{
+			url: anchor2Do,
+			alt: 'Links in a navigation section. The links use a subtle text color and no underline, which is appropriate because the surrounding context makes it clear that they are links.',
+		}}
+	>
+		Omit underlines and color when surrounding context makes it clear it's a link.
+	</DoDont>
+	<DoDont
+		type="dont"
+		image={{
+			url: anchor2Dont,
+			alt: 'Links in a navigation section. The links use a bright text color and underline, which is not required because the surrounding context makes it clear that they are links.',
+		}}
+	>
+		Use underlines and color when surrounding context already makes it clear it's a link.
+	</DoDont>
+</DoDontGrid>
 
 Also, don't underline text that isn't a link. This makes the text look clickable because it looks a
 link.

package/constellation/bleed/code.mdx

@@ -3,7 +3,7 @@ title: Bleed
 description: A bleed controls negative whitespace in layouts.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Bleed
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Bleed" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Bleed" packageName="@atlaskit/primitives/compiled" />

package/constellation/box/code.mdx

@@ -3,7 +3,7 @@ title: Box
 description: A box is a generic container that provides managed access to design tokens.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Box
 ---
@@ -21,4 +21,4 @@ default is a `div`, so it would support all valid `HTMLDivElement` props.
 
 ## Props
 
-<TSMorphProps exportName="Box" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Box" packageName="@atlaskit/primitives/compiled" />

package/constellation/flex/code.mdx

@@ -3,7 +3,7 @@ title: Flex
 description: A flex implements the CSS flexbox API.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Flex
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Flex" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Flex" packageName="@atlaskit/primitives/compiled" />

package/constellation/grid/code.mdx

@@ -3,7 +3,7 @@ title: Grid
 description: A grid uses the CSS grid API to create consistent layouts.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Grid
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Grid" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Grid" packageName="@atlaskit/primitives/compiled" />

package/constellation/inline/code.mdx

@@ -3,7 +3,7 @@ title: Inline
 description: An inline manages the horizontal layout of direct children using flexbox.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Inline
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Inline" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Inline" packageName="@atlaskit/primitives/compiled" />

package/constellation/metric-text/code.mdx

@@ -3,7 +3,7 @@ title: MetricText
 description: MetricText is a token-backed typography component to display metrics.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - MetricText
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="MetricText" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="MetricText" packageName="@atlaskit/primitives/compiled" />

package/constellation/pressable/code.mdx

@@ -3,7 +3,7 @@ title: Pressable
 description: A pressable is a primitive for building custom buttons.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Pressable
 ---
@@ -21,4 +21,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 Pressable also supports all valid `HTMLButtonElement` props, except for `disabled` which is replaced
 by the `isDisabled` prop.
 
-<TSMorphProps exportName="Pressable" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Pressable" packageName="@atlaskit/primitives/compiled" />

package/constellation/pressable/usage.mdx

@@ -32,28 +32,29 @@ Only use pressable when existing components such as [buttons](/components/button
 Using [existing components](/components) with safe customizations is usually faster and keeps
 Atlassian UI more visually consistent as things change.
 
-<DoDont
-	type="do"
-	image={{
-		url: pressablePrimaryDo,
-		alt: 'A set of custom buttons built with pressable that are not possible using existing design system components',
-	}}
->
-	Use pressable to create buttons when there isn't an existing design system component to achieve
-	your use case.
-</DoDont>
-
-<DoDont
-	type="dont"
-	image={{
-		url: pressablePrimaryDont,
-		alt: 'A custom button build with Pressable that looks similar to Button, an existing design system component',
-	}}
->
-	Don't use pressable to redesign elements that already exists in the Atlassian design system, such
-	as <a href="/components/button/examples">buttons</a>. This can cause visual and behavioral
-	inconsistency in apps.
-</DoDont>
+<DoDontGrid>
+	<DoDont
+		type="do"
+		image={{
+			url: pressablePrimaryDo,
+			alt: 'A set of custom buttons built with pressable that are not possible using existing design system components',
+		}}
+	>
+		Use pressable to create buttons when there isn't an existing design system component to achieve
+		your use case.
+	</DoDont>
+	<DoDont
+		type="dont"
+		image={{
+			url: pressablePrimaryDont,
+			alt: 'A custom button build with Pressable that looks similar to Button, an existing design system component',
+		}}
+	>
+		Don't use pressable to redesign elements that already exists in the Atlassian design system,
+		such as <a href="/components/button/examples">buttons</a>. This can cause visual and behavioral
+		inconsistency in apps.
+	</DoDont>
+</DoDontGrid>
 
 ## Accessibility
 

package/constellation/stack/code.mdx

@@ -3,7 +3,7 @@ title: Stack
 description: A stack manages the vertical layout of direct children using flexbox.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Stack
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Stack" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Stack" packageName="@atlaskit/primitives/compiled" />

package/constellation/text/code.mdx

@@ -3,7 +3,7 @@ title: Text
 description: Text is a token-backed typography component to display body text.
 order: 1
 props:
-  packageName: '@atlaskit/primitives'
+  packageName: '@atlaskit/primitives/compiled'
   exports:
     - Text
 ---
@@ -18,4 +18,4 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
 
 ## Props
 
-<TSMorphProps exportName="Text" packageName="@atlaskit/primitives" />
+<TSMorphProps exportName="Text" packageName="@atlaskit/primitives/compiled" />

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

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -98,9 +98,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   // @ts-expect-error we don't allow `a` on Focusable for makers as they should use Anchor instead
   , (0, _extends2.default)({
     as: Component,
-    className: xcss
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    className: xcss,
     style: style,
     ref: ref
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

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

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

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

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* box.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -336,9 +336,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   // @ts-ignore -- not using expect since it causes issues with help-center local consumption - className doesn't exist in the prop definition but we want to ensure it cannot be applied even if types are bypassed
   var _spreadClass = htmlAttributes.className,
     safeHtmlAttributes = (0, _objectWithoutProperties2.default)(htmlAttributes, _excluded2);
-  var node = /*#__PURE__*/React.createElement(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , (0, _extends2.default)({
+  var node = /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
     style: style
     // @ts-ignore -- Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

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

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

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

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -40,9 +40,7 @@ var Focusable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: (0, _runtime.ax)(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
+    className: (0, _runtime.ax)(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss]),
     style: style,
     "data-testid": testId
   }), children);

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

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

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

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

package/dist/cjs/compiled/components/metric-text.js

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

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

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -78,9 +78,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // Adding a tabIndex of 0 to the button will allow it to be focused on click.
     // This is a known issue in Safari that is meant to be "intended", see https://bugs.webkit.org/show_bug.cgi?id=22261
     ,
-    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : (0, _deviceCheck.isSafari)() && !isDisabled ? 0 : undefined
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : (0, _deviceCheck.isSafari)() && !isDisabled ? 0 : undefined,
     style: style
   }, safeHtmlAttributes, {
     type: type,

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

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

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

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

package/dist/cjs/compiled/responsive/hide.js

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

package/dist/cjs/compiled/responsive/show.js

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

package/dist/cjs/components/anchor.js

@@ -26,7 +26,7 @@ var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "paddi
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // TODO: duplicates FocusRing styles from `@atlaskit/focus-ring`.
 var focusRingStyles = (0, _react2.css)({
   '&:focus, &:focus-visible': {
@@ -105,7 +105,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -130,9 +130,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   var hrefObjectUsedWithoutRouterLink = RouterLink === undefined && (0, _typeof2.default)(href) === 'object';
   (0, _tinyInvariant.default)(!hrefObjectUsedWithoutRouterLink, "@atlaskit/primitives: Anchor primitive cannot pass an object to 'href' unless a router link is configured in the AppProvider");
   var Component = isRouterLink ? RouterLink : 'a';
-  return (0, _react2.jsx)(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , (0, _extends2.default)({
+  return (0, _react2.jsx)(Component, (0, _extends2.default)({
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/components/bleed.js

@@ -14,7 +14,7 @@ var _xcss = require("../xcss/xcss");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled
 
 var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box'

package/dist/cjs/components/box.js

@@ -57,9 +57,7 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
   var node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  (0, _react2.jsx)(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , (0, _extends2.default)({
+  (0, _react2.jsx)(Component, (0, _extends2.default)({
     style: style
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

package/dist/cjs/components/pressable.js

@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -108,7 +108,6 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     safeHtmlAttributes = (0, _objectWithoutProperties2.default)(htmlAttributes, _excluded2);
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
   return (0, _react2.jsx)("button", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/responsive/hide.js

@@ -14,7 +14,7 @@ var _buildMediaQueryCss = require("./build-media-query-css");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var hideAboveQueries = (0, _buildMediaQueryCss.UNSAFE_buildAboveMediaQueryCSS)({
   display: 'none'

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

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./anchor.compiled.css";
 import * as React from 'react';
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -86,9 +86,7 @@ const AnchorNoRef = ({
   // @ts-expect-error we don't allow `a` on Focusable for makers as they should use Anchor instead
   , _extends({
     as: Component,
-    className: xcss
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
-    ,
+    className: xcss,
     style: style,
     ref: ref
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

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

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

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

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* box.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./box.compiled.css";
 import * as React from 'react';
@@ -321,9 +321,7 @@ const Box = /*#__PURE__*/forwardRef(({
     className: _spreadClass,
     ...safeHtmlAttributes
   } = htmlAttributes;
-  const node = /*#__PURE__*/React.createElement(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  const node = /*#__PURE__*/React.createElement(Component, _extends({
     style: style
     // @ts-ignore -- Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,

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

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