@atlaskit/link-picker 1.37.0 → 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 (120) hide show
  1. package/.eslintrc.js +22 -22
  2. package/CHANGELOG.md +12 -0
  3. package/LICENSE.md +6 -8
  4. package/compass.yml +0 -1
  5. package/dist/cjs/common/generic-error-svg/index.js +4 -1
  6. package/dist/cjs/common/generic-error-svg/styled.js +4 -0
  7. package/dist/cjs/common/ui/empty-state/index.js +3 -1
  8. package/dist/cjs/common/ui/min-height-container/index.js +4 -1
  9. package/dist/cjs/common/ui/min-height-container/styled.js +3 -0
  10. package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +17 -11
  11. package/dist/cjs/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  12. package/dist/cjs/ui/index.js +5 -3
  13. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  14. package/dist/cjs/ui/link-picker/form-footer/feature-discovery/styled.js +4 -0
  15. package/dist/cjs/ui/link-picker/form-footer/index.js +30 -24
  16. package/dist/cjs/ui/link-picker/form-footer/styled.js +5 -0
  17. package/dist/cjs/ui/link-picker/index.js +8 -4
  18. package/dist/cjs/ui/link-picker/search-results/index.js +7 -3
  19. package/dist/cjs/ui/link-picker/search-results/link-search-error/index.js +1 -0
  20. package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +21 -10
  21. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
  22. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  23. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +4 -0
  24. package/dist/cjs/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +6 -0
  25. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  26. package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +29 -3
  27. package/dist/cjs/ui/link-picker/search-results/link-search-list/styled.js +9 -0
  28. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +38 -33
  29. package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/styles.js +20 -4
  30. package/dist/cjs/ui/link-picker/search-results/search-results-container/index.js +3 -0
  31. package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  32. package/dist/cjs/ui/link-picker/search-results/styled.js +7 -0
  33. package/dist/cjs/ui/link-picker/styled.js +5 -3
  34. package/dist/cjs/ui/link-picker/text-input/index.js +25 -19
  35. package/dist/cjs/ui/link-picker/text-input/styled.js +6 -0
  36. package/dist/cjs/ui/loader-fallback/index.js +4 -1
  37. package/dist/cjs/ui/loader-fallback/styled.js +3 -0
  38. package/dist/cjs/ui/styled.js +3 -0
  39. package/dist/es2019/common/generic-error-svg/index.js +4 -1
  40. package/dist/es2019/common/generic-error-svg/styled.js +3 -0
  41. package/dist/es2019/common/ui/empty-state/index.js +3 -1
  42. package/dist/es2019/common/ui/min-height-container/index.js +5 -1
  43. package/dist/es2019/common/ui/min-height-container/styled.js +3 -0
  44. package/dist/es2019/ui/error-boundary/error-boundary-fallback/index.js +15 -9
  45. package/dist/es2019/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  46. package/dist/es2019/ui/index.js +7 -2
  47. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  48. package/dist/es2019/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
  49. package/dist/es2019/ui/link-picker/form-footer/index.js +31 -24
  50. package/dist/es2019/ui/link-picker/form-footer/styled.js +5 -0
  51. package/dist/es2019/ui/link-picker/index.js +9 -3
  52. package/dist/es2019/ui/link-picker/search-results/index.js +8 -2
  53. package/dist/es2019/ui/link-picker/search-results/link-search-error/index.js +1 -0
  54. package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +22 -9
  55. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +13 -9
  56. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  57. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
  58. package/dist/es2019/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
  59. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  60. package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
  61. package/dist/es2019/ui/link-picker/search-results/link-search-list/styled.js +8 -0
  62. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +35 -28
  63. package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
  64. package/dist/es2019/ui/link-picker/search-results/search-results-container/index.js +4 -0
  65. package/dist/es2019/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  66. package/dist/es2019/ui/link-picker/search-results/styled.js +6 -0
  67. package/dist/es2019/ui/link-picker/styled.js +12 -9
  68. package/dist/es2019/ui/link-picker/text-input/index.js +27 -20
  69. package/dist/es2019/ui/link-picker/text-input/styled.js +5 -0
  70. package/dist/es2019/ui/loader-fallback/index.js +4 -1
  71. package/dist/es2019/ui/loader-fallback/styled.js +3 -0
  72. package/dist/es2019/ui/styled.js +3 -0
  73. package/dist/esm/common/generic-error-svg/index.js +4 -1
  74. package/dist/esm/common/generic-error-svg/styled.js +3 -0
  75. package/dist/esm/common/ui/empty-state/index.js +3 -1
  76. package/dist/esm/common/ui/min-height-container/index.js +5 -1
  77. package/dist/esm/common/ui/min-height-container/styled.js +3 -0
  78. package/dist/esm/ui/error-boundary/error-boundary-fallback/index.js +17 -11
  79. package/dist/esm/ui/error-boundary/error-boundary-fallback/styled.js +3 -0
  80. package/dist/esm/ui/index.js +6 -2
  81. package/dist/esm/ui/link-picker/form-footer/feature-discovery/index.js +9 -4
  82. package/dist/esm/ui/link-picker/form-footer/feature-discovery/styled.js +3 -0
  83. package/dist/esm/ui/link-picker/form-footer/index.js +31 -24
  84. package/dist/esm/ui/link-picker/form-footer/styled.js +5 -0
  85. package/dist/esm/ui/link-picker/index.js +9 -3
  86. package/dist/esm/ui/link-picker/search-results/index.js +8 -2
  87. package/dist/esm/ui/link-picker/search-results/link-search-error/index.js +1 -0
  88. package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +22 -9
  89. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/index.js +15 -11
  90. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.js +2 -0
  91. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/styled.js +3 -0
  92. package/dist/esm/ui/link-picker/search-results/link-search-list/link-search-no-results/styled.js +5 -0
  93. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +34 -17
  94. package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +28 -3
  95. package/dist/esm/ui/link-picker/search-results/link-search-list/styled.js +8 -0
  96. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +39 -32
  97. package/dist/esm/ui/link-picker/search-results/scrolling-tabs/styles.js +19 -4
  98. package/dist/esm/ui/link-picker/search-results/search-results-container/index.js +4 -0
  99. package/dist/esm/ui/link-picker/search-results/search-results-container/styled.js +3 -0
  100. package/dist/esm/ui/link-picker/search-results/styled.js +6 -0
  101. package/dist/esm/ui/link-picker/styled.js +5 -2
  102. package/dist/esm/ui/link-picker/text-input/index.js +26 -19
  103. package/dist/esm/ui/link-picker/text-input/styled.js +5 -0
  104. package/dist/esm/ui/loader-fallback/index.js +4 -1
  105. package/dist/esm/ui/loader-fallback/styled.js +3 -0
  106. package/dist/esm/ui/styled.js +3 -0
  107. package/dist/types/common/analytics/index.d.ts +1 -1
  108. package/dist/types/common/ui/empty-state/index.d.ts +1 -1
  109. package/dist/types/controllers/session-provider/index.d.ts +1 -1
  110. package/dist/types/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
  111. package/dist/types/ui/link-picker/search-results/track-tab-viewed/index.d.ts +1 -1
  112. package/dist/types/ui/messages-provider/lazy-messages-provider/index.d.ts +1 -1
  113. package/dist/types-ts4.5/common/analytics/index.d.ts +1 -1
  114. package/dist/types-ts4.5/common/ui/empty-state/index.d.ts +1 -1
  115. package/dist/types-ts4.5/controllers/session-provider/index.d.ts +1 -1
  116. package/dist/types-ts4.5/ui/error-boundary/error-boundary-base/index.d.ts +3 -3
  117. package/dist/types-ts4.5/ui/link-picker/search-results/track-tab-viewed/index.d.ts +1 -1
  118. package/dist/types-ts4.5/ui/messages-provider/lazy-messages-provider/index.d.ts +1 -1
  119. package/package.json +147 -147
  120. package/report.api.md +75 -82
