@atlaskit/link-datasource 4.34.2 → 4.34.4

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

@@ -9,7 +9,7 @@
 ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._p12f1kdj{max-width:25pc}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
 ._y3gn1h6o{text-align:center}

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

@@ -25,7 +25,7 @@ export var InitialStateView = function InitialStateView() {
   }), /*#__PURE__*/React.createElement("div", {
     className: ax(["_11c81af2 _syazi7uo _ca0q1ejb _n3tdpxbi"])
   }, formatMessage(initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_syaz1gjq"])
+    className: ax(["_syazazsu"])
   }, formatMessage(initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement(Link, {
     href: AQLSupportDocumentLink
   }, formatMessage(initialStateViewMessages.learnMoreLink))));

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.compiled.css

@@ -4,7 +4,7 @@
 ._1e0c1txw{display:flex}
 ._1o9zkb7n{flex-shrink:1}
 ._2hwx12x7{margin-right:var(--ds-space-075,6px)}
-._2hwx1f3t{margin-right:var(--ds-space-100,.5em)}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -17,7 +17,6 @@ import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import Textfield from '@atlaskit/textfield';
-import { G300, N500, R400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { useValidateAqlText } from '../../../../hooks/useValidateAqlText';
 import { aqlKey } from '../../../../types/assets/types';
@@ -53,7 +52,7 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
   if (lastValidationResult.type === 'invalid') {
     return /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: "label",
-      color: "var(--ds-icon-danger, ".concat(R400, ")"),
+      color: "var(--ds-icon-danger, #C9372C)",
       testId: "assets-datasource-modal--aql-invalid",
       spacing: "spacious"
     });
@@ -61,7 +60,7 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
   if (lastValidationResult.type === 'valid') {
     return /*#__PURE__*/React.createElement(CheckCircleIcon, {
       label: "label",
-      color: "var(--ds-icon-success, ".concat(G300, ")"),
+      color: "var(--ds-icon-success, #6A9A23)",
       testId: "assets-datasource-modal--aql-valid",
       spacing: "spacious"
     });
@@ -105,10 +104,10 @@ export var AqlSearchInput = function AqlSearchInput(_ref2) {
       }, /*#__PURE__*/React.createElement("a", {
         href: AQLSupportDocumentLink,
         target: "_blank",
-        className: ax(["_1e0c1txw _4t3i1osq _kqswh2mm _4cvr1h6o _1bah1h6o _2lx21bp4 _2hwx1f3t"])
+        className: ax(["_1e0c1txw _4t3i1osq _kqswh2mm _4cvr1h6o _1bah1h6o _2lx21bp4 _2hwxu2gc"])
       }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
         label: "label",
-        color: "var(--ds-icon, ".concat(N500, ")"),
+        color: "var(--ds-icon, #292A2E)",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
       }))), /*#__PURE__*/React.createElement(Box, {

package/dist/esm/ui/common/error-state/loading-error.compiled.css

@@ -1,4 +1,4 @@
-._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c81e3o{font:var(--ds-font-heading-small,normal 653 1pc/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._18zroahv{padding-inline:var(--ds-space-600,3pc)}

package/dist/esm/ui/common/error-state/loading-error.js

@@ -8,14 +8,13 @@ import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import AKLink from '@atlaskit/link';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
-import { fontFallback } from '@atlaskit/theme/typography';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
 import { loadingErrorMessages } from './messages';
 var styles = {
   errorContainerStyles: "_zulppxbi _4cvr1h6o _6a6z1h6o _195g1wug _18zroahv _1rjcoahv _1e0c11p5 _p12f1kdj _y3gn1h6o",
   errorMessageContainerStyles: "_zulpu2gc _4cvr1h6o _6a6z1h6o _1e0c11p5",
-  errorMessageStyles: "_11c8nbxd"
+  errorMessageStyles: "_11c81e3o"
 };
 var isConfluenceSearch = function isConfluenceSearch(url) {
   return !!url.match(/https:\/\/.*\/wiki\/search/);

package/dist/esm/ui/common/initial-state-view/index.compiled.css

@@ -9,6 +9,6 @@
 ._ca0qoahv{padding-top:var(--ds-space-600,3pc)}
 ._n3tdoahv{padding-bottom:var(--ds-space-600,3pc)}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._y3gn1h6o{text-align:center}

package/dist/esm/ui/common/initial-state-view/index.js

@@ -32,7 +32,7 @@ export var InitialStateView = function InitialStateView(_ref) {
   }, /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "new"
   }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), formatMessage(title)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_syaz1gjq"])
+    className: ax(["_syazazsu"])
   }, formatMessage(description)), learnMoreLink ? /*#__PURE__*/React.createElement(Link, {
     href: learnMoreLink.href,
     target: "_blank"

package/dist/esm/ui/common/modal/content-container/index.compiled.css

@@ -1,14 +1,14 @@
 
-._1kl71x13{border-left:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-._1s7z1x13{border-right:var(--ds-border-width,1px) 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)}
+._1kl7ia51{border-left:var(--ds-border-width,1px) 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)}
 ._n7zlglyw{border-bottom:none}
-._x3do1x13{border-top:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}._12vemgnk{background-repeat:no-repeat}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12vemgnk{background-repeat:no-repeat}
 ._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._18m91wug{overflow-y:auto}
 ._1e0c11p5{display:grid}
-._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)}
 ._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
 ._1reo1wug{overflow-x:auto}
 ._c71l1pna{max-height:420px}

