@atlaskit/link-datasource 4.34.2 → 4.34.4

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/PopupComponent.compiled.css

@@ -1,6 +1,6 @@
 
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16jlkb7n{flex-grow:1}
-._16qs1sus{box-shadow:var(--ds-shadow-overlay,0 0 1px 0 rgba(9,30,66,.31),0 3px 5px 0 rgba(9,30,66,.2))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m9ewfl{overflow-y:visible}
 ._1e0c1ule{display:block}
 ._1o9zkb7n{flex-shrink:1}

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

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./PopupComponent.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
-import { N0 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 const PopupComponentContainer = /*#__PURE__*/forwardRef(({
   as: C = "div",
@@ -13,7 +12,7 @@ const PopupComponentContainer = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reoewfl _18m9ewfl _2rko12b0 _vchhusvi _1e0c1ule _bfhk1j9a _16qs1sus _nt751r31 _49pcglyw _1hvw1o36", __cmplp.className])
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reoewfl _18m9ewfl _2rko12b0 _vchhusvi _1e0c1ule _bfhk1j9a _16qs130s _nt751r31 _49pcglyw _1hvw1o36", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.compiled.css

@@ -1,11 +1,11 @@
 ._11c81kw7{font:inherit}
-._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19itglyw{border:none}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulpv77o{gap:var(--ds-space-025,2px)}
-._16qs1sus{box-shadow:var(--ds-shadow-overlay,0 0 1px 0 rgba(9,30,66,.31),0 3px 5px 0 rgba(9,30,66,.2))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
-._19pk57x3{margin-top:var(--ds-space-050,2px)}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
@@ -16,12 +16,12 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i1ylp{height:40px}
 ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
-._bfhk1y9p{background-color:var(--ds-background-accent-gray-subtler,#f4f5f7)}
+._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
-._syaz1ick{color:var(--ds-text-danger,#de350b)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
 ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
 ._vchhusvi{box-sizing:border-box}
 ._d0altlke:hover{cursor:pointer}
-._irr3134c:hover{background-color:var(--ds-background-accent-gray-subtler,#ebecf0)}
+._irr37qp0:hover{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}

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

@@ -8,7 +8,6 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import Popup from '@atlaskit/popup';
-import { N0, N20, N30, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
 import { dateRangeMessages } from './messages';
@@ -26,7 +25,7 @@ const DateRangeErrorMessage = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_zulpv77o _11c8rymc _1e0c1txw _19pk57x3 _bozgv77o _syaz1ick _4cvr1h6o", __cmplp.className])
+    className: ax(["_zulpv77o _11c8wadc _1e0c1txw _19pk1b66 _bozgv77o _syaz1tmw _4cvr1h6o", __cmplp.className])
   }));
 });
 
@@ -42,7 +41,7 @@ const CustomDropdown = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_2rko12b0 _1bsb5x59 _bfhk1j9a _16qs1sus _1pby16oo", __cmplp.className])
+    className: ax(["_2rko12b0 _1bsb5x59 _bfhk1j9a _16qs130s _1pby16oo", __cmplp.className])
   }));
 });
 
@@ -58,7 +57,7 @@ const SelectDateRangeButton = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_19itglyw _11c81kw7 _2rko12b0 _bfhk1y9p _1bsbymf6 _4t3i1ylp _19pkutpp _irr3134c _d0altlke", __cmplp.className])
+    className: ax(["_19itglyw _11c81kw7 _2rko12b0 _bfhk7qp0 _1bsbymf6 _4t3i1ylp _19pkutpp _irr37qp0 _d0altlke", __cmplp.className])
   }));
 });
 
@@ -217,7 +216,7 @@ export const DateRangePicker = ({
         }
       }
     })), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-      color: `var(--ds-icon-danger, ${R400})`,
