@atlaskit/inline-dialog 18.0.11 → 18.0.13

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/inline-dialog
 
+## 18.0.13
+
+### Patch Changes
+
+- [`c054192950c10`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c054192950c10) -
+  Updates internal file structure and removes unused dynamic styles
+
+## 18.0.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.0.11
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _InlineDialog.default;
+    return _inlineDialog.default;
   }
 });
-var _InlineDialog = _interopRequireDefault(require("./InlineDialog"));
+var _inlineDialog = _interopRequireDefault(require("./inline-dialog"));

package/dist/{es2019/InlineDialog/styled/container.compiled.css → cjs/inline-dialog-container.compiled.css}

@@ -1,13 +1,13 @@
-._11q7gluh{background:var(--theme-background)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._16qs1r44{box-shadow:var(--theme-box-shadow)}
+
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1pbyowjs{z-index:300}
 ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
 ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
 ._c71llti4{max-height:28pc}
 ._p12flti4{max-width:28pc}
-._syazjslb{color:var(--theme-color)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchh1ntv{box-sizing:content-box}
 ._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
 ._1hvw1o36:focus{outline-width:medium}

package/dist/cjs/inline-dialog-container.js

@@ -0,0 +1,40 @@
+/* inline-dialog-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+require("./inline-dialog-container.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+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 containerStyles = null;
+/**
+ * __Container__
+ *
+ * A container is used as a styled wrapper around the contents of an inline dialog.
+ * Note that the styles here are merged with the style prop that comes from the popper.js library.
+ *
+ */
+var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    onBlur = _ref.onBlur,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    style = _ref.style,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    onBlur: onBlur,
+    onClick: onClick,
+    onFocus: onFocus,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style,
+    className: (0, _runtime.ax)(["_2rkofajl _vchh1ntv _p12flti4 _c71llti4 _1pbyowjs _bfhk1bhr _16qs130s _syazi7uo _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
+  }, typeof children === 'function' ? children() : children);
+});

package/dist/cjs/{InlineDialog/index.js → inline-dialog.js}

@@ -12,7 +12,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _layering = require("@atlaskit/layering");
 var _popper = require("@atlaskit/popper");
-var _container = require("./styled/container");
+var _inlineDialogContainer = require("./inline-dialog-container");
 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 _checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
