@atlaskit/link-datasource 2.3.2 → 2.3.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-datasource
 
+## 2.3.3
+
+### Patch Changes
+
+-   [#102478](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102478)
+    [`3378951608b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3378951608b0) -
+    [ED-23332] Update adf-schema package to 36.10.1
+-   Updated dependencies
+
 ## 2.3.2
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/styled.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SchemaSelectContainer = exports.FormRowContainer = exports.FormContainer = exports.FieldContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var FormRowContainer = exports.FormRowContainer = _styled.default.div(function (props) {
   return {
     alignItems: 'center',
@@ -15,6 +16,8 @@ var FormRowContainer = exports.FormRowContainer = _styled.default.div(function (
     width: '100%'
   };
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var FormContainer = exports.FormContainer = _styled.default.form({
   display: 'grid',
   rowGap: "var(--ds-space-200, 16px)",
@@ -22,10 +25,13 @@ var FormContainer = exports.FormContainer = _styled.default.form({
 });
 
 // Override the top margin of fields
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var FieldContainer = exports.FieldContainer = _styled.default.div({
   flex: 1,
   marginTop: "var(--ds-space-negative-100, -8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SchemaSelectContainer = exports.SchemaSelectContainer = _styled.default.div({
   width: '100%',
   maxWidth: '386px'

package/dist/cjs/ui/common/modal/popup-select/trigger.js

@@ -23,6 +23,8 @@ var triggerButtonLabelStyles = (0, _primitives.xcss)({
 var badgeStyles = (0, _primitives.xcss)({
   marginLeft: 'space.050'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LoadingStateAnimationWrapper = exports.LoadingStateAnimationWrapper = _styled.default.div({
   position: 'relative',
   animation: 'flickerAnimation 2s infinite',

package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -8,6 +8,7 @@ exports.SelectDateRangeButton = exports.PopupComponentContainer = exports.DateRa
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var PopupComponentContainer = exports.PopupComponentContainer = _styled.default.div({
   boxSizing: 'border-box',
   display: 'block',
@@ -20,6 +21,8 @@ var PopupComponentContainer = exports.PopupComponentContainer = _styled.default.
   },
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CustomDropdown = exports.CustomDropdown = _styled.default.div({
   width: '340px',
   background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
@@ -27,6 +30,8 @@ var CustomDropdown = exports.CustomDropdown = _styled.default.div({
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
   zIndex: _constants.layers.modal()
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CustomDropdownItem = exports.CustomDropdownItem = _styled.default.div(function (props) {
   return {
     height: '36px',
@@ -45,16 +50,22 @@ var CustomDropdownItem = exports.CustomDropdownItem = _styled.default.div(functi
     }
   };
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var CustomDateWrapper = exports.CustomDateWrapper = _styled.default.div({
   padding: "var(--ds-space-150, 12px)",
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DatePickersWrapper = exports.DatePickersWrapper = _styled.default.div({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
   width: '100%'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SelectDateRangeButton = exports.SelectDateRangeButton = _styled.default.button({
   background: "var(--ds-background-accent-gray-subtler, ".concat(_colors.N20, ")"),
   border: 'none',
@@ -68,6 +79,8 @@ var SelectDateRangeButton = exports.SelectDateRangeButton = _styled.default.butt
     cursor: 'pointer'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DateRangeErrorMessage = exports.DateRangeErrorMessage = _styled.default.div({
   display: 'flex',
   lineHeight: 1.3333,

package/dist/cjs/ui/issue-like-table/drag-column-preview.js

@@ -15,6 +15,7 @@ var _styled2 = require("./styled");
 
 var maxWidth = '200px';
 var firstLastChildOverride = "\n  &:first-of-type, &:last-of-type {\n    padding-left: ".concat("var(--ds-space-100, 8px)", ";\n    padding-right: ", "var(--ds-space-100, 8px)", ";\n  }\n");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TablePreviewHeading = (0, _styled.default)(_styled2.TableHeading)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -22,6 +23,8 @@ var TablePreviewHeading = (0, _styled.default)(_styled2.TableHeading)({
   background: "var(--ds-background-disabled, #091E4224)",
   maxWidth: maxWidth
 }, firstLastChildOverride);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TablePreviewCell = _styled.default.td({
   overflow: 'hidden',
   textOverflow: 'ellipsis',

package/dist/cjs/ui/issue-like-table/draggable-table-heading.js

@@ -38,6 +38,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DropdownParent = _styled.default.div({
   display: 'flex',
   alignItems: 'center',

package/dist/cjs/ui/issue-like-table/empty-state/type.js

@@ -13,6 +13,7 @@ var _3 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/epic/16"));
 var _4 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/issue/16"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/story/16"));
 var _6 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/task/16"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = _styled.default.div({
   display: 'flex',
   alignItems: 'center',

package/dist/cjs/ui/issue-like-table/index.js

@@ -54,6 +54,7 @@ var truncateTextStyles = (0, _react2.css)({
   whiteSpace: 'nowrap'
 });
 var columnPickerWidth = 80;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ColumnPickerHeader = _styled.default.th((0, _defineProperty2.default)({}, "".concat((0, _styled2.withTablePluginHeaderPrefix)('&:last-of-type')), {
   boxSizing: 'border-box',
   border: 0,
@@ -75,6 +76,8 @@ var truncateStyles = (0, _react2.css)({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TableCell = _styled.default.td((_styled$td = {}, (0, _defineProperty2.default)(_styled$td, "".concat((0, _styled2.withTablePluginBodyPrefix)()), {
   /* First section here is to override things editor table plugin css defines */
   font: _styled2.fieldTextFontSize,

package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js

@@ -24,6 +24,8 @@ var timeOptions = {
   hour: '2-digit',
   minute: '2-digit'
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DateTimeWrapper = _styled.default.span({
   fontSize: _styled2.fieldTextFontSize
 });

package/dist/cjs/ui/issue-like-table/render-type/icon/index.js

@@ -8,6 +8,7 @@ exports.default = exports.ICON_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _image = _interopRequireDefault(require("@atlaskit/image"));
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = _styled.default.div({
   display: 'flex',
   alignItems: 'center',

package/dist/cjs/ui/issue-like-table/render-type/text/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _styled2 = require("../../styled");
 var TEXT_TYPE_TEST_ID = exports.TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TextWrapper = _styled.default.span({
   fontSize: _styled2.fieldTextFontSize
 });

package/dist/cjs/ui/issue-like-table/render-type/user/index.js

@@ -32,6 +32,8 @@ var avatarWrapperStyles = (0, _primitives.xcss)({
 var widthObserverWrapperStyles = (0, _primitives.xcss)({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AvatarGroupWrapperStyles = _styled.default.div({
   ul: {
     paddingLeft: '0px !important'

package/dist/cjs/ui/issue-like-table/styled.js

@@ -12,6 +12,8 @@ var _typography = require("@atlaskit/theme/typography");
 var _styled$th;
 var ScrollableContainerHeight = exports.ScrollableContainerHeight = 590;
 var fieldTextFontSize = exports.fieldTextFontSize = "var(--ds-font-body, ".concat(_typography.fontFallback.body.medium, ")");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Table = exports.Table = _styled.default.table({
   width: '100%'
 });
@@ -30,6 +32,8 @@ var withTablePluginPrefix = exports.withTablePluginPrefix = function withTablePl
 };
 var withTablePluginHeaderPrefix = exports.withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
 var withTablePluginBodyPrefix = exports.withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TableHeading = exports.TableHeading = _styled.default.th((_styled$th = {}, (0, _defineProperty2.default)(_styled$th, "".concat(withTablePluginHeaderPrefix()), {
   border: 0,
   position: 'relative',

package/dist/cjs/ui/table-footer/index.js

@@ -22,6 +22,7 @@ var _poweredByJsmAssets = require("./powered-by-jsm-assets");
 var _syncInfo = require("./sync-info");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var FooterWrapper = _styled.default.div({
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-200, 16px)"),
   boxSizing: 'border-box',
@@ -31,21 +32,29 @@ var FooterWrapper = _styled.default.div({
   background: "var(--ds-background-input, ".concat(_colors.N0, ")"),
   borderTop: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"))
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TopBorderWrapper = _styled.default.div({
   display: 'flex',
   boxSizing: 'border-box',
   justifyContent: 'space-between',
   padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-0, 0px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ItemCounterWrapper = _styled.default.div({
   display: 'flex',
   alignSelf: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SyncWrapper = _styled.default.div({
   display: 'flex',
   alignItems: 'center',
   color: "var(--ds-text-accent-gray, ".concat(_colors.N90, ")")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SyncTextWrapper = _styled.default.div({
   marginRight: "var(--ds-space-075, 6px)",
   fontSize: '12px'

package/dist/es2019/ui/assets-modal/search-container/styled.js

@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const FormRowContainer = styled.div(props => ({
   alignItems: 'center',
   display: 'flex',
@@ -6,6 +7,8 @@ export const FormRowContainer = styled.div(props => ({
   flexGrow: 1,
   width: '100%'
 }));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const FormContainer = styled.form({
   display: 'grid',
   rowGap: "var(--ds-space-200, 16px)",
@@ -13,10 +16,13 @@ export const FormContainer = styled.form({
 });
 
 // Override the top margin of fields
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const FieldContainer = styled.div({
   flex: 1,
   marginTop: "var(--ds-space-negative-100, -8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const SchemaSelectContainer = styled.div({
   width: '100%',
   maxWidth: '386px'

package/dist/es2019/ui/common/modal/popup-select/trigger.js

@@ -12,6 +12,8 @@ const triggerButtonLabelStyles = xcss({
 const badgeStyles = xcss({
   marginLeft: 'space.050'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LoadingStateAnimationWrapper = styled.div({
   position: 'relative',
   animation: 'flickerAnimation 2s infinite',

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import { B400, B50, N0, N20, N30, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const PopupComponentContainer = styled.div({
   boxSizing: 'border-box',
   display: 'block',
@@ -13,6 +14,8 @@ export const PopupComponentContainer = styled.div({
   },
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CustomDropdown = styled.div({
   width: '340px',
   background: `var(--ds-background-input, ${N0})`,
@@ -20,6 +23,8 @@ export const CustomDropdown = styled.div({
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
   zIndex: layers.modal()
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CustomDropdownItem = styled.div(props => ({
   height: '36px',
   width: '100%',
@@ -36,16 +41,22 @@ export const CustomDropdownItem = styled.div(props => ({
     cursor: 'default'
   }
 }));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const CustomDateWrapper = styled.div({
   padding: "var(--ds-space-150, 12px)",
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DatePickersWrapper = styled.div({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
   width: '100%'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const SelectDateRangeButton = styled.button({
   background: `var(--ds-background-accent-gray-subtler, ${N20})`,
   border: 'none',
@@ -59,6 +70,8 @@ export const SelectDateRangeButton = styled.button({
     cursor: 'pointer'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const DateRangeErrorMessage = styled.div({
   display: 'flex',
   lineHeight: 1.3333,

package/dist/es2019/ui/issue-like-table/drag-column-preview.js

@@ -12,6 +12,7 @@ const firstLastChildOverride = `
     padding-right: ${"var(--ds-space-100, 8px)"};
   }
 `;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TablePreviewHeading = styled(TableHeading)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -19,6 +20,8 @@ const TablePreviewHeading = styled(TableHeading)({
   background: "var(--ds-background-disabled, #091E4224)",
   maxWidth: maxWidth
 }, firstLastChildOverride);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TablePreviewCell = styled.td({
   overflow: 'hidden',
   textOverflow: 'ellipsis',

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -22,6 +22,7 @@ import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
 import { TableHeading } from './styled';
 import { COLUMN_MIN_WIDTH, getWidthCss } from './utils';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const DropdownParent = styled.div({
   display: 'flex',
   alignItems: 'center',

package/dist/es2019/ui/issue-like-table/empty-state/type.js

@@ -6,6 +6,7 @@ import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
 import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
 import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
 import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const IconWrapper = styled.div({
   display: 'flex',
   alignItems: 'center',

package/dist/es2019/ui/issue-like-table/index.js

@@ -39,6 +39,7 @@ const truncateTextStyles = css({
   whiteSpace: 'nowrap'
 });
 const columnPickerWidth = 80;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const ColumnPickerHeader = styled.th({
   [`${withTablePluginHeaderPrefix('&:last-of-type')}`]: {
     boxSizing: 'border-box',
@@ -62,6 +63,8 @@ const truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TableCell = styled.td({
   [`${withTablePluginBodyPrefix()}`]: {
     /* First section here is to override things editor table plugin css defines */

package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js

@@ -13,6 +13,8 @@ const timeOptions = {
   hour: '2-digit',
   minute: '2-digit'
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const DateTimeWrapper = styled.span({
   fontSize: fieldTextFontSize
 });

package/dist/es2019/ui/issue-like-table/render-type/icon/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from '@emotion/styled';
 import Image from '@atlaskit/image';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const IconWrapper = styled.div({
   display: 'flex',
   alignItems: 'center',

package/dist/es2019/ui/issue-like-table/render-type/text/index.js

@@ -2,6 +2,8 @@ import React from 'react';
 import styled from '@emotion/styled';
 import { fieldTextFontSize } from '../../styled';
 export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TextWrapper = styled.span({
   fontSize: fieldTextFontSize
 });

package/dist/es2019/ui/issue-like-table/render-type/user/index.js

@@ -20,6 +20,8 @@ const avatarWrapperStyles = xcss({
 const widthObserverWrapperStyles = xcss({
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const AvatarGroupWrapperStyles = styled.div({
   ul: {
     paddingLeft: '0px !important'

package/dist/es2019/ui/issue-like-table/styled.js

@@ -3,6 +3,8 @@ import { N40 } from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
 export const ScrollableContainerHeight = 590;
 export const fieldTextFontSize = `var(--ds-font-body, ${fontFallback.body.medium})`;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Table = styled.table({
   width: '100%'
 });
@@ -22,6 +24,8 @@ export const withTablePluginPrefix = (tableSection, mainRule = '&') => `
 `;
 export const withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
 export const withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TableHeading = styled.th({
   [`${withTablePluginHeaderPrefix()}`]: {
     border: 0,

package/dist/es2019/ui/table-footer/index.js

@@ -13,6 +13,7 @@ import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
 import { footerMessages } from './messages';
 import { PoweredByJSMAssets } from './powered-by-jsm-assets';
 import { SyncInfo } from './sync-info';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const FooterWrapper = styled.div({
   padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-200, 16px)"}`,
   boxSizing: 'border-box',
@@ -22,21 +23,29 @@ const FooterWrapper = styled.div({
   background: `var(--ds-background-input, ${N0})`,
   borderTop: `2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const TopBorderWrapper = styled.div({
   display: 'flex',
   boxSizing: 'border-box',
   justifyContent: 'space-between',
   padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-0, 0px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const ItemCounterWrapper = styled.div({
   display: 'flex',
   alignSelf: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const SyncWrapper = styled.div({
   display: 'flex',
   alignItems: 'center',
   color: `var(--ds-text-accent-gray, ${N90})`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const SyncTextWrapper = styled.div({
   marginRight: "var(--ds-space-075, 6px)",
   fontSize: '12px'

package/dist/esm/ui/assets-modal/search-container/styled.js

@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var FormRowContainer = styled.div(function (props) {
   return {
     alignItems: 'center',
@@ -8,6 +9,8 @@ export var FormRowContainer = styled.div(function (props) {
     width: '100%'
   };
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var FormContainer = styled.form({
   display: 'grid',
   rowGap: "var(--ds-space-200, 16px)",
@@ -15,10 +18,13 @@ export var FormContainer = styled.form({
 });
 
 // Override the top margin of fields
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var FieldContainer = styled.div({
   flex: 1,
   marginTop: "var(--ds-space-negative-100, -8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var SchemaSelectContainer = styled.div({
   width: '100%',
   maxWidth: '386px'

package/dist/esm/ui/common/modal/popup-select/trigger.js

@@ -13,6 +13,8 @@ var triggerButtonLabelStyles = xcss({
 var badgeStyles = xcss({
   marginLeft: 'space.050'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var LoadingStateAnimationWrapper = styled.div({
   position: 'relative',
   animation: 'flickerAnimation 2s infinite',

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import { B400, B50, N0, N20, N30, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var PopupComponentContainer = styled.div({
   boxSizing: 'border-box',
   display: 'block',
@@ -13,6 +14,8 @@ export var PopupComponentContainer = styled.div({
   },
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CustomDropdown = styled.div({
   width: '340px',
   background: "var(--ds-background-input, ".concat(N0, ")"),
@@ -20,6 +23,8 @@ export var CustomDropdown = styled.div({
   boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))",
   zIndex: layers.modal()
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CustomDropdownItem = styled.div(function (props) {
   return {
     height: '36px',
@@ -38,16 +43,22 @@ export var CustomDropdownItem = styled.div(function (props) {
     }
   };
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var CustomDateWrapper = styled.div({
   padding: "var(--ds-space-150, 12px)",
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var DatePickersWrapper = styled.div({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'center',
   width: '100%'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var SelectDateRangeButton = styled.button({
   background: "var(--ds-background-accent-gray-subtler, ".concat(N20, ")"),
   border: 'none',
@@ -61,6 +72,8 @@ export var SelectDateRangeButton = styled.button({
     cursor: 'pointer'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export var DateRangeErrorMessage = styled.div({
   display: 'flex',
   lineHeight: 1.3333,

package/dist/esm/ui/issue-like-table/drag-column-preview.js

@@ -7,6 +7,7 @@ import { fontFallback } from '@atlaskit/theme/typography';
 import { TableHeading } from './styled';
 var maxWidth = '200px';
 var firstLastChildOverride = "\n  &:first-of-type, &:last-of-type {\n    padding-left: ".concat("var(--ds-space-100, 8px)", ";\n    padding-right: ", "var(--ds-space-100, 8px)", ";\n  }\n");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TablePreviewHeading = styled(TableHeading)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -14,6 +15,8 @@ var TablePreviewHeading = styled(TableHeading)({
   background: "var(--ds-background-disabled, #091E4224)",
   maxWidth: maxWidth
 }, firstLastChildOverride);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TablePreviewCell = styled.td({
   overflow: 'hidden',
   textOverflow: 'ellipsis',

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -28,6 +28,7 @@ import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
 import { TableHeading } from './styled';
 import { COLUMN_MIN_WIDTH, getWidthCss } from './utils';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var DropdownParent = styled.div({
   display: 'flex',
   alignItems: 'center',