@@ -5,11 +5,17 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.emptyStateWrapperStyles = exports.emptyStateNoResultsWrapper = void 0;
7
7
  var _react = require("@emotion/react");
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
8
11
  var emptyStateWrapperStyles = exports.emptyStateWrapperStyles = (0, _react.css)({
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
13
  '& p': {
10
14
  margin: 0
11
15
  }
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
  var emptyStateNoResultsWrapper = exports.emptyStateNoResultsWrapper = (0, _react.css)({
14
20
  minHeight: "var(--ds-space-200, 16px)"
15
21
  });
@@ -11,6 +11,8 @@ var _transformTimeStamp = require("../../../transformTimeStamp");
11
11
  var _styled = require("./styled");
12
12
  /** @jsx jsx */
13
13
 
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
+
14
16
  /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
15
17
 
16
18
  var testIds = exports.testIds = {
@@ -34,21 +36,29 @@ var ListItemIcon = function ListItemIcon(props) {
34
36
  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
35
37
  if (typeof icon !== 'string') {
36
38
  var Glyph = icon;
37
- return (0, _react2.jsx)("span", {
38
- css: _styled.itemIconStyles
39
- }, (0, _react2.jsx)(Glyph, {
40
- alt: alt,
41
- "data-testid": testIds.searchResultIcon
42
- }));
39
+ return (
40
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
+ (0, _react2.jsx)("span", {
42
+ css: _styled.itemIconStyles
43
+ }, (0, _react2.jsx)(Glyph, {
44
+ alt: alt,
45
+ "data-testid": testIds.searchResultIcon
46
+ }))
47
+ );
43
48
  }
44
- return (0, _react2.jsx)("span", {
45
- css: _styled.itemIconStyles
46
- }, (0, _react2.jsx)("img", {
47
- "data-testid": testIds.searchResultIcon,
48
- src: isSVG(icon) ? base64SVG(icon) : icon,
49
- alt: alt,
50
- css: _styled.imgStyles
51
- }));
49
+ return (
50
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
51
+ (0, _react2.jsx)("span", {
52
+ css: _styled.itemIconStyles
53
+ }, (0, _react2.jsx)("img", {
54
+ "data-testid": testIds.searchResultIcon,
55
+ src: isSVG(icon) ? base64SVG(icon) : icon,
56
+ alt: alt
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
+ ,
59
+ css: _styled.imgStyles
60
+ }))
61
+ );
52
62
  };
53
63
  var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
54
64
  var item = _ref.item,
@@ -66,6 +76,7 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
66
76
  var container = item.container || null;
67
77
  var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
68
78
  return (0, _react2.jsx)("div", {
79
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
69
80
  css: (0, _styled.composeListItemStyles)(selected),
70
81
  role: role,
71
82
  id: id,
@@ -82,17 +93,23 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
82
93
  }), (0, _react2.jsx)("div", {
83
94
  css: _styled.itemNameStyles
84
95
  }, (0, _react2.jsx)("div", {
85
- "data-testid": "".concat(testIds.searchResultItem, "-title"),
96
+ "data-testid": "".concat(testIds.searchResultItem, "-title")
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
+ ,
86
99
  css: _styled.listItemNameStyles,
87
100
  title: item.name
88
101
  }, item.name), (0, _react2.jsx)("div", {
89
102
  "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
90
103
  css: _styled.listItemContextStyles
91
- }, container && (0, _react2.jsx)("div", {
104
+ }, container &&
105
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
106
+ (0, _react2.jsx)("div", {
92
107
  css: _styled.listItemContainerStyles
93
108
  }, (0, _react2.jsx)("span", {
94
109
  css: _styled.listItemContainerInnerStyles
95
- }, container)), date && (0, _react2.jsx)("div", {
110
+ }, container)), date &&
111
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
112
+ (0, _react2.jsx)("div", {
96
113
  css: _styled.listItemContainerInnerStyles
97
114
  }, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, date)))));
98
115
  });