@@ -76,7 +76,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "18.0.10"
+    packageVersion: "0.0.0-development"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency
@@ -153,7 +153,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref2) {
   }, function (_ref3) {
     var _ref4 = _ref3.ref,
       style = _ref3.style;
-    return /*#__PURE__*/_react.default.createElement(_container.Container, {
+    return /*#__PURE__*/_react.default.createElement(_inlineDialogContainer.Container, {
       onBlur: onContentBlur,
       onFocus: onContentFocus,
       onClick: onContentClick,

package/dist/es2019/index.js

@@ -1 +1 @@
-export { default } from './InlineDialog';
+export { default } from './inline-dialog';

package/dist/{cjs/InlineDialog/styled/container.compiled.css → es2019/inline-dialog-container.compiled.css}

@@ -1,13 +1,13 @@
-._11q717w6{background:var(--_902zhz)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._16qs11gm{box-shadow:var(--_uojrza)}
+
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1pbyowjs{z-index:300}
 ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
 ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
-._c71l184t{max-height:var(--_n6nwya)}
-._p12f184t{max-width:var(--_n6nwya)}
-._syaz1xgh{color:var(--_1yif2ym)}
+._c71llti4{max-height:28pc}
+._p12flti4{max-width:28pc}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchh1ntv{box-sizing:content-box}
 ._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
 ._1hvw1o36:focus{outline-width:medium}

package/dist/es2019/{InlineDialog/styled/container.js → inline-dialog-container.js}

@@ -1,12 +1,8 @@
-/* container.tsx generated by @compiled/babel-plugin v0.38.1 */
-import "./container.compiled.css";
+/* inline-dialog-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./inline-dialog-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
-const CSS_THEME_BACKGROUND = '--theme-background';
-const CSS_THEME_COLOR = '--theme-color';
-const CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
 const containerStyles = null;
 /**
  * __Container__
@@ -31,12 +27,7 @@ export const Container = /*#__PURE__*/forwardRef(({
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: {
-      [CSS_THEME_BACKGROUND]: `var(--ds-surface-overlay, ${N0})`,
-      [CSS_THEME_COLOR]: `var(--ds-text, ${N900})`,
-      [CSS_THEME_BOX_SHADOW]: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
-      ...style
-    },
-    className: ax(["_11q7gluh _2rkofajl _vchh1ntv _p12flti4 _c71llti4 _1pbyowjs _16qs1r44 _syazjslb _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
+    style: style,
+    className: ax(["_2rkofajl _vchh1ntv _p12flti4 _c71llti4 _1pbyowjs _bfhk1bhr _16qs130s _syazi7uo _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
   }, typeof children === 'function' ? children() : children);
 });

package/dist/es2019/{InlineDialog/index.js → inline-dialog.js}

@@ -4,7 +4,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { Layering, useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
-import { Container } from './styled/container';
+import { Container } from './inline-dialog-container';
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;
@@ -61,7 +61,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "18.0.10"
+    packageVersion: "0.0.0-development"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency

package/dist/esm/index.js

@@ -1 +1 @@
-export { default } from './InlineDialog';
+export { default } from './inline-dialog';

package/dist/esm/{InlineDialog/styled/container.compiled.css → inline-dialog-container.compiled.css}

@@ -1,13 +1,13 @@
-._11q717w6{background:var(--_902zhz)}
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._16qs11gm{box-shadow:var(--_uojrza)}
+
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1pbyowjs{z-index:300}
 ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
 ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bozg1ejb{padding-inline-start:var(--ds-space-300,24px)}
-._c71l184t{max-height:var(--_n6nwya)}
-._p12f184t{max-width:var(--_n6nwya)}
-._syaz1xgh{color:var(--_1yif2ym)}
+._c71llti4{max-height:28pc}
+._p12flti4{max-width:28pc}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchh1ntv{box-sizing:content-box}
 ._y4ti1ejb{padding-inline-end:var(--ds-space-300,24px)}
 ._1hvw1o36:focus{outline-width:medium}

package/dist/esm/inline-dialog-container.js

@@ -0,0 +1,32 @@
+/* inline-dialog-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./inline-dialog-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
+var containerStyles = null;
+/**
+ * __Container__
+ *
+ * A container is used as a styled wrapper around the contents of an inline dialog.
+ * Note that the styles here are merged with the style prop that comes from the popper.js library.
+ *
+ */
+export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    onBlur = _ref.onBlur,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    style = _ref.style,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    onBlur: onBlur,
+    onClick: onClick,
+    onFocus: onFocus,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style,
+    className: ax(["_2rkofajl _vchh1ntv _p12flti4 _c71llti4 _1pbyowjs _bfhk1bhr _16qs130s _syazi7uo _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
+  }, typeof children === 'function' ? children() : children);
+});

package/dist/esm/{InlineDialog/index.js → inline-dialog.js}

@@ -4,7 +4,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import { Layering, useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
-import { Container } from './styled/container';
+import { Container } from './inline-dialog-container';
 var _checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -67,7 +67,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref2) {
     action: 'closed',
     componentName: 'inlineDialog',
     packageName: "@atlaskit/inline-dialog",
-    packageVersion: "18.0.10"
+    packageVersion: "0.0.0-development"
   });
 
   // we put this into a ref to avoid handleCloseRequest having this as a dependency

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './InlineDialog';
+export { default } from './inline-dialog';
 export type { Placement } from './types';
 export type { InlineDialogProps } from './types';

package/dist/types/{InlineDialog/index.d.ts → inline-dialog.d.ts}

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-import type { InlineDialogProps } from '../types';
+import type { InlineDialogProps } from './types';
 declare const InlineDialog: FC<InlineDialogProps>;
 export default InlineDialog;

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './InlineDialog';
+export { default } from './inline-dialog';
 export type { Placement } from './types';
 export type { InlineDialogProps } from './types';

package/dist/types-ts4.5/{InlineDialog/index.d.ts → inline-dialog.d.ts}

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-import type { InlineDialogProps } from '../types';
+import type { InlineDialogProps } from './types';
 declare const InlineDialog: FC<InlineDialogProps>;
 export default InlineDialog;

package/inline-dialog.docs.tsx

@@ -0,0 +1,50 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'InlineDialog',
+		description:
+			'A component opened by user action (e.g. click) for further info or actions for a section—not crucial to the whole page.',
+		status: 'intent-to-deprecate',
+		import: {
+			name: 'InlineDialog',
+			package: '@atlaskit/inline-dialog',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Trigger by user action (e.g. click); do not open automatically',
+			'Use for section-level info or actions, not page-critical content',
+			'Keep content concise; only one inline dialog open at a time',
+			'Good for feature discovery and contextual controls',
+			'Anatomy: trigger, window, controls (buttons, checkboxes, text fields)',
+			'Use Inline message for alerts; Flag for confirmations; Modal for complex or long content',
+		],
+		contentGuidelines: [
+			'Use clear, concise dialog content',
+			'Provide meaningful dialog titles',
+			'Keep content focused and relevant',
+			'Use appropriate dialog sizing',
+		],
+		accessibilityGuidelines: [
+			'Ensure proper focus management',
+			'Provide clear dialog labels',
+			'Use appropriate ARIA attributes',
+			'Consider keyboard navigation',
+		],
+		examples: [
+			{
+				name: 'Inline Dialog',
+				description: 'Inline Dialog example',
+				source: path.resolve(__dirname, './examples/ai/inline-dialog.tsx'),
+			},
+		],
+		keywords: ['dialog', 'inline', 'popup', 'overlay', 'tooltip'],
+		categories: ['overlay'],
+	},
+];
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "18.0.11",
+	"version": "18.0.13",
 	"description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,14 +34,13 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/ds-lib": "^5.3.0",
+		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.2.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
@@ -54,14 +53,15 @@
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/datetime-picker": "^17.5.0",
-		"@atlaskit/docs": "^11.5.0",
-		"@atlaskit/dropdown-menu": "^16.5.0",
+		"@atlaskit/docs": "^11.7.0",
+		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/modal-dialog": "^14.11.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/modal-dialog": "^14.12.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.7.0",
+		"@atlaskit/select": "^21.8.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"react-dom": "^18.2.0",
 		"react-lorem-component": "^0.13.0"

package/dist/cjs/InlineDialog/styled/container.js

@@ -1,53 +0,0 @@
-/* container.tsx generated by @compiled/babel-plugin v0.38.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-require("./container.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _colors = require("@atlaskit/theme/colors");
-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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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 CSS_THEME_BACKGROUND = '--theme-background';
-var CSS_THEME_COLOR = '--theme-color';
-var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
-var containerStyles = null;
-/**
- * __Container__
- *
- * A container is used as a styled wrapper around the contents of an inline dialog.
- * Note that the styles here are merged with the style prop that comes from the popper.js library.
- *
- */
-var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    onBlur = _ref.onBlur,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    style = _ref.style,
-    testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": testId,
-    onBlur: onBlur,
-    onClick: onClick,
-    onFocus: onFocus,
-    ref: ref
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    className: (0, _runtime.ax)(["_11q717w6 _2rkofajl _vchh1ntv _p12f184t _c71l184t _1pbyowjs _16qs11gm _syaz1xgh _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"]),
-    style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), CSS_THEME_COLOR, "var(--ds-text, ".concat(_colors.N900, ")")), CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")), style)), {}, {
-      "--_n6nwya": (0, _runtime.ix)("".concat(8 * 56, "px")),
-      "--_902zhz": (0, _runtime.ix)("var(".concat(CSS_THEME_BACKGROUND, ")")),
-      "--_uojrza": (0, _runtime.ix)("var(".concat(CSS_THEME_BOX_SHADOW, ")")),
-      "--_1yif2ym": (0, _runtime.ix)("var(".concat(CSS_THEME_COLOR, ")"))
-    })
-  }, typeof children === 'function' ? children() : children);
-});