package/dist/esm/ui/common/modal/content-container/index.js

@@ -4,10 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
 import { Box } from '@atlaskit/primitives/compiled';
-import { N40 } from '@atlaskit/theme/colors';
 var styles = {
-  tableContainerStyles: "_n7zl1x13 _x3do1x13 _1kl71x13 _1s7z1x13 _13li1mok _qrwq1mok",
-  contentContainerStyles: "_1reo1wug _18m91wug _n7zl1md5 _1e0c11p5 _c71l1pna _1itk1sfv _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00",
+  tableContainerStyles: "_n7zlia51 _x3doia51 _1kl7ia51 _1s7zia51 _13li1mok _qrwq1mok",
+  contentContainerStyles: "_1reo1wug _18m91wug _n7zl1uh4 _1e0c11p5 _c71l1pna _1itkhcjh _ouxlbac2 _12vemgnk _1lrw1sd4 _qmxj1c00",
   contentContainerRemoveBorderStyles: "_n7zlglyw"
 };
 export var ContentContainer = function ContentContainer(_ref) {

package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css

@@ -23,14 +23,14 @@
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
-._syaz111d{color:var(--_uz32ib)}
+._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
-._syaziwyp{color:var(--_k4gmmg)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
 ._vchhusvi{box-sizing:border-box}
 ._d0al13gf:hover{cursor:not-allowed}
 ._d0altlke:hover{cursor:pointer}
 ._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)}
-._irr31j28:hover{background-color:transparent}
-._irr3u7au:hover{background-color:var(--_15egq0b)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._irr31j28:hover{background-color:transparent}

package/dist/esm/ui/common/modal/mode-switcher/index.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { N30A, N60, N700 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { DatasourceAction } from '../../../../analytics/types';
 import { useUserInteractions } from '../../../../contexts/user-interactions';
@@ -45,12 +44,7 @@ export var ModeSwitcher = function ModeSwitcher(props) {
       return /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
         key: value,
         "data-testid": "mode-toggle-".concat(value),
-        className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaziwyp _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr3u7au", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz111d", isOptionDisabled && "_irr31j28 _d0al13gf"]),
-        style: {
-          "--_k4gmmg": ix("var(--ds-text-subtlest, ".concat(N700, ")")),
-          "--_15egq0b": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")),
-          "--_uz32ib": ix("var(--ds-text-disabled, ".concat(N60, ")"))
-        }
+        className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf"])
       }), label, /*#__PURE__*/React.createElement("input", {
         "aria-checked": isSelected,
         "aria-disabled": isOptionDisabled,

package/dist/esm/ui/common/modal/popup-select/control.compiled.css

@@ -1,5 +1,5 @@
-._19bvh9hh{padding-left:var(--ds-space-100,4px)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._u5f3h9hh{padding-right:var(--ds-space-100,4px)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._1u6lglyw:focus-within{box-shadow:none}

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

@@ -17,7 +17,7 @@ var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
   };
 };
 var popupCustomControlStyles = {
-  container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh",
+  container: "_ca0q1b66 _n3td1b66 _19bvu2gc _u5f3u2gc",
   control: "_1u6lglyw"
 };
 export var CustomControl = function CustomControl(_ref) {

package/dist/esm/ui/common/modal/popup-select/footer.compiled.css

@@ -1,6 +1,6 @@
 ._15a5nqa1{border-top-style:solid}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
-._1i53b5v6{border-top-color:var(--ds-border,#dfe1e6)}
+._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}

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

@@ -6,10 +6,9 @@ import React from 'react';
 import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Flex, Inline } from '@atlaskit/primitives/compiled';
-import { N40 } from '@atlaskit/theme/colors';
 import { asyncPopupSelectMessages } from './messages';
 var styles = {
-  footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i53b5v6",
+  footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i531l7x",
   footerPaginationInfoStyles: "_syaz1rpy"
 };
 var PopupFooter = function PopupFooter(_ref) {

package/dist/esm/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/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/PopupComponent.js

@@ -5,7 +5,6 @@ var _excluded = ["as", "style"];
 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
 var PopupComponentContainer = /*#__PURE__*/forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -15,7 +14,7 @@ var PopupComponentContainer = /*#__PURE__*/forwardRef(function (_ref, __cmplr) {
   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/esm/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/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -18,7 +18,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';
@@ -36,7 +35,7 @@ var DateRangeErrorMessage = forwardRef(function (_ref, __cmplr) {
   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])
   }));
 });
 
@@ -52,7 +51,7 @@ var CustomDropdown = forwardRef(function (_ref2, __cmplr) {
   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])
   }));
 });
 