@@ -7,6 +7,8 @@ exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItem
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
9
  var _constants = require("@atlaskit/theme/constants");
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
+
10
12
  // AFP-2532 TODO: Fix automatic suppressions below
11
13
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
12
14
 
@@ -42,19 +44,34 @@ var listItemActive = (0, _react.css)({
42
44
  '&:hover': {
43
45
  backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")
44
46
  },
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
45
48
  listItemBoxShadow: listItemBoxShadow
46
49
  });
47
50
  var listItemSelected = (0, _react.css)({
48
51
  backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
49
- }, listItemBoxShadow);
52
+ },
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
+ listItemBoxShadow);
50
55
  var composeListItemStyles = exports.composeListItemStyles = function composeListItemStyles() {
51
56
  var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
52
- return (0, _react.css)(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
57
+ return (0, _react.css)(
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
59
+ listItemBaseStyles,
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
61
+ !selected && listItemActive,
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
63
+ selected && listItemSelected,
64
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
65
+ listItemFocusStyles);
53
66
  };
67
+
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
54
69
  var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
55
70
  overflow: 'hidden',
56
71
  alignContent: 'center'
57
72
  });
73
+
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
58
75
  var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
59
76
  color: "var(--ds-text, ".concat(_colors.N800, ")"),
60
77
  overflow: 'hidden',
