@atlaskit/link-datasource 4.29.3 → 4.30.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/link-datasource
 
+## 4.30.0
+
+### Minor Changes
+
+- [`a477f1382d9c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a477f1382d9c3) -
+  [ux] Add support for daterange data type in link-datasource to better represents data ranges like
+  day, month or quarter
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.29.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.29.3
 
 ### Patch Changes

package/dist/cjs/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}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
 ._y3gn1h6o{text-align:center}

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

@@ -32,7 +32,7 @@ var InitialStateView = exports.InitialStateView = function InitialStateView() {
     size: "xlarge",
     alt: formatMessage(_messages.initialStateViewMessages.searchTitle)
   }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_11c8lodh _syaz1fxt _ca0q1ejb _n3tdpxbi"])
+    className: (0, _runtime.ax)(["_11c8lodh _syazi7uo _ca0q1ejb _n3tdpxbi"])
   }, formatMessage(_messages.initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_syaz1gjq"])
   }, formatMessage(_messages.initialStateViewMessages.searchDescription)), /*#__PURE__*/React.createElement(_link.default, {

package/dist/cjs/ui/common/error-state/access-required.compiled.css

@@ -4,4 +4,4 @@
 ._1e0c1txw{display:flex}
 ._2lx21bp4{flex-direction:column}
 ._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/cjs/ui/common/error-state/access-required.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   iconContainerStyles: "_otyrpxbi",
   descriptionMessageStyles: "_zulppxbi _1e0c1txw _2lx21bp4",
-  urlStyles: "_11c8lodh _syaz1fxt _19pkmgjw"
+  urlStyles: "_11c8lodh _syazi7uo _19pkmgjw"
 };
 var Description = function Description(_ref) {
   var message = _ref.message,

package/dist/cjs/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)}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._y3gn1h6o{text-align:center}

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

@@ -35,7 +35,7 @@ var InitialStateView = exports.InitialStateView = function InitialStateView(_ref
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv"])
   }, icon, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_11c8lodh _zulpu2gc _syaz1fxt _ca0q1ejb _n3tdpxbi _1e0c1txw _1bah1h6o _4cvr1h6o"])
+    className: (0, _runtime.ax)(["_11c8lodh _zulpu2gc _syazi7uo _ca0q1ejb _n3tdpxbi _1e0c1txw _1bah1h6o _4cvr1h6o"])
   }, showBeta && /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1e0c1txw"])
   }, /*#__PURE__*/React.createElement(_lozenge.default, {

package/dist/cjs/ui/common/modal/count-view-smart-link/index.compiled.css

@@ -1,7 +1,7 @@
 
-._2rko18qm{border-radius:var(--ds-radius-large,3px)}._16qszucj{box-shadow:var(--ds-shadow-raised,0 1px 1px #091e4240,0 0 1px #091e424f)}
+._2rko18qm{border-radius:var(--ds-radius-large,3px)}._16qst7xp{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
-._syaz1e6v{color:var(--ds-text-brand,#0c66e4)}
+._syaz1oa5{color:var(--ds-text-brand,#1868db)}
 ._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/cjs/ui/common/modal/count-view-smart-link/index.js

@@ -13,7 +13,7 @@ var _reactIntlNext = require("react-intl-next");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
 var styles = {
-  placeholderSmartLinkStyles: "_2rko18qm _syaz1e6v _ca0qze3t _n3tdze3t _19bvv77o _u5f3v77o _16qszucj",
+  placeholderSmartLinkStyles: "_2rko18qm _syaz1oa5 _ca0qze3t _n3tdze3t _19bvv77o _u5f3v77o _16qst7xp",
   smartLinkContainerStyles: "_19bvv77o"
 };
 var SmartCardPlaceholder = exports.SmartCardPlaceholder = function SmartCardPlaceholder(_ref) {

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

@@ -4,8 +4,8 @@
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
-._1h6d1yqz{border-color:var(--ds-border-selected,#0c66e4)}
-._1h6dmuej{border-color:var(--ds-border,#091e4224)}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
 ._18u0v47k{margin-left:var(--ds-space-250,20px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19bvutpp{padding-left:var(--ds-space-150,9pt)}
@@ -17,20 +17,20 @@
 ._1tke1tcg{min-height:24px}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
-._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._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)}
-._syazaqb7{color:var(--ds-text-selected,#0c66e4)}
+._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}
-._irr3fg4m:hover{background-color:var(--ds-background-selected,#e9f2ff)}
 ._irr3u7au:hover{background-color:var(--_15egq0b)}

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

@@ -38,7 +38,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
   return options.length > 0 ? /*#__PURE__*/_react.default.createElement("fieldset", {
     "data-testid": "mode-toggle-container",
     disabled: isDisabled,
-    className: (0, _runtime.ax)(["_2rko1b66 _1h6dmuej _189ee4h9 _1dqonqa1 _4cvr1h6o _vchhusvi _1e0c116y _u5f31b66 _19bv1b66 _18u0v47k _4t3izwfg _1j55105o", isCompact && "_zulpv77o _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"])
+    className: (0, _runtime.ax)(["_2rko1b66 _1h6d1l7x _189ee4h9 _1dqonqa1 _4cvr1h6o _vchhusvi _1e0c116y _u5f31b66 _19bv1b66 _18u0v47k _4t3izwfg _1j55105o", isCompact && "_zulpv77o _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66"])
   }, options.map(function (_ref) {
     var value = _ref.value,
       label = _ref.label,
@@ -52,7 +52,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
       return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
         key: value,
         "data-testid": "mode-toggle-".concat(value),
-        className: (0, _runtime.ax)(["_11c82smr _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaziwyp _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr3u7au", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6d1yqz _bfhkfg4m _syazaqb7 _d0altlke _irr3fg4m", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz111d", isOptionDisabled && "_irr31j28 _d0al13gf"]),
+        className: (0, _runtime.ax)(["_11c82smr _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": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N700, ")")),
           "--_15egq0b": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")),

package/dist/cjs/ui/common/modal/popup-select/custom-checkbox-option.compiled.css

@@ -2,14 +2,14 @@
 ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
-._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsglyw{box-shadow:none}
+._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}._16qsglyw{box-shadow:none}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
-._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}
 ._y4tipxbi{padding-inline-end:var(--ds-space-200,1pc)}
-._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
-._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
-._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
-._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
+._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}

package/dist/cjs/ui/common/modal/popup-select/custom-checkbox-option.js

@@ -27,6 +27,6 @@ var CustomCheckboxOption = exports.CustomCheckboxOption = function CustomCheckbo
   }, /*#__PURE__*/React.createElement(_select.CheckboxOption
   // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
   , (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_189e1dm9 _1dqonqa1 _1h6d1j28 _16qsglyw _bfhk1j9a _1q511b66 _85i51b66 _bozgpxbi _y4tipxbi _irr3166n _1di61dty", props.isSelected && "_bfhkfg4m _irr3i1yw _1di619ru", props.isFocused && "_1h6d1p6i"])
+    className: (0, _runtime.ax)(["_189e1dm9 _1dqonqa1 _1h6d1j28 _16qsglyw _bfhk1j9a _1q511b66 _85i51b66 _bozgpxbi _y4tipxbi _irr31dpa _1di6fcek", props.isSelected && "_bfhk15s3 _irr3ufnl _1di6nozp", props.isFocused && "_1h6d1v1w"])
   }), children));
 };

package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.compiled.css

@@ -3,4 +3,4 @@
 ._1e0c1txw{display:flex}
 ._80omtlke{cursor:pointer}
 ._bfhk1j28{background-color:transparent}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

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

@@ -15,7 +15,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _select = require("@atlaskit/select");
 var styles = {
   customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
-  customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syaz1gjq"
+  customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syazazsu"
 };
 var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
   var selectProps = props.selectProps;

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

@@ -3,6 +3,6 @@
 ._1i53b5v6{border-top-color:var(--ds-border,#dfe1e6)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
 ._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
 ._uwhke4h9{border-top-width:var(--ds-border-width,1px)}

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

@@ -17,7 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _messages = require("./messages");
 var styles = {
   footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i53b5v6",
-  footerPaginationInfoStyles: "_syaz131l"
+  footerPaginationInfoStyles: "_syaz1rpy"
 };
 var PopupFooter = function PopupFooter(_ref) {
   var currentDisplayCount = _ref.currentDisplayCount,

package/dist/cjs/ui/common/modal/search-count/index.js

@@ -37,7 +37,7 @@ var ItemCountWrapper = function ItemCountWrapper(_ref) {
     testId: "item-count-url",
     style: _objectSpread({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      color: "var(--ds-text-subtlest, #626F86)",
+      color: "var(--ds-text-subtlest, #6B6E76)",
       textDecoration: !url ? 'none' : ''
     }, additionalStyles)
   }, children));

package/dist/cjs/ui/confluence-search-modal/modal/index.js

@@ -377,7 +377,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     prefixTextType: "result",
     testId: "confluence-search-datasource-modal-total-results-count",
     styles: {
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
     }
   }), /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {

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

@@ -1,12 +1,12 @@
 ._16qsglyw{box-shadow:none}
-._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
+._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}
-._irr315ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
-._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
-._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
-._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
+._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)}
+._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}

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

@@ -48,6 +48,6 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref2) {
   var children = _ref2.children,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(_select.CheckboxOption, (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)([props.isSelected ? "_bfhkfg4m _16qsglyw _irr3i1yw _1di619ru" : "_16qsglyw _irr315ej _1di6ip91"])
+    className: (0, _runtime.ax)([props.isSelected ? "_bfhk15s3 _16qsglyw _irr3ufnl _1di6nozp" : "_16qsglyw _irr3plhp _1di61gdz"])
   }), children);
 };

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

@@ -0,0 +1,181 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DATERANGE_TYPE_TEST_ID = void 0;
+exports.getFormattedDateRange = getFormattedDateRange;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
+var _differenceInDays = _interopRequireDefault(require("date-fns/differenceInDays"));
+var _endOfDay = _interopRequireDefault(require("date-fns/endOfDay"));
+var _getDaysInMonth = _interopRequireDefault(require("date-fns/getDaysInMonth"));
+var _isFirstDayOfMonth = _interopRequireDefault(require("date-fns/isFirstDayOfMonth"));
+var _isLastDayOfMonth = _interopRequireDefault(require("date-fns/isLastDayOfMonth"));
+var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
+var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
+var _isSameYear = _interopRequireDefault(require("date-fns/isSameYear"));
+var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
+var _reactIntlNext = require("react-intl-next");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _messages = require("./messages");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DATERANGE_TYPE_TEST_ID = exports.DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
+var dateOptions = {
+  month: 'short',
+  day: 'numeric',
+  year: 'numeric'
+};
+var timeOptions = {
+  hour12: false,
+  hour: '2-digit',
+  minute: '2-digit'
+};
+var isDayRange = function isDayRange(startDate, endDate) {
+  // Naivly, we could just check
+  // return startDate.getTime() === endDate.getTime();
+  return (0, _isSameYear.default)(startDate, endDate) && (0, _isSameMonth.default)(startDate, endDate) && (0, _isSameDay.default)(startDate, endDate);
+};
+var isMonthRange = function isMonthRange(startDate, endDate) {
+  return (0, _isSameYear.default)(startDate, endDate) && (0, _isSameMonth.default)(startDate, endDate) && (0, _isFirstDayOfMonth.default)(startDate) && (0, _isLastDayOfMonth.default)(endDate);
+};
+
+/**
+ * Checks if the date range is a quarter range.
+ * A quarter range is a range of 3 months.
+ * The start date must be the first day of the month.
+ * The end date must be the last day of the month.
+ * Quarters can span across multiple years.
+ */
+var isQuarterRange = function isQuarterRange(startDate, endDate) {
+  // We need to add 1 to the difference in days
+  // because the differenceInDays method returns the number of full days between the two dates
+  // and we want to include the start and end dates
+  var diffDays = Math.abs((0, _differenceInDays.default)(startDate, endDate)) + 1;
+  var firstMonthDays = (0, _getDaysInMonth.default)(startDate);
+  var secondMonthDays = (0, _getDaysInMonth.default)((0, _addMonths.default)(startDate, 1));
+  var thirdMonthDays = (0, _getDaysInMonth.default)(endDate);
+  return diffDays === firstMonthDays + secondMonthDays + thirdMonthDays && (0, _isFirstDayOfMonth.default)(startDate) && (0, _isLastDayOfMonth.default)(endDate);
+};
+var getDateScale = function getDateScale(startDate, endDate) {
+  if (isDayRange(startDate, endDate)) {
+    // start: 2025-11-01
+    // end: 2025-11-01
+    return 'day';
+  }
+  if (isMonthRange(startDate, endDate)) {
+    // start: 2025-11-01
+    // end: 2025-11-30
+    return 'month';
+  }
+  if (isQuarterRange(startDate, endDate)) {
+    // start: 2025-11-01
+    // end: 2026-01-31
+    return 'quarter';
+  }
+
+  // start: 2025-11-02
+  // end: 2026-05-19
+  return 'full';
+};
+
+// I decided to reuse the same logic as we use currently in the date-time render type
+// Alternatively, we could also use here `parseISO` from `date-fns`
+var shiftUtcToLocal = function shiftUtcToLocal(dateString) {
+  // In some cases we get a value of `2023-12-20` which when parsed by JS assumes meantime timezone, causing the date
+  // to be one day off in some timezones. We want it to display the date without converting timezones and a solution
+  // is to replace the hyphens with slashes. So it should be 20th Dec regardless of the timezone in this case.
+  // See https://stackoverflow.com/a/31732581
+  var dateValue = /^\d{4}-\d{2}-\d{2}$/.exec(dateString) ? dateString.replace(/-/g, '/') : dateString;
+  return new Date(dateValue);
+};
+var isDateTimeString = function isDateTimeString(dateString) {
+  return dateString.match(/^\d{4}-\d{2}-\d{2}/) !== null && dateString.includes('T');
+};
+function getFormattedDateRange(startValue, endValue, formatDate, formatMessage) {
+  if (!startValue || !endValue) {
+    return '';
+  }
+  var isDateTime = isDateTimeString(startValue) && isDateTimeString(endValue);
+  var startDate = isDateTime ? new Date(startValue) : (0, _startOfDay.default)(shiftUtcToLocal(startValue));
+  var endDate = isDateTime ? new Date(endValue) : (0, _endOfDay.default)(shiftUtcToLocal(endValue));
+  if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
+    return '';
+  }
+
+  // If startValue and endValue are valid ISO date strings, we consider it a full range
+  var dateScale = isDateTime ? 'full' : getDateScale(startDate, endDate);
+  switch (dateScale) {
+    case 'day':
+      // Nov 1, 2025
+      return formatDate(startDate, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+      });
+    case 'month':
+      // Nov 2025
+      return formatDate(startDate, {
+        month: 'short',
+        year: 'numeric'
+      });
+    case 'quarter':
+      {
+        // Jan-Mar, 2025
+        if ((0, _isSameYear.default)(startDate, endDate)) {
+          return formatMessage(_messages.messages.quarterRange, {
+            startMonth: formatDate(startDate, {
+              month: 'short'
+            }),
+            endMonth: formatDate(endDate, {
+              month: 'short'
+            }),
+            year: formatDate(startDate, {
+              year: 'numeric'
+            })
+          });
+        }
+        // Dec-Feb, 2025-2026
+        return formatMessage(_messages.messages.quarterRangeOverYears, {
+          startMonth: formatDate(startDate, {
+            month: 'short'
+          }),
+          endMonth: formatDate(endDate, {
+            month: 'short'
+          }),
+          startYear: formatDate(startDate, {
+            year: 'numeric'
+          }),
+          endYear: formatDate(endDate, {
+            year: 'numeric'
+          })
+        });
+      }
+    case 'full':
+      // Nov 1, 2025 - May 19, 2026
+      // Jan 1, 2025, 00:00 - Mar 31, 2025, 23:59
+      return formatMessage(_messages.messages.fullRange, {
+        start: formatDate(startDate, _objectSpread(_objectSpread({}, dateOptions), timeOptions)),
+        end: formatDate(endDate, _objectSpread(_objectSpread({}, dateOptions), timeOptions))
+      });
+  }
+}
+var DateRangeRenderType = function DateRangeRenderType(_ref) {
+  var value = _ref.value,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? DATERANGE_TYPE_TEST_ID : _ref$testId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatDate = _useIntl.formatDate,
+    formatMessage = _useIntl.formatMessage;
+  var formattedString = getFormattedDateRange(value.start, value.end, formatDate, formatMessage);
+  if (formattedString === '') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    testId: testId
+  }, formattedString);
+};
+var _default = exports.default = DateRangeRenderType;

package/dist/cjs/ui/issue-like-table/render-type/date-range/messages.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  quarterRange: {
+    id: 'linkDataSource.issueLikeTable.renderType.dateRange.quarterRange',
+    description: 'The formatted date range for a quarter range',
+    defaultMessage: '{startMonth}-{endMonth}, {year}'
+  },
+  quarterRangeOverYears: {
+    id: 'linkDataSource.issueLikeTable.renderType.dateRange.quarterRangeOverYears',
+    description: 'The formatted date range for a quarter range that spans across multiple years',
+    defaultMessage: '{startMonth}-{endMonth}, {startYear}-{endYear}'
+  },
+  fullRange: {
+    id: 'linkDataSource.issueLikeTable.renderType.dateRange.fullRange',
+    description: 'The formatted date range for a full range (day, month, quarter, or full)',
+    defaultMessage: '{start} - {end}'
+  }
+});

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

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _boolean = _interopRequireDefault(require("./boolean"));
+var _dateRange = _interopRequireWildcard(require("./date-range"));
 var _dateTime = _interopRequireWildcard(require("./date-time"));
 var _icon = _interopRequireDefault(require("./icon"));
 var _link = _interopRequireDefault(require("./link"));
@@ -32,6 +33,13 @@ var stringifyType = exports.stringifyType = function stringifyType(_ref, formatM
       return (0, _dateTime.getFormattedDate)(value, 'date', formatDate);
     case 'datetime':
       return (0, _dateTime.getFormattedDate)(value, 'datetime', formatDate);
+    case 'daterange':
+      {
+        if ((0, _platformFeatureFlags.fg)('jpd_confluence_date_fields_improvements')) {
+          return (0, _dateRange.getFormattedDateRange)(value.start, value.end, formatDate, formatMessage);
+        }
+        return '';
+      }
     case 'time':
       return (0, _dateTime.getFormattedDate)(value, 'time', formatDate);
     case 'icon':
@@ -78,6 +86,17 @@ var renderType = exports.renderType = function renderType(item) {
           display: "datetime"
         });
       });
+    case 'daterange':
+      {
+        if ((0, _platformFeatureFlags.fg)('jpd_confluence_date_fields_improvements')) {
+          return item.values.map(function (dateRangeValue) {
+            return /*#__PURE__*/_react.default.createElement(_dateRange.default, {
+              value: dateRangeValue
+            });
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+      }
     case 'icon':
       return item.values.map(function (iconValue) {
         return /*#__PURE__*/_react.default.createElement(_icon.default, iconValue);

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -418,7 +418,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     prefixTextType: "issue",
     testId: "jira-datasource-modal-total-issues-count",
     styles: {
-      color: "var(--ds-text, #172B4D)",
+      color: "var(--ds-text, #292A2E)",
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
     }
   }), /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {

package/dist/cjs/ui/table-footer/index.compiled.css

@@ -1,13 +1,13 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko1kw7{border-radius:inherit}
-._x3do7r9e{border-top:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
+._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._13liidpf{border-top-left-radius:0}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._qrwqidpf{border-top-right-radius:0}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
-._syazmuej{color:var(--ds-border,#091e4224)}
+._syaz1l7x{color:var(--ds-border,#0b120e24)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -24,8 +24,8 @@ var _providerLink = require("./provider-link");
 var _syncInfo = require("./sync-info");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  footer: "_11c81o8v _2rko1kw7 _x3do7r9e _syaz131l _ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhkhp5a",
-  separator: "_syazmuej"
+  footer: "_11c81o8v _2rko1kw7 _x3doia51 _syaz1rpy _ca0qu2gc _u5f3pxbi _n3tdu2gc _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhkhp5a",
+  separator: "_syaz1l7x"
 };
 var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   var datasourceId = _ref.datasourceId,
@@ -67,7 +67,7 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
     appearance: "subtle",
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(_refresh.default, (0, _extends2.default)({}, iconProps, {
-        color: "var(--ds-text-subtlest, #626F86)"
+        color: "var(--ds-text-subtlest, #6B6E76)"
       }));
     },
     isDisabled: isLoading,

package/dist/cjs/ui/table-footer/powered-by-jsm-assets/index.compiled.css

@@ -1,5 +1,5 @@
 ._18u012x7{margin-left:var(--ds-space-075,6px)}
 ._1e0c1txw{display:flex}
 ._2lx21sbv{flex-direction:row-reverse}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._30l316c2:hover{color:var(--ds-link-pressed,#05c)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
+._30l312zz:hover{color:var(--ds-link-pressed,#1558bc)}

package/dist/cjs/ui/table-footer/powered-by-jsm-assets/index.js

@@ -15,7 +15,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
 var styles = {
-  jsmTextStyles: "_syaz1gjq _18u012x7 _30l316c2",
+  jsmTextStyles: "_syazazsu _18u012x7 _30l312zz",
   jsmContainerStyles: "_1e0c1txw _2lx21sbv"
 };
 var PoweredByJSMAssets = exports.PoweredByJSMAssets = function PoweredByJSMAssets(props) {

package/dist/cjs/ui/table-footer/provider-link/index.compiled.css

@@ -2,7 +2,7 @@
 ._1hmsglyw{text-decoration-line:none}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._ajmmnqa1{text-decoration-style:solid}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}._1bnxglyw:hover{text-decoration-line:none}
-._30l3131l:hover{color:var(--ds-text-subtlest,#626f86)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}._1bnxglyw:hover{text-decoration-line:none}
+._30l31rpy:hover{color:var(--ds-text-subtlest,#6b6e76)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}

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

@@ -20,7 +20,7 @@ var _assetsModal = require("../../assets-modal");
 var _messages = require("../messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _syaz131l _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3131l"
+  anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _syaz1rpy _9oik1r31 _1bnxglyw _jf4cnqa1 _30l31rpy"
 };
 var ProviderLink = exports.ProviderLink = function ProviderLink(_ref) {
   var datasourceId = _ref.datasourceId;

package/dist/es2019/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}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
 ._y3gn1h6o{text-align:center}