@atlaskit/primitives 18.0.0 → 18.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/primitives
 
+## 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/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/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/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: "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/box.js

@@ -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/focusable.js

@@ -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/pressable.js

@@ -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/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

@@ -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/box.js

@@ -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/focusable.js

@@ -30,9 +30,7 @@ const Focusable = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement(Component, _extends({}, 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: 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: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss]),
     style: style,
     "data-testid": testId
   }), children);

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

@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -67,9 +67,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     // 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 : 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 : isSafari() && !isDisabled ? 0 : undefined,
     style: style
   }, safeHtmlAttributes, {
     type: type,

package/dist/es2019/components/anchor.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { forwardRef, useCallback, useContext } from 'react';
 
-// 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
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -121,9 +121,7 @@ const AnchorNoRef = ({
   const hrefObjectUsedWithoutRouterLink = RouterLink === undefined && typeof href === 'object';
   invariant(!hrefObjectUsedWithoutRouterLink, `@atlaskit/primitives: Anchor primitive cannot pass an object to 'href' unless a router link is configured in the AppProvider`);
   const Component = isRouterLink ? RouterLink : 'a';
-  return jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  return jsx(Component, _extends({
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/components/bleed.js

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 
-// 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
 import { css, jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 const baseStyles = css({

package/dist/es2019/components/box.js

@@ -51,9 +51,7 @@ export const Box = /*#__PURE__*/forwardRef(({
   const resolvedStyles = parseXcss(xcss);
   const node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  jsx(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/components/pressable.js

@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "17.1.1",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -99,7 +99,6 @@ const Pressable = /*#__PURE__*/forwardRef(({
   } = htmlAttributes;
   const resolvedStyles = parseXcss(xcss);
   return jsx("button", _extends({
-    // 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/es2019/responsive/hide.js

@@ -3,7 +3,7 @@
  * @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
 import { jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

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

@@ -61,7 +61,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'
   });
@@ -89,9 +89,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
   , _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/esm/compiled/components/box.js

@@ -328,9 +328,7 @@ var Box = /*#__PURE__*/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 = _objectWithoutProperties(htmlAttributes, _excluded2);
-  var node = /*#__PURE__*/React.createElement(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  var 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/esm/compiled/components/focusable.js

@@ -31,9 +31,7 @@ var Focusable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, _extends({}, 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: 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: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss]),
     style: style,
     "data-testid": testId
   }), children);

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

@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/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'
   });
@@ -69,9 +69,7 @@ var Pressable = /*#__PURE__*/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 : 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 : isSafari() && !isDisabled ? 0 : undefined,
     style: style
   }, safeHtmlAttributes, {
     type: type,

package/dist/esm/components/anchor.js

@@ -10,7 +10,7 @@ var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "paddi
  */
 import { forwardRef, useCallback, useContext } from 'react';
 
-// 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
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -99,7 +99,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'
   });
@@ -124,9 +124,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   var hrefObjectUsedWithoutRouterLink = RouterLink === undefined && _typeof(href) === 'object';
   invariant(!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 jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  return jsx(Component, _extends({
     style: style,
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/components/bleed.js

@@ -5,7 +5,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  */
 import React from 'react';
 
-// 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
 import { css, jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 var baseStyles = css({

package/dist/esm/components/box.js

@@ -52,9 +52,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var resolvedStyles = parseXcss(xcss);
   var node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-  , _extends({
+  jsx(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/esm/components/pressable.js

@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/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'
   });
@@ -102,7 +102,6 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     safeHtmlAttributes = _objectWithoutProperties(htmlAttributes, _excluded2);
   var resolvedStyles = parseXcss(xcss);
   return jsx("button", _extends({
-    // 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/esm/responsive/hide.js

@@ -4,7 +4,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  * @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
 import { jsx } from '@emotion/react';
 import { parseXcss } from '../xcss/xcss';
 import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

package/dist/types/compiled/components/flex.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type AriaAttributes, type ElementType, type ReactNode } from 'react';
+import { type AriaAttributes, type ElementType, type ForwardRefExoticComponent, type MemoExoticComponent, type ReactNode, type RefAttributes } from 'react';
 import type { AlignItems, BasePrimitiveProps, Direction, GapToken, JustifyContent, Wrap } from './types';
 export type FlexProps<T extends ElementType = 'div'> = {
     /**
@@ -67,5 +67,5 @@ export type FlexProps<T extends ElementType = 'div'> = {
  * )
  * ```
  */
-declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
+declare const Flex: MemoExoticComponent<ForwardRefExoticComponent<Omit<FlexProps<ElementType>, 'ref'> & RefAttributes<any>>>;
 export default Flex;