@@ -62,27 +79,36 @@ var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
62
79
  whiteSpace: 'nowrap',
63
80
  lineHeight: '20px'
64
81
  });
82
+
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
65
84
  var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)({
66
85
  color: "var(--ds-text, ".concat(_colors.N300, ")"),
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
67
87
  fontSize: relativeFontSizeToBase16((0, _constants.fontSizeSmall)()),
68
88
  lineHeight: "".concat((0, _constants.fontSize)(), "px"),
69
89
  display: 'flex'
70
90
  });
91
+
92
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
71
93
  var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)({
72
94
  overflow: 'hidden',
73
95
  textOverflow: 'ellipsis'
74
96
  });
97
+
98
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
75
99
  var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)({
76
100
  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
77
101
  whiteSpace: 'nowrap'
78
102
  });
79
103
 
80
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
104
+ // 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
81
105
  var itemIconStyles = exports.itemIconStyles = (0, _react.css)({
82
106
  minWidth: "var(--ds-space-200, 16px)",
83
107
  marginTop: "var(--ds-space-050, 4px)",
84
108
  marginRight: "var(--ds-space-150, 12px)"
85
109
  });
110
+
111
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
86
112
  var imgStyles = exports.imgStyles = (0, _react.css)({
87
113
  maxWidth: "var(--ds-space-200, 16px)"
88
114
  });
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.spinnerContainerStyles = exports.listTitleStyles = exports.listStyles = exports.listContainerStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _theme = require("@atlaskit/theme");
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
+
9
11
  // AFP-2532 TODO: Fix automatic suppressions below
10
12
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
11
13
 
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
12
15
  var listContainerStyles = exports.listContainerStyles = (0, _react.css)({
13
16
  width: '100%',
14
17
  paddingTop: 0,
@@ -19,11 +22,15 @@ var listContainerStyles = exports.listContainerStyles = (0, _react.css)({
19
22
  display: 'flex',
20
23
  flexDirection: 'column'
21
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
22
27
  var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
23
28
  flexGrow: 1,
24
29
  flexDirection: 'column',
25
30
  alignItems: 'center'
26
31
  });
32
+
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
27
34
  var listStyles = exports.listStyles = (0, _react.css)({
28
35
  padding: "var(--ds-space-0, 0px)",
29
36
  marginTop: "var(--ds-space-0, 0px)",
@@ -32,6 +39,8 @@ var listStyles = exports.listStyles = (0, _react.css)({
32
39
  marginRight: 'calc(-1 * var(--link-picker-padding-right))',
33
40
  listStyle: 'none'
34
41
  });
42
+
43
+ // 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
35
44
  var listTitleStyles = exports.listTitleStyles = (0, _react.css)(_theme.typography.h100(), {
36
45
  textTransform: 'uppercase',
37
46
  marginTop: 0,
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
19
19
  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; }
20
20
  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
21
21
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
22
- 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; } /** @jsx jsx */
22
+ 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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
23
23
  function isTouchDevice() {
24
24
  return 'ontouchstart' in window ||
25
25
  // eslint-disable-next-line compat/compat
@@ -123,36 +123,41 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
123
123
  appearance: 'subtle',
124
124
  spacing: 'none'
125
125
  };
126
- return (0, _react2.jsx)("div", {
127
- css: _styles.containerStyles,
128
- ref: ref,
129
- "data-testid": "scrolling-tabs"
130
- }, conditionalButtons.back &&
131
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
132
- (0, _react2.jsx)("div", {
133
- className: "back",
134
- css: _styles.backButtonStyles
135
- }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
136
- "data-test-id": "back"
137
- }, buttonProps, {
138
- iconBefore: (0, _react2.jsx)(_chevronLeft.default, {
139
- label: "back"
140
- }),
141
- onClick: function onClick() {
142
- return (0, _scrollingTabs.scrollBack)(ref);
143
- }
144
- }))), (0, _react2.jsx)("div", {
145
- css: _styles.scrollingContainerStyles
146
- }, props.children), conditionalButtons.forward && (0, _react2.jsx)("div", {
147
- css: _styles.nextButtonStyles
148
- }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
149
- "data-test-id": "forward"
150
- }, buttonProps, {
151
- iconBefore: (0, _react2.jsx)(_chevronRight.default, {
152
- label: "forward"
153
- }),
154
- onClick: function onClick() {
155
- return (0, _scrollingTabs.scrollForward)(ref);
156
- }
157
- }))));
126
+ return (
127
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
128
+ (0, _react2.jsx)("div", {
129
+ css: _styles.containerStyles,
130
+ ref: ref,
131
+ "data-testid": "scrolling-tabs"
132
+ }, conditionalButtons.back &&
133
+ // 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
134
+ (0, _react2.jsx)("div", {
135
+ className: "back",
136
+ css: _styles.backButtonStyles
137
+ }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
138
+ "data-test-id": "back"
139
+ }, buttonProps, {
140
+ iconBefore: (0, _react2.jsx)(_chevronLeft.default, {
141
+ label: "back"
142
+ }),
143
+ onClick: function onClick() {
144
+ return (0, _scrollingTabs.scrollBack)(ref);
145
+ }
146
+ }))), (0, _react2.jsx)("div", {
147
+ css: _styles.scrollingContainerStyles
148
+ }, props.children), conditionalButtons.forward &&
149
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
150
+ (0, _react2.jsx)("div", {
151
+ css: _styles.nextButtonStyles
152
+ }, (0, _react2.jsx)(_button.default, (0, _extends2.default)({
153
+ "data-test-id": "forward"
154
+ }, buttonProps, {
155
+ iconBefore: (0, _react2.jsx)(_chevronRight.default, {
156
+ label: "forward"
157
+ }),
158
+ onClick: function onClick() {
159
+ return (0, _scrollingTabs.scrollForward)(ref);
160
+ }
161
+ }))))
162
+ );
158
163
  };