+      color: "var(--ds-icon-danger, #C9372C)",
       label: formatMessage(dateRangeMessages.dateRangeError),
       size: "small"
     }), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {

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

@@ -1,17 +1,17 @@
 
-._1kl7glyw{border-left:none}
-._1kl7w10c{border-left:var(--ds-border-width-selected,2px) solid var(--ds-text-selected,#0052cc)}._19bvo7ao{padding-left:15px}
+._1kl71rih{border-left:var(--ds-border-width-selected,2px) solid var(--ds-text-selected,#1868db)}
+._1kl7glyw{border-left:none}._19bvo7ao{padding-left:15px}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._1bah1y6m{justify-content:flex-start}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
-._bfhk1hdx{background-color:var(--ds-background-accent-blue-subtlest,#deebff)}
 ._bfhk1j28{background-color:transparent}
+._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
 ._syaz1kw7{color:inherit}
-._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._vchhusvi{box-sizing:border-box}
 ._d0al73ad:hover{cursor:default}
-._irr31hdx:hover{background-color:var(--ds-background-accent-blue-subtlest,#deebff)}
-._irr31qz1:hover{background-color:var(--ds-background-input-hovered,#f4f5f7)}
+._irr31s93:hover{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
+._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}

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

@@ -3,10 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { B400, B50, N20 } from '@atlaskit/theme/colors';
 const customDropdownItemBaseStyles = null;
 const customDropdownItemSelectedStyles = null;
 const customDropdownItemNotSelectedStyles = null;
 export const CustomDropdownItem = props => /*#__PURE__*/React.createElement("div", _extends({}, props, {
-  className: ax(["_4t3i14no _1bsb1osq _1e0c1txw _1bah1y6m _4cvr1h6o _vchhusvi _d0al73ad", props.isSelected ? "_1kl7w10c _19bvo7ao _syaz1ldt _bfhk1hdx _irr31hdx" : "_1kl7glyw _19bvpxbi _syaz1kw7 _bfhk1j28 _irr31qz1"])
+  className: ax(["_4t3i14no _1bsb1osq _1e0c1txw _1bah1y6m _4cvr1h6o _vchhusvi _d0al73ad", props.isSelected ? "_1kl71rih _19bvo7ao _syaz6x5g _bfhk1s93 _irr31s93" : "_1kl7glyw _19bvpxbi _syaz1kw7 _bfhk1j28 _irr3l4ek"])
 }), props.children);

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css

@@ -1,8 +1,8 @@
-._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._16qsglyw{box-shadow:none}
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -5,7 +5,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl-next';
 import { CheckboxOption, components } from '@atlaskit/select';
-import { fontFallback } from '@atlaskit/theme/typography';
 import { columnPickerMessages } from './messages';
 export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 const messageStyles = null;
@@ -25,7 +24,7 @@ export const ConcatenatedMenuList = ({
   };
   const maximumLimitReachedMessage = /*#__PURE__*/React.createElement("div", {
     style: optionStyle,
-    className: ax(["_11c81o8v _syaz1gjq _k48pi7a9"])
+    className: ax(["_11c8wadc _syazazsu _k48pi7a9"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine1)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({

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

@@ -1,17 +1,17 @@
 
 .ProseMirror .pm-table-wrapper>table thead ._aks5idpf{border:0}
-._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19itidpf{border:0}
-.pm-table-wrapper>table thead ._1u3bidpf{border:0}.ProseMirror .pm-table-wrapper>table thead ._1fqk1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+.pm-table-wrapper>table thead ._1u3bidpf{border:0}.ProseMirror .pm-table-wrapper>table thead ._1fqk1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1o9m1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
 .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type{border-right:0}
 .ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2){border-right:0}
 ._1ls2idpf:last-of-type{border-right:0}
-._1s7zl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-._n7zl1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-._n7zll0fh{border-bottom:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1vvv1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+._1s7z1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+._n7zl1gk9{border-bottom:.5px solid var(--ds-border,#0b120e24)}
+._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1oup1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1vvv1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
 .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2){border-right:0}
 thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
@@ -48,7 +48,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 ._8lvj1b66 [data-testid=datasource-header-content--container]{padding-left:var(--ds-space-050,4px)}
 ._95ex1hna [data-testid=datasource-header-content--container]{word-wrap:break-word}
 ._ab8av77o [data-testid=datasource-header-content--container]{padding-top:var(--ds-space-025,2px)}
-._bfhk98cj{background-color:var(--ds-background-disabled,#091e4224)}
+._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._btyzidpf{border-spacing:0}

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

@@ -6,8 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React from 'react';
-import { N40 } from '@atlaskit/theme/colors';
-import { fontFallback } from '@atlaskit/theme/typography';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 const TableHeading = forwardRef(({
   as: C = "th",
@@ -17,7 +15,7 @@ const TableHeading = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1md5 _1fqk1md5 _1vvv1md5 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7z1gk9 _1o9m1gk9 _1oup1gk9 _n7zl1uh4 _1fqk1uh4 _1vvv1uh4 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
   }));
 });
 
@@ -33,7 +31,7 @@ const TablePreviewHeading = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c _bfhk98cj _p12fuuw1 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
+    className: ax(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c _bfhkby5v _p12fuuw1 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
   }));
 });
 
@@ -49,7 +47,7 @@ const TablePreviewCell = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_1reo15vq _18m915vq _n7zll0fh _1bto1l2s _o5721q9c _p12fuuw1 _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _vchhusvi _4t3i1ul9 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
+    className: ax(["_1reo15vq _18m915vq _n7zl1gk9 _1bto1l2s _o5721q9c _p12fuuw1 _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _vchhusvi _4t3i1ul9 _1lhcu2gc _u128u2gc _1djhu2gc _1o59u2gc", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -61,7 +59,7 @@ export const DragColumnPreview = ({
   rows
 }) => {
   return /*#__PURE__*/React.createElement("table", {
-    className: ax(["_11c82smr _bfhkvuon _yq5hus1c _btyzidpf _p12fuuw1"])
+    className: ax(["_11c8fhey _bfhkvuon _yq5hus1c _btyzidpf _p12fuuw1"])
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewHeading, null, title))), /*#__PURE__*/React.createElement("tbody", null, rows.map((data, i) => /*#__PURE__*/React.createElement("tr", {
     key: i
   }, /*#__PURE__*/React.createElement(TablePreviewCell, null, data))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewCell, null, "..."))));

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

@@ -4,15 +4,15 @@
 ._1tesidpf:before{inset:0}
 ._pdyk1hrg:before{transition:opacity .2s ease}
 .pm-table-wrapper>table thead ._1u3bidpf{border:0}
-._1wtnze3t button{padding-block:var(--ds-space-0,0)}.ProseMirror .pm-table-wrapper>table thead ._1fqk1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+._1wtnze3t button{padding-block:var(--ds-space-0,0)}.ProseMirror .pm-table-wrapper>table thead ._1fqk1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1o9m1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
 .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type{border-right:0}
 .ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2){border-right:0}
 ._1ls2idpf:last-of-type{border-right:0}
-._1s7zl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-._n7zl1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1vvv1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+._1s7z1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1oup1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1vvv1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
 .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2){border-right:0}
 thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
@@ -29,7 +29,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg{line-height:24px}
 ._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
 ._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
-._11lvlcsk button{padding-left:var(--ds-space-0,4px)}
+._11lvze3t button{padding-left:var(--ds-space-0,0)}
 ._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
 ._154iidpf{top:0}
 ._154pidpf:before{opacity:0}
@@ -49,7 +49,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 ._1mp4atg7:before{width:var(--local-line-width)}
 ._1nd0cs5v [data-testid=datasource-header-content--container]{-webkit-line-clamp:2}
 ._1pbykb7n{z-index:1}
-._1rusopvu:before{background-color:var(--ds-border-brand,#0052cc)}
+._1rusa755:before{background-color:var(--ds-border-brand,#1868db)}
 ._1t0u1e54 [data-testid=datasource-header-content--container]{-webkit-box-orient:vertical}
 ._1xanv77o [data-testid=datasource-header-content--container]{padding-bottom:var(--ds-space-025,2px)}
 ._1xi2aesa{right:calc(var(--local-hitbox-width)/2*-1)}
@@ -63,7 +63,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 ._ab8av77o [data-testid=datasource-header-content--container]{padding-top:var(--ds-space-025,2px)}
 ._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._dydkssc3:before{--local-line-width:var(--ds-border-width,2px)}
+._dydke4h9:before{--local-line-width:var(--ds-border-width,1px)}
 ._ficf1e5h button{text-align:left}
 ._iscccj1k [data-testid=datasource-header-content--container]{display:-webkit-box}
 ._jq8g1wug button{height:auto}
@@ -78,7 +78,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz41tcg{line-height:24px}
-._yhjmlcsk button{padding-right:var(--ds-space-0,4px)}
+._yhjmze3t button{padding-right:var(--ds-space-0,0)}
 .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
 .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
 .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}

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

@@ -22,7 +22,6 @@ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/elem
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
-import { N40 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
@@ -37,7 +36,7 @@ const TableHeading = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1md5 _1fqk1md5 _1vvv1md5 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7z1gk9 _1o9m1gk9 _1oup1gk9 _n7zl1uh4 _1fqk1uh4 _1vvv1uh4 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -52,7 +51,7 @@ const DropdownParent = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _1wtnze3t _ficf1e5h _jq8g1wug _11lvlcsk _yhjmlcsk", __cmplp.className])
+    className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _1wtnze3t _ficf1e5h _jq8g1wug _11lvze3t _yhjmze3t", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -321,7 +320,7 @@ export const DraggableTableHeading = ({
       height: `${dndPreviewHeight}px`
     },
     "data-testid": "column-resize-handle",
-    className: ax(["_1y7c1ejb _1bsbaakz _80om11mm _16jlidpf _kqswstnw _1pbykb7n _1xi2aesa _154iidpf _1tesidpf _pdyk1hrg _154pidpf _dydkssc3 _1kt9b3bt _1cs8stnw _1rusopvu _1mp4atg7 _qneczvxw _1ct3kb7n", state.type === 'resizing' && "_80omn7od _154pkb7n"])
+    className: ax(["_1y7c1ejb _1bsbaakz _80om11mm _16jlidpf _kqswstnw _1pbykb7n _1xi2aesa _154iidpf _1tesidpf _pdyk1hrg _154pidpf _dydke4h9 _1kt9b3bt _1cs8stnw _1rusa755 _1mp4atg7 _qneczvxw _1ct3kb7n", state.type === 'resizing' && "_80omn7od _154pkb7n"])
   }) : null, onIsWrappedChange ? /*#__PURE__*/React.createElement(DropdownParent, null, /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: getTriggerButton,
     onOpenChange: onDropdownOpenChange,

package/dist/es2019/ui/issue-like-table/empty-state/index.compiled.css

@@ -2,17 +2,17 @@
 .ProseMirror .pm-table-wrapper>table thead ._aks5idpf{border:0}
 ._19itidpf{border:0}
 ._1yt41uce{padding:var(--ds-space-100,8px) var(--ds-space-100,8px)}
-.pm-table-wrapper>table thead ._1u3bidpf{border:0}.ProseMirror .pm-table-wrapper>table thead ._1fqk1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
+.pm-table-wrapper>table thead ._1u3bidpf{border:0}.ProseMirror .pm-table-wrapper>table thead ._1fqk1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1o9m1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
 .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type{border-right:0}
 .ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2){border-right:0}
 ._1ls2idpf:last-of-type{border-right:0}
-._1s7zl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-._n7zl1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+._1s7z1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+._n7zl1gk9{border-bottom:.5px solid var(--ds-border,#0b120e24)}
+._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 ._n7zlidpf{border-bottom:0}
-._n7zll0fh{border-bottom:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1vvv1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+.pm-table-wrapper>table thead ._1oup1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1vvv1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
 .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2){border-right:0}
 thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}

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

@@ -7,7 +7,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import { Skeleton } from '@atlaskit/linking-common';
-import { N40 } from '@atlaskit/theme/colors';
 const SkeletonComponent = ({
   width,
   itemName
@@ -85,7 +84,7 @@ const TableHeading = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1md5 _1fqk1md5 _1vvv1md5 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7z1gk9 _1o9m1gk9 _1oup1gk9 _n7zl1uh4 _1fqk1uh4 _1vvv1uh4 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -146,7 +145,7 @@ const EmptyState = ({
     key: row.id
   }, columnsToRender.map(column => /*#__PURE__*/React.createElement("td", {
     key: column.key,
-    className: ax(["_1yt41uce _1s7zl0fh _n7zll0fh _1ls2idpf _1o59u2gc _1lhcu2gc"])
+    className: ax(["_1yt41uce _1s7z1gk9 _n7zl1gk9 _1ls2idpf _1o59u2gc _1lhcu2gc"])
   }, renderItem(column, row))))))));
 };
 export default EmptyState;

package/dist/es2019/ui/issue-like-table/index.compiled.css

@@ -5,7 +5,7 @@
 .ProseMirror .pm-table-wrapper>table thead ._2eacidpf:last-of-type{border:0}
 .ProseMirror .pm-table-wrapper>table thead ._aks5idpf{border:0}
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8rpcx{font:var(--ds-font-body-small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._13xs13hi:last-of-type{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--ds-elevation-surface-current,#fff) 10%)}
 ._19itidpf{border:0}
 ._1bqmidpf:last-of-type{border:0}
@@ -14,27 +14,27 @@
 .pm-table-wrapper>table thead ._1rmlidpf:last-of-type{border:0}
 .pm-table-wrapper>table thead ._1u3bidpf{border:0}
 .pm-table-wrapper>table thead ._ex0g13hi:last-of-type{background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--ds-elevation-surface-current,#fff) 10%)}
-.ProseMirror .pm-table-wrapper>table tbody ._15lr1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+.ProseMirror .pm-table-wrapper>table tbody ._15lria51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 .ProseMirror .pm-table-wrapper>table tbody ._1ho1idpf:last-of-type{border-right:0}
-.ProseMirror .pm-table-wrapper>table tbody ._1xqp1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1fqk1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-.ProseMirror .pm-table-wrapper>table thead ._1ul51md5:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+.ProseMirror .pm-table-wrapper>table tbody ._1xqpia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1fqk1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1o9m1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+.ProseMirror .pm-table-wrapper>table thead ._1ul51uh4:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type{border-right:0}
 .ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2){border-right:0}
 ._1ls2idpf:last-of-type{border-right:0}
-._1rag1md5:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-._1s7z1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-._1s7zl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-._n7zl1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-._n7zl1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._1rag1uh4:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+._1s7z1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+._1s7zia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._n7zlidpf{border-bottom:0}
 .pm-table-wrapper>table tbody ._1y4pidpf:last-of-type{border-right:0}
-.pm-table-wrapper>table tbody ._itmm1x13{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table tbody ._mxou1x13{border-right:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._12ch1md5:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
-.pm-table-wrapper>table thead ._1vvv1md5{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
+.pm-table-wrapper>table tbody ._itmmia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table tbody ._mxouia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._12ch1uh4:last-of-type{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1oup1gk9{border-right:.5px solid var(--ds-border,#0b120e24)}
+.pm-table-wrapper>table thead ._1vvv1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
 .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
 .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2){border-right:0}
 thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirror .pm-table-wrapper>table tbody ._11nx1kw7{vertical-align:inherit}
@@ -82,7 +82,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 ._1cimn7od [data-testid=button-connect-account]>span{white-space:unset}
 ._1e0c1txw{display:flex}
 ._1eqz4jg8 [data-testid=datasource-header-content--container]{white-space:normal}
-._1itk1sfv{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1)),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1))),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05))),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05)),transparent)}
+._1itkhcjh{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,#1e1f211f),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,#1e1f211f)),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,#1e1f211f)),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,#1e1f211f),transparent)}
 ._1ixkusic:last-of-type{text-align:right}
 ._1lhc1b66:first-of-type{padding-left:var(--ds-space-050,4px)}
 ._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
@@ -159,4 +159,4 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 .pm-table-wrapper>table thead ._q46wh2mm{position:relative}
 .pm-table-wrapper>table thead ._xo89qagn{height:calc(50px + var(--ds-space-025, 2px)*4)}
 ._8vu418qm:hover{border-radius:var(--ds-radius-large,3px)}
-._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}

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

@@ -16,8 +16,6 @@ import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { Box } from '@atlaskit/primitives/compiled';
-import { N40 } from '@atlaskit/theme/colors';
-import { fontFallback } from '@atlaskit/theme/typography';
 import Tooltip from '@atlaskit/tooltip';
 import { startUfoExperience, succeedUfoExperience } from '../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../contexts/datasource-experience-id';
@@ -42,7 +40,7 @@ const ColumnPickerHeader = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_1bqmidpf _2eacidpf _1rmlidpf _13xs13hi _19xw13hi _ex0g13hi _1rag1md5 _1ul51md5 _12ch1md5 _12ruusvi _1pmsusvi _7okwusvi _mgulys9h _2k51ys9h _efqoys9h _1xzrzo7u _1ejpzo7u _1fmczo7u _77i31if8 _zjk41if8 _7s0n1if8 _3t471vc6 _9g2k1vc6 _1h0z1vc6 _1o59pxbi _1l3vpxbi _gdprpxbi _ml92nkob _1nfwnkob _11ljnkob _1ixkusic _s1peusic _mowjusic", __cmplp.className])
+    className: ax(["_1bqmidpf _2eacidpf _1rmlidpf _13xs13hi _19xw13hi _ex0g13hi _1rag1uh4 _1ul51uh4 _12ch1uh4 _12ruusvi _1pmsusvi _7okwusvi _mgulys9h _2k51ys9h _efqoys9h _1xzrzo7u _1ejpzo7u _1fmczo7u _77i31if8 _zjk41if8 _7s0n1if8 _3t471vc6 _9g2k1vc6 _1h0z1vc6 _1o59pxbi _1l3vpxbi _gdprpxbi _ml92nkob _1nfwnkob _11ljnkob _1ixkusic _s1peusic _mowjusic", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
@@ -77,7 +75,7 @@ const TableHeading = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1md5 _1fqk1md5 _1vvv1md5 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7z1gk9 _1o9m1gk9 _1oup1gk9 _n7zl1uh4 _1fqk1uh4 _1vvv1uh4 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
   }));
 });
 
@@ -93,7 +91,7 @@ const InlineEditableTableCell = forwardRef(({
   return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: ax(["_11c8fhey _1otxfhey _1wi1fhey _19itidpf _1i5zidpf _aifmidpf _1s7z1x13 _1xqp1x13 _mxou1x13 _n7zl1x13 _15lr1x13 _itmm1x13 _ca0qze3t _7jflze3t _1ikkze3t _u5f3ze3t _1cngze3t _1h12ze3t _n3tdze3t _v6nkze3t _jivqze3t _19bvze3t _krvdze3t _1w1yze3t _1ul91wug _1lkc1wug _1jcm1wug _4t3i1ylp _1ugg1ylp _lt6w1ylp _s7n41kw7 _11nx1kw7 _18a21kw7 _vchh1ntv _16601ntv _1qd91ntv _1ls2idpf _1ho1idpf _1y4pidpf _1cimn7od _124in7od", __cmplp.className])
+    className: ax(["_11c8fhey _1otxfhey _1wi1fhey _19itidpf _1i5zidpf _aifmidpf _1s7zia51 _1xqpia51 _mxouia51 _n7zlia51 _15lria51 _itmmia51 _ca0qze3t _7jflze3t _1ikkze3t _u5f3ze3t _1cngze3t _1h12ze3t _n3tdze3t _v6nkze3t _jivqze3t _19bvze3t _krvdze3t _1w1yze3t _1ul91wug _1lkc1wug _1jcm1wug _4t3i1ylp _1ugg1ylp _lt6w1ylp _s7n41kw7 _11nx1kw7 _18a21kw7 _vchh1ntv _16601ntv _1qd91ntv _1ls2idpf _1ho1idpf _1y4pidpf _1cimn7od _124in7od", __cmplp.className])
   }));
 });
 
@@ -420,7 +418,7 @@ export const IssueLikeDataTableView = ({
       maxHeight: `${scrollableContainerHeight}px`
     } : undefined,
     "data-testid": 'issue-like-table-container',
-    className: ax(["_mrkbidpf _1o0zidpf _kqswh2mm", scrollableContainerHeight && "_1reo1wug _18m91wug _vchhusvi _bfhkchd4 _1itk1sfv _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00"])
+    className: ax(["_mrkbidpf _1o0zidpf _kqswh2mm", scrollableContainerHeight && "_1reo1wug _18m91wug _vchhusvi _bfhkchd4 _1itkhcjh _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00"])
   }, /*#__PURE__*/React.createElement(Table, {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -447,12 +445,12 @@ export const IssueLikeDataTableView = ({
       testId: 'datasource-header-content'
     }, /*#__PURE__*/React.createElement("span", {
       id: getFieldLabelById(key),
-      className: ax(["_11c8rpcx _k48p1wq8"])
+      className: ax(["_11c8wadc _k48p1wq8"])
     }, content));
     const isHeadingOutsideButton = !isEditable || !onWrappedColumnChange;
     if (isHeadingOutsideButton) {
       heading = /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _8vu418qm _irr31d5g"])
+        className: ax(["_1e0c1txw _4cvr1h6o _o5721q9c _8vu418qm _irr3l4ek"])
       }, heading);
     }
     if (isEditable) {

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

@@ -2,11 +2,10 @@ import React, { useMemo } from 'react';
 import { Card } from '@atlaskit/smart-card';
 import { HoverCard } from '@atlaskit/smart-card/hover-card';
 import LinkUrl from '@atlaskit/smart-card/link-url';
-import { N300 } from '@atlaskit/theme/colors';
 const linkStyles = {
   key: {
     fontWeight: "var(--ds-font-weight-semibold, 600)",
-    color: `var(--ds-text-subtlest, ${N300})`,
+    color: "var(--ds-text-subtlest, #6B6E76)",
     marginTop: "var(--ds-space-250, 20px)"
   },
   default: {}

package/dist/esm/ui/assets-modal/modal/render-assets-content/index.compiled.css

@@ -1,11 +1,11 @@
 
-._19it155r{border:var(--_gf55z1)}
-._n7zl1gbd{border-bottom:var(--_x4esmf)}._12vemgnk{background-repeat:no-repeat}
+._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._n7zl1mpn{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-background-accent-gray-subtler,#dddee1)}._12vemgnk{background-repeat:no-repeat}
 ._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._18m915vq{overflow-y:hidden}
 ._18m91wug{overflow-y:auto}
 ._1e0c11p5{display:grid}
-._1itkc9lc{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1)),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1))),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05))),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05)),transparent)}
+._1itkz1kv{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,#1e1f211f),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,#1e1f211f)),linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,#1e1f211f)),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,#1e1f211f),transparent)}
 ._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
 ._1reo15vq{overflow-x:hidden}
 ._1reo1wug{overflow-x:auto}

package/dist/esm/ui/assets-modal/modal/render-assets-content/index.js

@@ -3,7 +3,6 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
-import { N40 } from '@atlaskit/theme/colors';
 import { AccessRequired } from '../../../common/error-state/access-required';
 import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
 import { NoResults } from '../../../common/error-state/no-results';
@@ -37,11 +36,7 @@ var NoResultsView = function NoResultsView() {
 };
 var LoadingView = function LoadingView() {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_19it155r _n7zl1gbd _13li1mok _qrwq1mok _1itkc9lc _12vemgnk _1lrw1sd4 _qmxj1c00", "_1reo15vq _18m915vq"]),
-    style: {
-      "--_gf55z1": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))),
-      "--_x4esmf": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")")))
-    }
+    className: ax(["_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_19itia51 _n7zl1mpn _13li1mok _qrwq1mok _1itkz1kv _12vemgnk _1lrw1sd4 _qmxj1c00", "_1reo15vq _18m915vq"])
   }, /*#__PURE__*/React.createElement(EmptyState, {
     testId: "assets-aql-datasource-modal--loading-state"
   }));
@@ -61,11 +56,7 @@ export var RenderAssetsContent = function RenderAssetsContent(props) {
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var issueLikeDataTableView = useMemo(function () {
     return /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_19it155r _n7zl1gbd _13li1mok _qrwq1mok _1itkc9lc _12vemgnk _1lrw1sd4 _qmxj1c00"]),
-      style: {
-        "--_gf55z1": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))),
-        "--_x4esmf": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-background-accent-gray-subtler, ".concat(N40, ")")))
-      }
+      className: ax(["_1reo1wug _18m91wug _4t3i1pna _1e0c11p5", "_19itia51 _n7zl1mpn _13li1mok _qrwq1mok _1itkz1kv _12vemgnk _1lrw1sd4 _qmxj1c00"])
     }, /*#__PURE__*/React.createElement(IssueLikeDataTableView, {
       testId: "asset-datasource-table",
       status: status,