@atlaskit/link-picker 1.37.1 → 1.37.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/compass.yml +0 -1
  3. package/dist/cjs/common/generic-error-svg/index.js +4 -1
  4. package/dist/cjs/common/generic-error-svg/styled.js +4 -0
  5. package/dist/cjs/common/ui/empty-state/index.js +3 -1
  6. package/dist/cjs/common/ui/min-height-container/index.js +4 -1
  7. package/dist/cjs/common/ui/min-height-container/styled.js +3 -0
  8. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +17 -11
  9. package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  10. package/dist/cjs/ui/index.js +5 -3
  11. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  12. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js +4 -0
  13. package/dist/cjs/ui/link-picker/form-footer/index.js +30 -24
  14. package/dist/cjs/ui/link-picker/form-footer/styled.js +5 -0
  15. package/dist/cjs/ui/link-picker/index.js +7 -3
  16. package/dist/cjs/ui/link-picker/search-results/index.js +7 -3
  17. package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js +1 -0
  18. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +21 -10
  19. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
  20. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  21. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +4 -0
  22. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +6 -0
  23. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  24. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +29 -3
  25. package/dist/cjs/ui/link-picker/search-results/link-search-list/styled.js +9 -0
  26. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +38 -33
  27. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/styles.js +20 -4
  28. package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +3 -0
  29. package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  30. package/dist/cjs/ui/link-picker/search-results/styled.js +7 -0
  31. package/dist/cjs/ui/link-picker/styled.js +4 -2
  32. package/dist/cjs/ui/link-picker/text-input/index.js +25 -19
  33. package/dist/cjs/ui/link-picker/text-input/styled.js +6 -0
  34. package/dist/cjs/ui/loader-fallback/index.js +4 -1
  35. package/dist/cjs/ui/loader-fallback/styled.js +3 -0
  36. package/dist/cjs/ui/styled.js +3 -0
  37. package/dist/es2019/common/generic-error-svg/index.js +4 -1
  38. package/dist/es2019/common/generic-error-svg/styled.js +3 -0
  39. package/dist/es2019/common/ui/empty-state/index.js +3 -1
  40. package/dist/es2019/common/ui/min-height-container/index.js +5 -1
  41. package/dist/es2019/common/ui/min-height-container/styled.js +3 -0
  42. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +15 -9
  43. package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  44. package/dist/es2019/ui/index.js +7 -2
  45. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  46. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
  47. package/dist/es2019/ui/link-picker/form-footer/index.js +31 -24
  48. package/dist/es2019/ui/link-picker/form-footer/styled.js +5 -0
  49. package/dist/es2019/ui/link-picker/index.js +8 -2
  50. package/dist/es2019/ui/link-picker/search-results/index.js +8 -2
  51. package/dist/es2019/ui/link-picker/search-results/link-search-error/index.js +1 -0
  52. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +22 -9
  53. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +13 -9
  54. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  55. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
  56. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
  57. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  58. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
  59. package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js +8 -0
  60. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +35 -28
  61. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
  62. package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +4 -0
  63. package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  64. package/dist/es2019/ui/link-picker/search-results/styled.js +6 -0
  65. package/dist/es2019/ui/link-picker/styled.js +4 -1
  66. package/dist/es2019/ui/link-picker/text-input/index.js +27 -20
  67. package/dist/es2019/ui/link-picker/text-input/styled.js +5 -0
  68. package/dist/es2019/ui/loader-fallback/index.js +4 -1
  69. package/dist/es2019/ui/loader-fallback/styled.js +3 -0
  70. package/dist/es2019/ui/styled.js +3 -0
  71. package/dist/esm/common/generic-error-svg/index.js +4 -1
  72. package/dist/esm/common/generic-error-svg/styled.js +3 -0
  73. package/dist/esm/common/ui/empty-state/index.js +3 -1
  74. package/dist/esm/common/ui/min-height-container/index.js +5 -1
  75. package/dist/esm/common/ui/min-height-container/styled.js +3 -0
  76. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +17 -11
  77. package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  78. package/dist/esm/ui/index.js +6 -2
  79. package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  80. package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
  81. package/dist/esm/ui/link-picker/form-footer/index.js +31 -24
  82. package/dist/esm/ui/link-picker/form-footer/styled.js +5 -0
  83. package/dist/esm/ui/link-picker/index.js +8 -2
  84. package/dist/esm/ui/link-picker/search-results/index.js +8 -2
  85. package/dist/esm/ui/link-picker/search-results/link-search-error/index.js +1 -0
  86. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +22 -9
  87. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
  88. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  89. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
  90. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
  91. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  92. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
  93. package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js +8 -0
  94. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +39 -32
  95. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
  96. package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +4 -0
  97. package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  98. package/dist/esm/ui/link-picker/search-results/styled.js +6 -0
  99. package/dist/esm/ui/link-picker/styled.js +4 -1
  100. package/dist/esm/ui/link-picker/text-input/index.js +26 -19
  101. package/dist/esm/ui/link-picker/text-input/styled.js +5 -0
  102. package/dist/esm/ui/loader-fallback/index.js +4 -1
  103. package/dist/esm/ui/loader-fallback/styled.js +3 -0
  104. package/dist/esm/ui/styled.js +3 -0
  105. package/dist/types/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
  106. package/dist/types-ts4.5/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
  107. package/package.json +147 -147