@@ -68,7 +67,7 @@ var SelectDateRangeButton = forwardRef(function (_ref3, __cmplr) {
   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])
   }));
 });
 
@@ -244,7 +243,7 @@ export var DateRangePicker = function DateRangePicker(_ref6) {
         }
       }
     })), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
-      color: "var(--ds-icon-danger, ".concat(R400, ")"),
+      color: "var(--ds-icon-danger, #C9372C)",
       label: formatMessage(dateRangeMessages.dateRangeError),
       size: "small"
     }), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {

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

@@ -1,5 +1,5 @@
 
-._1kl783xa{border-left:var(--_1n3uhou)}
+._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}
@@ -8,10 +8,10 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._bfhk1j28{background-color:transparent}
-._bfhkuu0u{background-color:var(--_1k02qo)}
+._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
 ._syaz1kw7{color:inherit}
-._syazln51{color:var(--_1hfkvbo)}
+._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._vchhusvi{box-sizing:border-box}
 ._d0al73ad:hover{cursor:default}
-._irr318n0:hover{background-color:var(--_hyt33l)}
-._irr3uu0u:hover{background-color:var(--_1k02qo)}
+._irr31s93:hover{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
+._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}

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

@@ -3,18 +3,11 @@ 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';
 var customDropdownItemBaseStyles = null;
 var customDropdownItemSelectedStyles = null;
 var customDropdownItemNotSelectedStyles = null;
 export var CustomDropdownItem = function CustomDropdownItem(props) {
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: ax(["_4t3i14no _1bsb1osq _1e0c1txw _1bah1y6m _4cvr1h6o _vchhusvi _d0al73ad", props.isSelected ? "_1kl783xa _19bvo7ao _syazln51 _bfhkuu0u _irr3uu0u" : "_1kl7glyw _19bvpxbi _syaz1kw7 _bfhk1j28 _irr318n0"]),
-    style: {
-      "--_1hfkvbo": ix("var(--ds-text-selected, ".concat(B400, ")")),
-      "--_1k02qo": ix("var(--ds-background-accent-blue-subtlest, ".concat(B50, ")")),
-      "--_1n3uhou": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-text-selected, ".concat(B400, ")"))),
-      "--_hyt33l": ix("var(--ds-background-input-hovered, ".concat(N20, ")"))
-    }
+    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/esm/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css

@@ -1,11 +1,8 @@
+._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)}
-._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
-._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
-._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
-._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._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/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -8,7 +8,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 var SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 var messageStyles = null;
@@ -27,7 +26,7 @@ export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
   };
   var maximumLimitReachedMessage = /*#__PURE__*/React.createElement("div", {
     style: optionStyle,
-    className: ax(["_syaz1gjq _k48pi7a9 _zzcc4f4w _x3fxnil1 _u6rdk9i7 _v2glf7ua"])
+    className: ax(["_11c8wadc _syazazsu _k48pi7a9"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine1)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({

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

@@ -1,16 +1,17 @@
 
 .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)}
 ._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}
@@ -47,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}
@@ -64,13 +65,9 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
 ._u128u2gc:last-of-type{padding-left:var(--ds-space-100,8px)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
-._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
-._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._vchhusvi{box-sizing:border-box}
 ._vwz41tcg{line-height:24px}
-._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._yq5hus1c{border-collapse:separate}
-._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 .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/esm/ui/issue-like-table/drag-column-preview.js

@@ -10,8 +10,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
 var TableHeading = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -21,7 +19,7 @@ var TableHeading = forwardRef(function (_ref, __cmplr) {
   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])
   }));
 });
 
@@ -37,7 +35,7 @@ var TablePreviewHeading = forwardRef(function (_ref2, __cmplr) {
   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])
   }));
 });
 
@@ -53,7 +51,7 @@ var TablePreviewCell = forwardRef(function (_ref3, __cmplr) {
   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') {
@@ -64,7 +62,7 @@ export var DragColumnPreview = function DragColumnPreview(_ref4) {
   var title = _ref4.title,
     rows = _ref4.rows;
   return /*#__PURE__*/React.createElement("table", {
-    className: ax(["_bfhkvuon _yq5hus1c _btyzidpf _p12fuuw1 _zzcc4f4w _x3fxnil1 _u6rdk9i7 _v2glf7ua"])
+    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(function (data, i) {
     return /*#__PURE__*/React.createElement("tr", {
       key: i

package/dist/esm/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/esm/ui/issue-like-table/draggable-table-heading.js

@@ -30,7 +30,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';
@@ -45,7 +44,7 @@ var TableHeading = forwardRef(function (_ref, __cmplr) {
   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') {
@@ -60,7 +59,7 @@ var DropdownParent = forwardRef(function (_ref2, __cmplr) {
   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') {
@@ -342,7 +341,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
       height: "".concat(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,