@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerStyles = exports.buttonContainerStyles = exports.backButtonStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
+
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
9
12
  var scrollingContainerStyles = exports.scrollingContainerStyles = (0, _react.css)({
10
13
  overflowX: 'auto',
11
14
  scrollBehavior: 'smooth',
12
15
  scrollPadding: '0 24px',
13
16
  scrollbarWidth: 'none',
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
14
18
  '&::-webkit-scrollbar': {
15
19
  display: 'none'
16
20
  },
@@ -27,19 +31,27 @@ var scrollingContainerStyles = exports.scrollingContainerStyles = (0, _react.css
27
31
  backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
28
32
  }
29
33
  });
34
+
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
30
36
  var containerStyles = exports.containerStyles = (0, _react.css)({
31
37
  position: 'relative',
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
39
  '[role="tablist"]': {
33
40
  '&::before': {
34
41
  display: 'none'
35
42
  }
36
43
  },
37
44
  // Overrides Atlaskit tabs styles to stop overflowing with ellipsis
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
38
46
  '[role="tab"]': {
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
39
48
  overflow: 'unset !important',
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
40
50
  textOverflow: 'unset !important'
41
51
  }
42
52
  });
53
+
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
43
55
  var buttonContainerStyles = exports.buttonContainerStyles = (0, _react.css)({
44
56
  position: 'absolute',
45
57
  top: "var(--ds-space-050, 4px)",
@@ -47,12 +59,16 @@ var buttonContainerStyles = exports.buttonContainerStyles = (0, _react.css)({
47
59
  backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
48
60
  });
49
61
 
50
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
51
- var backButtonStyles = exports.backButtonStyles = (0, _react.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
+ var backButtonStyles = exports.backButtonStyles = (0, _react.css)([
64
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
65
+ buttonContainerStyles, {
52
66
  left: 0
53
67
  }]);
54
68
 
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
56
- var nextButtonStyles = exports.nextButtonStyles = (0, _react.css)([buttonContainerStyles, {
69
+ // 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
70
+ var nextButtonStyles = exports.nextButtonStyles = (0, _react.css)([
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
72
+ buttonContainerStyles, {
57
73
  right: 0
58
74
  }]);
@@ -14,11 +14,14 @@ var _minHeightContainer = require("../../../../common/ui/min-height-container");
14
14
  var _styled = require("./styled");
15
15
  var _excluded = ["hasTabs"];
16
16
  /** @jsx jsx */
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
18
  var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
18
19
  var hasTabs = _ref.hasTabs,
19
20
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
20
21
  var minHeight = hasTabs ? '347px' : '302px';
21
22
  var ffMinHeight = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? minHeight : 'auto';
23
+
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
22
25
  return (0, _react2.jsx)(_minHeightContainer.MinHeightContainer, (0, _extends2.default)({
23
26
  ref: ref,
24
27
  minHeight: ffMinHeight,
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.flexColumn = void 0;
7
7
  var _react = require("@emotion/react");
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
8
11
  var flexColumn = exports.flexColumn = (0, _react.css)({
9
12
  display: 'flex',
10
13
  flexDirection: 'column',
@@ -5,9 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
8
11
  var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)({
9
12
  marginTop: "var(--ds-space-150, 12px)"
10
13
  });
14
+
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
11
16
  var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
12
17
  minHeight: '80px',
13
18
  display: 'flex',
@@ -16,6 +21,8 @@ var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)({
16
21
  alignSelf: 'center',
17
22
  flexGrow: 1
18
23
  });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
19
26
  var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)({
20
27
  display: 'flex',
21
28
  flexDirection: 'column'
@@ -8,9 +8,11 @@ exports.rootContainerStyles = exports.formFooterMargin = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
10
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
- var _templateObject;
12
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
13
- var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n padding-left: var(--link-picker-padding-left);\n padding-right: var(--link-picker-padding-right);\n padding-top: var(--link-picker-padding-top);\n padding-bottom: var(--link-picker-padding-bottom);\n box-sizing: border-box;\n line-height: initial;\n display: block !important;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
11
+ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
+ // 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
13
+ var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
14
+
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
14
16
  var formFooterMargin = exports.formFooterMargin = (0, _react.css)({
15
17
  marginTop: "var(--ds-space-200, 16px)"
16
18
  });
@@ -18,6 +18,7 @@ var _styled = require("./styled");
18
18
  var _utils = require("./utils");
19
19
  var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
20
20
  /** @jsx jsx */
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
21
22
  var testIds = exports.testIds = {
22
23
  urlError: 'link-error',
23
24
  clearUrlButton: 'clear-text'
@@ -68,7 +69,9 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
68
69
  var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
69
70
  content: clearLabel
70
71
  }, (0, _react2.jsx)("button", {
71
- type: "button",
72
+ type: "button"
73
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
74
+ ,
72
75
  css: _styled.clearTextButtonStyles,
73
76
  onClick: handleClear,
74
77
  "data-testid": testIds.clearUrlButton
@@ -76,22 +79,25 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
76
79
  size: "medium",
77
80
  label: clearLabel || ''
78
81
  })));
79
- return (0, _react2.jsx)("div", {
80
- css: _styled.fieldStyles
81
- }, (0, _react2.jsx)(_form.Field, {
82
- label: label,
83
- name: name
84
- }, function (_ref2) {
85
- var fieldProps = _ref2.fieldProps;
86
- return (0, _react2.jsx)(_conditionalSpotlightTargetWrapper.ConditionalSpotlightTargetWrapper, {
87
- spotlightTargetName: spotlightTargetName
88
- }, (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
89
- onKeyDown: handleKeydown,
90
- ref: handleRef,
91
- elemAfterInput: clearText,
92
- isInvalid: !!error
93
- })), error && (0, _react2.jsx)(_form.ErrorMessage, {
94
- testId: testIds.urlError
95
- }, error)));
96
- }));
82
+ return (
83
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
84
+ (0, _react2.jsx)("div", {
85
+ css: _styled.fieldStyles
86
+ }, (0, _react2.jsx)(_form.Field, {
87
+ label: label,
88
+ name: name
89
+ }, function (_ref2) {
90
+ var fieldProps = _ref2.fieldProps;
91
+ return (0, _react2.jsx)(_conditionalSpotlightTargetWrapper.ConditionalSpotlightTargetWrapper, {
92
+ spotlightTargetName: spotlightTargetName
93
+ }, (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
94
+ onKeyDown: handleKeydown,
95
+ ref: handleRef,
96
+ elemAfterInput: clearText,
97
+ isInvalid: !!error
98
+ })), error && (0, _react2.jsx)(_form.ErrorMessage, {
99
+ testId: testIds.urlError
100
+ }, error)));
101
+ }))
102
+ );
97
103
  };
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.fieldStyles = exports.clearTextButtonStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
+
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
9
12
  var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
10
13
  padding: 0,
11
14
  marginRight: "var(--ds-space-050, 4px)",
@@ -19,10 +22,13 @@ var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
19
22
  * Overidding text input margin top which design system provides as a default spacer
20
23
  * but it gets in the way of our layout
21
24
  */
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
22
26
  var fieldStyles = exports.fieldStyles = (0, _react.css)({
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
23
28
  '> div': {
24
29
  marginTop: 0
25
30
  },
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
32
  '& + &': {
27
33
  marginTop: "var(--ds-space-200, 16px)"
28
34
  }
@@ -11,6 +11,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
11
11
  var _minHeightContainer = require("../../common/ui/min-height-container");
12
12
  var _styled = require("./styled");
13
13
  /** @jsx jsx */
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
15
 
15
16
  var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITHOUT_DISPLAYTEXT = '472px';
16
17
  var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_TABS_WITH_DISPLAYTEXT = '550px';
@@ -45,7 +46,9 @@ var LoaderFallback = exports.LoaderFallback = function LoaderFallback(props) {
45
46
  var minHeight = getEstimatedMinHeight(props);
46
47
  return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
47
48
  minHeight: minHeight,
48
- "data-testid": "link-picker-root-loader-boundary-ui",
49
+ "data-testid": "link-picker-root-loader-boundary-ui"
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
51
+ ,
49
52
  css: _styled.styles
50
53
  }, (0, _react.jsx)(_spinner.default, {
51
54
  testId: "link-picker.component-loading-indicator",
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.styles = void 0;
7
7
  var _react = require("@emotion/react");
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
8
11
  var styles = exports.styles = (0, _react.css)({
9
12
  alignItems: 'center'
10
13
  });
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.fixedWidthContainerStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
8
11
  var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)({
9
12
  width: 'var(--link-picker-width)'
10
13
  });
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
3
3
  /** @jsx jsx */
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
5
  import { jsx } from '@emotion/react';
5
6
  import { genericErrorStyles } from './styled';
6
7
  export const GenericErrorSVG = props => {
@@ -9,7 +10,9 @@ export const GenericErrorSVG = props => {
9
10
  height: "90",
10
11
  viewBox: "0 0 164 212",
11
12
  fill: "none",
12
- xmlns: "http://www.w3.org/2000/svg",
13
+ xmlns: "http://www.w3.org/2000/svg"
14
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
15
+ ,
13
16
  css: genericErrorStyles
14
17
  }, props), jsx("path", {
15
18
  d: "m95.43 74.16 66.44 115.08c5.84 10.12-1.46 22.76-13.14 22.76H15.85c-11.68 0-18.98-12.65-13.14-22.76L69.15 74.16c5.84-10.12 20.44-10.12 26.28 0Zm-7.56 83.55 2.88-44.35c.34-5.29-3.86-9.78-9.16-9.78-5.31 0-9.51 4.48-9.16 9.78l2.88 44.35a6.3 6.3 0 0 0 6.28 5.89c3.31 0 6.06-2.58 6.28-5.89Zm-15.84 23.54c0 5.66 4.76 10.1 10.39 9.58 4.85-.45 8.73-4.5 8.83-9.37.11-5.45-4.31-9.94-9.73-9.94-5.23-.01-9.49 4.37-9.49 9.73Z",
@@ -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
  const HEIGHT = 90;
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 const genericErrorStyles = css({
4
7
  height: `${HEIGHT}px`,
5
8
  margin: `0 auto ${"var(--ds-space-300, 24px)"}`,
@@ -7,7 +7,9 @@ export const EmptyState = ({
7
7
  description,
8
8
  renderImage
9
9
  }) => {
10
- return /*#__PURE__*/React.createElement(Flex, {
10
+ return /*#__PURE__*/React.createElement(Flex
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
+ , {
11
13
  xcss: xcss({
12
14
  marginBlockStart: 'space.600',
13
15
  marginBlockEnd: 'space.600',