@@ -5,6 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
5
5
  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; }
6
6
  /** @jsx jsx */
7
7
  import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
10
  import { jsx } from '@emotion/react';
9
11
  import { FormattedMessage, useIntl } from 'react-intl-next';
10
12
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -308,7 +310,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
308
310
  // for details: https://a11y-internal.atlassian.net/browse/AK-740
309
311
  var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
310
312
  return jsx("form", {
311
- "data-testid": testIds.linkPicker,
313
+ "data-testid": testIds.linkPicker
314
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
315
+ ,
312
316
  css: rootContainerStyles
313
317
  // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
314
318
  ,
@@ -376,7 +380,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
376
380
  url: url,
377
381
  isEditing: isEditing,
378
382
  onCancel: onCancel,
379
- action: pluginAction,
383
+ action: pluginAction
384
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
385
+ ,
380
386
  css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
381
387
  /* Show the feature discovery pulse when we're on the Jira tab, we haven't started typing a url and
382
388
  the feature flag is enabled */,
@@ -4,6 +4,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
4
4
  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; }
5
5
  /** @jsx jsx */
6
6
  import { Fragment } from 'react';
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
9
  import { jsx } from '@emotion/react';
8
10
  import Spinner from '@atlaskit/spinner/spinner';
9
11
  import Tabs, { Tab, TabList } from '@atlaskit/tabs';
@@ -51,12 +53,16 @@ export var SearchResults = function SearchResults(_ref) {
51
53
  }));