package/dist/esm/InlineDialog/styled/container.js

@@ -1,44 +0,0 @@
-/* container.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./container.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; }
-import { forwardRef } from 'react';
-import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
-var CSS_THEME_BACKGROUND = '--theme-background';
-var CSS_THEME_COLOR = '--theme-color';
-var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
-var containerStyles = null;
-/**
- * __Container__
- *
- * A container is used as a styled wrapper around the contents of an inline dialog.
- * Note that the styles here are merged with the style prop that comes from the popper.js library.
- *
- */
-export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    onBlur = _ref.onBlur,
-    onClick = _ref.onClick,
-    onFocus = _ref.onFocus,
-    style = _ref.style,
-    testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": testId,
-    onBlur: onBlur,
-    onClick: onClick,
-    onFocus: onFocus,
-    ref: ref
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    className: ax(["_11q717w6 _2rkofajl _vchh1ntv _p12f184t _c71l184t _1pbyowjs _16qs11gm _syaz1xgh _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"]),
-    style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty(_defineProperty({}, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(N0, ")")), CSS_THEME_COLOR, "var(--ds-text, ".concat(N900, ")")), CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")), style)), {}, {
-      "--_n6nwya": ix("".concat(8 * 56, "px")),
-      "--_902zhz": ix("var(".concat(CSS_THEME_BACKGROUND, ")")),
-      "--_uojrza": ix("var(".concat(CSS_THEME_BOX_SHADOW, ")")),
-      "--_1yif2ym": ix("var(".concat(CSS_THEME_COLOR, ")"))
-    })
-  }, typeof children === 'function' ? children() : children);
-});