52
54
  return jsx(SearchResultsContainer, _extends({
53
55
  hasTabs: !!tabs.length || isLoadingPlugins
54
- }, fixListHeightProps), isLoadingPlugins && !!queryState && jsx("div", {
56
+ }, fixListHeightProps), isLoadingPlugins && !!queryState &&
57
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
58
+ jsx("div", {
55
59
  css: spinnerContainerStyles
56
60
  }, jsx(Spinner, {
57
61
  testId: testIds.tabsLoadingIndicator,
58
62
  size: "medium"
59
- })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx("div", {
63
+ })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 &&
64
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
65
+ jsx("div", {
60
66
  css: tabsWrapperStyles
61
67
  }, jsx(Tabs, {
62
68
  id: testIds.tabList,
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /** @jsx jsx */
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { jsx } from '@emotion/react';
4
5
  import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
5
6
  import Button from '@atlaskit/button';
@@ -6,6 +6,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
6
6
  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; }
7
7
  /** @jsx jsx */
8
8
  import { forwardRef, Fragment, useCallback, useRef } from 'react';
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
11
  import { jsx } from '@emotion/react';
10
12
  import { defineMessages, FormattedMessage } from 'react-intl-next';
11
13
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -100,9 +102,12 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
100
102
  if (hasSearchTerm) {
101
103
  return jsx(NoResults, null);
102
104
  } else {
103
- return jsx("div", {
104
- css: emptyStateNoResultsWrapper
105
- }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
105
+ return (
106
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
107
+ jsx("div", {
108
+ css: emptyStateNoResultsWrapper
109
+ }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null)
110
+ );
106
111
  }
107
112
  } else {
108
113
  return jsx(NoResults, null);
@@ -110,6 +115,7 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
110
115
  }
111
116
  if (items && items.length > 0) {
112
117
  itemsContent = jsx(Fragment, null, jsx("div", {
118
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
113
119
  css: listTitleStyles,
114
120
  id: testIds.resultListTitle,
115
121
  "data-testid": testIds.resultListTitle
@@ -123,7 +129,9 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
123
129
  "aria-atomic": "true"
124
130
  }))), jsx("ul", {
125
131
  id: id,
126
- role: role,
132
+ role: role
133
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
134
+ ,
127
135
  css: listStyles,
128
136
  "aria-controls": "fabric.smartcard.linkpicker.suggested.results",
129
137
  "aria-labelledby": testIds.resultListTitle,
@@ -151,15 +159,20 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
151
159
  }
152
160
  if (isLoading) {
153
161
  loadingContent = jsx(MinHeightContainer, {
154
- minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px',
162
+ minHeight: getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? '50px' : '80px'
163
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
164
+ ,
155
165
  css: spinnerContainerStyles
156
166
  }, jsx(Spinner, {
157
167
  testId: testIds.searchResultLoadingIndicator,
158
168
  size: "medium"
159
169
  }));
160
170
  }
161
- return jsx("div", _extends({
162
- ref: ref,
163
- css: listContainerStyles
164
- }, restProps), itemsContent, loadingContent);
171
+ return (
172
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
173
+ jsx("div", _extends({
174
+ ref: ref,
175
+ css: listContainerStyles
176
+ }, restProps), itemsContent, loadingContent)
177
+ );
165
178
  });
@@ -1,4 +1,5 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { jsx } from '@emotion/react';
3
4
  import { defineMessages, useIntl } from 'react-intl-next';
4
5
  import EmptyState from '@atlaskit/empty-state';
@@ -24,15 +25,18 @@ export var testIds = {
24
25
  export var NoResults = function NoResults() {
25
26
  var intl = useIntl();
26
27
  var Component = getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? EmptyStateInternal : EmptyState;
27
- return jsx("div", {
28
- css: emptyStateWrapperStyles
29
- }, jsx(Component, {
30
- testId: testIds.emptyResultPage,
31
- header: intl.formatMessage(messages.noResults),
32
- headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
33
- description: intl.formatMessage(messages.noResultsDescription),
34
- renderImage: function renderImage() {
35
- return jsx(NoResultsSVG, null);
36
- }
37
- }));
28
+ return (
29
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
30
+ jsx("div", {
31
+ css: emptyStateWrapperStyles
32
+ }, jsx(Component, {
33
+ testId: testIds.emptyResultPage,
34
+ header: intl.formatMessage(messages.noResults),
35
+ headingLevel: getBooleanFF('platform.linking-platform.link-picker.remove-dst-empty-state') ? undefined : 3,
36
+ description: intl.formatMessage(messages.noResultsDescription),
37
+ renderImage: function renderImage() {
38
+ return jsx(NoResultsSVG, null);
39
+ }
40
+ }))
41
+ );
38
42
  };
@@ -1,10 +1,12 @@
1
1
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
2
  /** @jsx jsx */
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { jsx } from '@emotion/react';
4
5
  import { noResultsSVGStyles } from './styled';
5
6
  export var NoResultsSVG = function NoResultsSVG() {
6
7
  var id = 'link-picker-ui-no-results-svg';
7
8
  return jsx("svg", {
9
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
10
  css: noResultsSVGStyles,
9
11
  height: "120",
10
12
  viewBox: "0 0 208 191",
@@ -1,5 +1,8 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  var HEIGHT = 120;
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
6
  export var noResultsSVGStyles = css({
4
7
  height: "".concat(HEIGHT, "px"),
5
8
  margin: "0 auto ".concat("var(--ds-space-300, 24px)"),
@@ -1,9 +1,14 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
2
4
  export var emptyStateWrapperStyles = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
3
6
  '& p': {
4
7
  margin: 0
5
8
  }
6
9
  });
10
+
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
12
  export var emptyStateNoResultsWrapper = css({
8
13
  minHeight: "var(--ds-space-200, 16px)"
9
14
  });
@@ -1,5 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { forwardRef, Fragment } from 'react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
5
  import { jsx } from '@emotion/react';
4
6
  import { useIntl } from 'react-intl-next';
5
7
  /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
@@ -26,21 +28,29 @@ var ListItemIcon = function ListItemIcon(props) {
26
28
  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
27
29
  if (typeof icon !== 'string') {
28
30
  var Glyph = icon;
29
- return jsx("span", {
30
- css: itemIconStyles
31
- }, jsx(Glyph, {
32
- alt: alt,
33
- "data-testid": testIds.searchResultIcon
34
- }));
31
+ return (
32
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
33
+ jsx("span", {
34
+ css: itemIconStyles
35
+ }, jsx(Glyph, {
36
+ alt: alt,
37
+ "data-testid": testIds.searchResultIcon
38
+ }))
39
+ );
35
40
  }
36
- return jsx("span", {
37
- css: itemIconStyles
38
- }, jsx("img", {
39
- "data-testid": testIds.searchResultIcon,
40
- src: isSVG(icon) ? base64SVG(icon) : icon,
41
- alt: alt,
42
- css: imgStyles
43
- }));
41
+ return (
42
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
43
+ jsx("span", {
44
+ css: itemIconStyles
45
+ }, jsx("img", {
46
+ "data-testid": testIds.searchResultIcon,
47
+ src: isSVG(icon) ? base64SVG(icon) : icon,
48
+ alt: alt
49
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
50
+ ,
51
+ css: imgStyles
52
+ }))
53
+ );
44
54
  };
45
55
  export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
46
56
  var item = _ref.item,
@@ -58,6 +68,7 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
58
68
  var container = item.container || null;
59
69
  var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
60
70
  return jsx("div", {
71
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
61
72
  css: composeListItemStyles(selected),
62
73
  role: role,
63
74
  id: id,
@@ -74,17 +85,23 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
74
85
  }), jsx("div", {
75
86
  css: itemNameStyles
76
87
  }, jsx("div", {
77
- "data-testid": "".concat(testIds.searchResultItem, "-title"),
88
+ "data-testid": "".concat(testIds.searchResultItem, "-title")
89
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
90
+ ,
78
91
  css: listItemNameStyles,
79
92
  title: item.name
80
93
  }, item.name), jsx("div", {
81
94
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
82
95
  css: listItemContextStyles
83
- }, container && jsx("div", {
96
+ }, container &&
97
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
98
+ jsx("div", {
84
99
  css: listItemContainerStyles
85
100
  }, jsx("span", {
86
101
  css: listItemContainerInnerStyles
87
- }, container)), date && jsx("div", {
102
+ }, container)), date &&
103
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
104
+ jsx("div", {
88
105
  css: listItemContainerInnerStyles
89
106
  }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
90
107
  });
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
3
4
  import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
@@ -36,19 +37,34 @@ var listItemActive = css({
36
37
  '&:hover': {
37
38
  backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
38
39
  },
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
41
  listItemBoxShadow: listItemBoxShadow
40
42
  });
41
43
  var listItemSelected = css({
42
44
  backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
43
- }, listItemBoxShadow);
45
+ },
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
+ listItemBoxShadow);
44
48
  export var composeListItemStyles = function composeListItemStyles() {
45
49
  var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
46
- return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
50
+ return css(
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
52
+ listItemBaseStyles,
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
+ !selected && listItemActive,
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
56
+ selected && listItemSelected,
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
58
+ listItemFocusStyles);
47
59
  };
60
+
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
48
62
  export var itemNameStyles = css({
49
63
  overflow: 'hidden',
50
64
  alignContent: 'center'
51
65
  });
66
+
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
52
68
  export var listItemNameStyles = css({
53
69
  color: "var(--ds-text, ".concat(N800, ")"),
54
70
  overflow: 'hidden',
@@ -56,27 +72,36 @@ export var listItemNameStyles = css({
56
72
  whiteSpace: 'nowrap',
57
73
  lineHeight: '20px'
58
74
  });
75
+
76
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
59
77
  export var listItemContextStyles = css({
60
78
  color: "var(--ds-text, ".concat(N300, ")"),
79
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
61
80
  fontSize: relativeFontSizeToBase16(fontSizeSmall()),
62
81
  lineHeight: "".concat(fontSize(), "px"),
63
82
  display: 'flex'
64
83
  });
84
+
85
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
65
86
  export var listItemContainerStyles = css({
66
87
  overflow: 'hidden',
67
88
  textOverflow: 'ellipsis'
68
89
  });
90
+
91
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
69
92
  export var listItemContainerInnerStyles = css({
70
93
  color: "var(--ds-text-subtlest, ".concat(N200, ")"),
71
94
  whiteSpace: 'nowrap'
72
95
  });
73
96
 
74
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
97
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
75
98
  export var itemIconStyles = css({
76
99
  minWidth: "var(--ds-space-200, 16px)",
77
100
  marginTop: "var(--ds-space-050, 4px)",
78
101
  marginRight: "var(--ds-space-150, 12px)"
79
102
  });
103
+
104
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
80
105
  export var imgStyles = css({
81
106
  maxWidth: "var(--ds-space-200, 16px)"
82
107
  });
@@ -1,8 +1,10 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
 
3
4
  // AFP-2532 TODO: Fix automatic suppressions below
4
5
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
5
6
  import { typography } from '@atlaskit/theme';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
8
  export var listContainerStyles = css({
7
9
  width: '100%',
8
10
  paddingTop: 0,
@@ -13,11 +15,15 @@ export var listContainerStyles = css({
13
15
  display: 'flex',
14
16
  flexDirection: 'column'
15
17
  });
18
+
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
16
20
  export var spinnerContainerStyles = css({
17
21
  flexGrow: 1,
18
22
  flexDirection: 'column',
19
23
  alignItems: 'center'
20
24
  });
25
+
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
21
27
  export var listStyles = css({
22
28
  padding: "var(--ds-space-0, 0px)",
23
29
  marginTop: "var(--ds-space-0, 0px)",
@@ -26,6 +32,8 @@ export var listStyles = css({
26
32
  marginRight: 'calc(-1 * var(--link-picker-padding-right))',
27
33
  listStyle: 'none'
28
34
  });
35
+
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
37
  export var listTitleStyles = css(typography.h100(), {
30
38
  textTransform: 'uppercase',
31
39
  marginTop: 0,
@@ -5,6 +5,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
5
5
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
6
6
  /** @jsx jsx */
7
7
  import React, { useCallback, useMemo, useRef, useState } from 'react';
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
10
  import { jsx } from '@emotion/react';
9
11
  import Button from '@atlaskit/button';
10
12
  import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
@@ -114,36 +116,41 @@ export var ScrollingTabList = function ScrollingTabList(props) {
114
116
  appearance: 'subtle',
115
117
  spacing: 'none'
116
118
  };
117
- return jsx("div", {
118
- css: containerStyles,
119
- ref: ref,
120
- "data-testid": "scrolling-tabs"
121
- }, conditionalButtons.back &&
122
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
123
- jsx("div", {
124
- className: "back",
125
- css: backButtonStyles
126
- }, jsx(Button, _extends({
127
- "data-test-id": "back"
128
- }, buttonProps, {
129
- iconBefore: jsx(ChevronLeftIcon, {
130
- label: "back"
131
- }),
132
- onClick: function onClick() {
133
- return scrollBack(ref);
134
- }
135
- }))), jsx("div", {
136
- css: scrollingContainerStyles
137
- }, props.children), conditionalButtons.forward && jsx("div", {
138
- css: nextButtonStyles
139
- }, jsx(Button, _extends({
140
- "data-test-id": "forward"
141
- }, buttonProps, {
142
- iconBefore: jsx(ChevronRightIcon, {
143
- label: "forward"
144
- }),
145
- onClick: function onClick() {
146
- return scrollForward(ref);
147
- }
148
- }))));
119
+ return (
120
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
121
+ jsx("div", {
122
+ css: containerStyles,
123
+ ref: ref,
124
+ "data-testid": "scrolling-tabs"
125
+ }, conditionalButtons.back &&
126
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
127
+ jsx("div", {
128
+ className: "back",
129
+ css: backButtonStyles
130
+ }, jsx(Button, _extends({
131
+ "data-test-id": "back"
132
+ }, buttonProps, {
133
+ iconBefore: jsx(ChevronLeftIcon, {
134
+ label: "back"
135
+ }),
136
+ onClick: function onClick() {
137
+ return scrollBack(ref);
138
+ }
139
+ }))), jsx("div", {
140
+ css: scrollingContainerStyles
141
+ }, props.children), conditionalButtons.forward &&
142
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
143
+ jsx("div", {
144
+ css: nextButtonStyles
145
+ }, jsx(Button, _extends({
146
+ "data-test-id": "forward"
147
+ }, buttonProps, {
148
+ iconBefore: jsx(ChevronRightIcon, {
149
+ label: "forward"
150
+ }),
151
+ onClick: function onClick() {
152
+ return scrollForward(ref);
153
+ }
154
+ }))))
155
+ );
149
156
  };
@@ -1,10 +1,13 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { N0, N30 } from '@atlaskit/theme/colors';
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
5
  export var scrollingContainerStyles = css({
4
6
  overflowX: 'auto',
5
7
  scrollBehavior: 'smooth',
6
8
  scrollPadding: '0 24px',
7
9
  scrollbarWidth: 'none',
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
8
11
  '&::-webkit-scrollbar': {
9
12
  display: 'none'
10
13
  },
@@ -21,19 +24,27 @@ export var scrollingContainerStyles = css({
21
24
  backgroundColor: "var(--ds-border, ".concat(N30, ")")
22
25
  }
23
26
  });
27
+
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
24
29
  export var containerStyles = css({
25
30
  position: 'relative',
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
26
32
  '[role="tablist"]': {
27
33
  '&::before': {
28
34
  display: 'none'
29
35
  }
30
36
  },
31
37
  // Overrides Atlaskit tabs styles to stop overflowing with ellipsis
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
39
  '[role="tab"]': {
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
33
41
  overflow: 'unset !important',
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
34
43
  textOverflow: 'unset !important'
35
44
  }
36
45
  });
46
+
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
37
48
  export var buttonContainerStyles = css({
38
49
  position: 'absolute',
39
50
  top: "var(--ds-space-050, 4px)",
@@ -41,12 +52,16 @@ export var buttonContainerStyles = css({
41
52
  backgroundColor: "var(--ds-surface, ".concat(N0, ")")
42
53
  });
43
54
 
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
45
- export var backButtonStyles = css([buttonContainerStyles, {
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
56
+ export var backButtonStyles = css([
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
58
+ buttonContainerStyles, {
46
59
  left: 0
47
60
  }]);
48
61
 
49
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
50
- export var nextButtonStyles = css([buttonContainerStyles, {
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
63
+ export var nextButtonStyles = css([
64
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
65
+ buttonContainerStyles, {
51
66
  right: 0
52
67
  }]);
@@ -3,6 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  var _excluded = ["hasTabs"];
4
4
  /** @jsx jsx */
5
5
  import { forwardRef } from 'react';
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
8
  import { jsx } from '@emotion/react';
7
9
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
8
10
  import { MinHeightContainer } from '../../../../common/ui/min-height-container';
@@ -12,6 +14,8 @@ export var SearchResultsContainer = /*#__PURE__*/forwardRef(function (_ref, ref)
12
14
  props = _objectWithoutProperties(_ref, _excluded);
13
15
  var minHeight = hasTabs ? '347px' : '302px';
14
16
  var ffMinHeight = getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
17
+
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
15
19
  return jsx(MinHeightContainer, _extends({
16
20
  ref: ref,
17
21
  minHeight: ffMinHeight,
@@ -1,4 +1,7 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
2
5
  export var flexColumn = css({
3
6
  display: 'flex',
4
7
  flexDirection: 'column',
@@ -1,7 +1,11 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
2
4
  export var tabsWrapperStyles = css({
3
5
  marginTop: "var(--ds-space-150, 12px)"
4
6
  });
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
9
  export var spinnerContainerStyles = css({
6
10
  minHeight: '80px',
7
11
  display: 'flex',
@@ -10,6 +14,8 @@ export var spinnerContainerStyles = css({
10
14
  alignSelf: 'center',
11
15
  flexGrow: 1
12
16
  });
17
+
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
13
19
  export var flexColumnStyles = css({
14
20
  display: 'flex',
15
21
  flexDirection: 'column'
@@ -1,9 +1,12 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css } from '@emotion/react';
4
5
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
6
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
7
  export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: ", ";\n\tpadding-left: var(--link-picker-padding-left);\n\tpadding-right: var(--link-picker-padding-right);\n\tpadding-top: var(--link-picker-padding-top);\n\tpadding-bottom: var(--link-picker-padding-bottom);\n\tbox-sizing: border-box;\n\tline-height: initial;\n\tdisplay: block !important;\n"])), getBooleanFF('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
10
  export var formFooterMargin = css({
8
11
  marginTop: "var(--ds-space-200, 16px)"
9
12
  });