@atlaskit/calendar 13.1.13 → 13.1.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/calendar
 
+## 13.1.15
+
+### Patch Changes
+
+- [`3fadbb8bf73`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fadbb8bf73) - Internal changes.
+
+## 13.1.14
+
+### Patch Changes
+
+- [`7e4085cd951`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e4085cd951) - Allow caret version range in @atlaskit/primitives dependency.
+
 ## 13.1.13
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -13,8 +13,6 @@ var _react2 = require("@emotion/react");
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _primitives = require("@atlaskit/primitives");
-var _box = _interopRequireDefault(require("@atlaskit/primitives/box"));
-var _stack = _interopRequireDefault(require("@atlaskit/primitives/stack"));
 var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _header = _interopRequireDefault(require("./internal/components/header"));
@@ -38,7 +36,7 @@ var boxStyles = (0, _primitives.xcss)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.13"
+  packageVersion: "13.1.15"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -190,14 +188,14 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
       id: announceId,
       "aria-live": "assertive",
       "aria-relevant": "text"
-    }, announcerDate)), (0, _react2.jsx)(_box.default, {
+    }, announcerDate)), (0, _react2.jsx)(_primitives.Box, {
       xcss: boxStyles,
       padding: "space.200",
       "aria-describedby": announceId,
       "aria-label": "calendar",
       tabIndex: tabIndex,
       testId: testId && "".concat(testId, "--calendar")
-    }, (0, _react2.jsx)(_stack.default, {
+    }, (0, _react2.jsx)(_primitives.Stack, {
       space: "space.150"
     }, (0, _react2.jsx)(_header.default
     // The month number needs to be translated to index in the month
@@ -211,7 +209,7 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
       handleClickPrev: handleClickPrev,
       mode: mode,
       testId: testId
-    }), (0, _react2.jsx)(_box.default, {
+    }), (0, _react2.jsx)(_primitives.Box, {
       role: "grid"
     }, (0, _react2.jsx)(_weekHeader.default, {
       daysShort: daysShort,

package/dist/cjs/internal/components/date.js

@@ -62,23 +62,28 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   var dateCellStyles = (0, _react.useMemo)(function () {
     return (0, _react2.css)((0, _date.dateCellStyles)(mode));
   }, [mode]);
-  return (0, _react2.jsx)("button", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: dateCellStyles,
-    "aria-selected": isSelected ? 'true' : 'false',
-    tabIndex: isSelected ? 0 : -1,
-    type: "button",
-    role: "gridcell",
-    onClick: handleClick,
-    ref: ref,
-    "data-disabled": isDisabled || undefined,
-    "data-focused": isFocused || undefined,
-    "data-prev-selected": isPreviouslySelected || undefined,
-    "data-selected": isSelected || undefined,
-    "data-sibling": isSibling || undefined,
-    "data-today": isToday || undefined,
-    "data-testid": testId && isSelected ? "".concat(testId, "--selected-day") : undefined
-  }, day);
+  return (
+    // TODO: Determine if there is a better way to render the button (should
+    // be fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    (0, _react2.jsx)("button", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      css: dateCellStyles,
+      "aria-selected": isSelected ? 'true' : 'false',
+      tabIndex: isSelected ? 0 : -1,
+      type: "button",
+      role: "gridcell",
+      onClick: handleClick,
+      ref: ref,
+      "data-disabled": isDisabled || undefined,
+      "data-focused": isFocused || undefined,
+      "data-prev-selected": isPreviouslySelected || undefined,
+      "data-selected": isSelected || undefined,
+      "data-sibling": isSibling || undefined,
+      "data-today": isToday || undefined,
+      "data-testid": testId && isSelected ? "".concat(testId, "--selected-day") : undefined
+    }, day)
+  );
 }));
 Date.displayName = 'Date';
 

package/dist/cjs/internal/components/week-day-grid.js

@@ -8,10 +8,6 @@ var _react = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 /** @jsx jsx */
 
-var gridStyles = (0, _primitives.xcss)({
-  display: 'grid',
-  gridTemplateColumns: 'repeat(7, minmax(max-content, 1fr))'
-});
 /**
  * __Week day grid__
  *
@@ -21,11 +17,15 @@ var gridStyles = (0, _primitives.xcss)({
 var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
     children = _ref.children;
-  return (0, _react.jsx)(_primitives.Box, {
-    testId: testId,
-    xcss: gridStyles,
-    role: "row"
-  }, children);
+  return (
+    // TODO: Determine if there is a better way to render the row (should be
+    // fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
+    (0, _react.jsx)(_primitives.Grid, {
+      testId: testId,
+      templateColumns: "repeat(7, minmax(max-content, 1fr))",
+      role: "row"
+    }, children)
+  );
 };
 var _default = WeekDayGrid;
 exports.default = _default;

package/dist/cjs/internal/components/week-days.js

@@ -17,30 +17,35 @@ var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
     handleClickDay = _ref.handleClickDay,
     mode = _ref.mode,
     testId = _ref.testId;
-  return (0, _react2.jsx)(_box.default, {
-    role: "rowgroup",
-    testId: testId && "".concat(testId, "--month")
-  }, weeks.map(function (week, i) {
-    return (0, _react2.jsx)(_weekDayGrid.default, {
-      key: i,
-      testId: testId && "".concat(testId, "--week")
-    }, week.values.map(function (weekDay) {
-      return (0, _react2.jsx)(_date.default, {
-        key: "".concat(week.id, "-").concat(weekDay.id),
-        isDisabled: weekDay.isDisabled,
-        isFocused: weekDay.isFocused,
-        isToday: weekDay.isToday,
-        month: weekDay.month,
-        onClick: handleClickDay,
-        isPreviouslySelected: weekDay.isPreviouslySelected,
-        isSelected: weekDay.isSelected,
-        isSibling: weekDay.isSiblingMonth,
-        year: weekDay.year,
-        mode: mode,
-        testId: testId
-      }, weekDay.day);
-    }));
-  }));
+  return (
+    // TODO: Determine if there is a better way to render the button (should be
+    // fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    (0, _react2.jsx)(_box.default, {
+      role: "rowgroup",
+      testId: testId && "".concat(testId, "--month")
+    }, weeks.map(function (week, i) {
+      return (0, _react2.jsx)(_weekDayGrid.default, {
+        key: i,
+        testId: testId && "".concat(testId, "--week")
+      }, week.values.map(function (weekDay) {
+        return (0, _react2.jsx)(_date.default, {
+          key: "".concat(week.id, "-").concat(weekDay.id),
+          isDisabled: weekDay.isDisabled,
+          isFocused: weekDay.isFocused,
+          isToday: weekDay.isToday,
+          month: weekDay.month,
+          onClick: handleClickDay,
+          isPreviouslySelected: weekDay.isPreviouslySelected,
+          isSelected: weekDay.isSelected,
+          isSibling: weekDay.isSiblingMonth,
+          year: weekDay.year,
+          mode: mode,
+          testId: testId
+        }, weekDay.day);
+      }));
+    }))
+  );
 });
 WeekDays.displayName = 'WeekDays';
 

package/dist/cjs/internal/components/week-header.js

@@ -28,17 +28,22 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
   return (0, _react2.jsx)(_weekDayGrid.default, {
     testId: testId && "".concat(testId, "--column-headers")
   }, daysShort.map(function (shortDay) {
-    return (0, _react2.jsx)(_primitives.Box, {
-      padding: "space.100",
-      xcss: columnHeaderStyles,
-      key: shortDay,
-      role: "columnheader"
-    }, (0, _react2.jsx)(_text.default, {
-      fontWeight: "bold",
-      fontSize: "size.050",
-      verticalAlign: "middle",
-      textTransform: "uppercase"
-    }, shortDay));
+    return (
+      // TODO: Determine if there is a better way to render the button
+      // (should be fixed with introduction of keyboard accessibility of
+      // Calendar in DSP-9939) (DSP-11588)
+      (0, _react2.jsx)(_primitives.Box, {
+        padding: "space.100",
+        xcss: columnHeaderStyles,
+        key: shortDay,
+        role: "columnheader"
+      }, (0, _react2.jsx)(_text.default, {
+        fontWeight: "bold",
+        fontSize: "size.050",
+        verticalAlign: "middle",
+        textTransform: "uppercase"
+      }, shortDay))
+    );
   }));
 });
 WeekHeader.displayName = 'WeekHeader';

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "13.1.13",
+	"version": "13.1.15",
 	"sideEffects": false
 }

package/dist/es2019/calendar.js

@@ -4,9 +4,7 @@ import { forwardRef, memo, useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
-import { xcss } from '@atlaskit/primitives';
-import Box from '@atlaskit/primitives/box';
-import Stack from '@atlaskit/primitives/stack';
+import { Box, Stack, xcss } from '@atlaskit/primitives';
 import GlobalTheme from '@atlaskit/theme/components';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Header from './internal/components/header';
@@ -28,7 +26,7 @@ const boxStyles = xcss({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.13"
+  packageVersion: "13.1.15"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,

package/dist/es2019/internal/components/date.js

@@ -47,23 +47,28 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
     }
   }, [onClick]);
   const dateCellStyles = useMemo(() => css(getDateCellStyles(mode)), [mode]);
-  return jsx("button", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: dateCellStyles,
-    "aria-selected": isSelected ? 'true' : 'false',
-    tabIndex: isSelected ? 0 : -1,
-    type: "button",
-    role: "gridcell",
-    onClick: handleClick,
-    ref: ref,
-    "data-disabled": isDisabled || undefined,
-    "data-focused": isFocused || undefined,
-    "data-prev-selected": isPreviouslySelected || undefined,
-    "data-selected": isSelected || undefined,
-    "data-sibling": isSibling || undefined,
-    "data-today": isToday || undefined,
-    "data-testid": testId && isSelected ? `${testId}--selected-day` : undefined
-  }, day);
+  return (
+    // TODO: Determine if there is a better way to render the button (should
+    // be fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    jsx("button", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      css: dateCellStyles,
+      "aria-selected": isSelected ? 'true' : 'false',
+      tabIndex: isSelected ? 0 : -1,
+      type: "button",
+      role: "gridcell",
+      onClick: handleClick,
+      ref: ref,
+      "data-disabled": isDisabled || undefined,
+      "data-focused": isFocused || undefined,
+      "data-prev-selected": isPreviouslySelected || undefined,
+      "data-selected": isSelected || undefined,
+      "data-sibling": isSibling || undefined,
+      "data-today": isToday || undefined,
+      "data-testid": testId && isSelected ? `${testId}--selected-day` : undefined
+    }, day)
+  );
 }));
 Date.displayName = 'Date';
 

package/dist/es2019/internal/components/week-day-grid.js

@@ -1,11 +1,7 @@
 /** @jsx jsx */
 
 import { jsx } from '@emotion/react';
-import { Box, xcss } from '@atlaskit/primitives';
-const gridStyles = xcss({
-  display: 'grid',
-  gridTemplateColumns: 'repeat(7, minmax(max-content, 1fr))'
-});
+import { Grid } from '@atlaskit/primitives';
 /**
  * __Week day grid__
  *
@@ -15,9 +11,12 @@ const gridStyles = xcss({
 const WeekDayGrid = ({
   testId,
   children
-}) => jsx(Box, {
+}) =>
+// TODO: Determine if there is a better way to render the row (should be
+// fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
+jsx(Grid, {
   testId: testId,
-  xcss: gridStyles,
+  templateColumns: "repeat(7, minmax(max-content, 1fr))",
   role: "row"
 }, children);
 export default WeekDayGrid;

package/dist/es2019/internal/components/week-days.js

@@ -10,26 +10,31 @@ const WeekDays = /*#__PURE__*/memo(function WeekDays({
   mode,
   testId
 }) {
-  return jsx(Box, {
-    role: "rowgroup",
-    testId: testId && `${testId}--month`
-  }, weeks.map((week, i) => jsx(WeekdayGrid, {
-    key: i,
-    testId: testId && `${testId}--week`
-  }, week.values.map(weekDay => jsx(DateComponent, {
-    key: `${week.id}-${weekDay.id}`,
-    isDisabled: weekDay.isDisabled,
-    isFocused: weekDay.isFocused,
-    isToday: weekDay.isToday,
-    month: weekDay.month,
-    onClick: handleClickDay,
-    isPreviouslySelected: weekDay.isPreviouslySelected,
-    isSelected: weekDay.isSelected,
-    isSibling: weekDay.isSiblingMonth,
-    year: weekDay.year,
-    mode: mode,
-    testId: testId
-  }, weekDay.day)))));
+  return (
+    // TODO: Determine if there is a better way to render the button (should be
+    // fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    jsx(Box, {
+      role: "rowgroup",
+      testId: testId && `${testId}--month`
+    }, weeks.map((week, i) => jsx(WeekdayGrid, {
+      key: i,
+      testId: testId && `${testId}--week`
+    }, week.values.map(weekDay => jsx(DateComponent, {
+      key: `${week.id}-${weekDay.id}`,
+      isDisabled: weekDay.isDisabled,
+      isFocused: weekDay.isFocused,
+      isToday: weekDay.isToday,
+      month: weekDay.month,
+      onClick: handleClickDay,
+      isPreviouslySelected: weekDay.isPreviouslySelected,
+      isSelected: weekDay.isSelected,
+      isSibling: weekDay.isSiblingMonth,
+      year: weekDay.year,
+      mode: mode,
+      testId: testId
+    }, weekDay.day)))))
+  );
 });
 WeekDays.displayName = 'WeekDays';
 

package/dist/es2019/internal/components/week-header.js

@@ -20,7 +20,11 @@ const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
 }) {
   return jsx(WeekDayGrid, {
     testId: testId && `${testId}--column-headers`
-  }, daysShort.map(shortDay => jsx(Box, {
+  }, daysShort.map(shortDay =>
+  // TODO: Determine if there is a better way to render the button
+  // (should be fixed with introduction of keyboard accessibility of
+  // Calendar in DSP-9939) (DSP-11588)
+  jsx(Box, {
     padding: "space.100",
     xcss: columnHeaderStyles,
     key: shortDay,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "13.1.13",
+	"version": "13.1.15",
 	"sideEffects": false
 }

package/dist/esm/calendar.js

@@ -8,9 +8,7 @@ import { forwardRef, memo, useMemo } from 'react';
 import { jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
-import { xcss } from '@atlaskit/primitives';
-import Box from '@atlaskit/primitives/box';
-import Stack from '@atlaskit/primitives/stack';
+import { Box, Stack, xcss } from '@atlaskit/primitives';
 import GlobalTheme from '@atlaskit/theme/components';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Header from './internal/components/header';
@@ -32,7 +30,7 @@ var boxStyles = xcss({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.13"
+  packageVersion: "13.1.15"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/esm/internal/components/date.js

@@ -54,23 +54,28 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
   var dateCellStyles = useMemo(function () {
     return css(getDateCellStyles(mode));
   }, [mode]);
-  return jsx("button", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: dateCellStyles,
-    "aria-selected": isSelected ? 'true' : 'false',
-    tabIndex: isSelected ? 0 : -1,
-    type: "button",
-    role: "gridcell",
-    onClick: handleClick,
-    ref: ref,
-    "data-disabled": isDisabled || undefined,
-    "data-focused": isFocused || undefined,
-    "data-prev-selected": isPreviouslySelected || undefined,
-    "data-selected": isSelected || undefined,
-    "data-sibling": isSibling || undefined,
-    "data-today": isToday || undefined,
-    "data-testid": testId && isSelected ? "".concat(testId, "--selected-day") : undefined
-  }, day);
+  return (
+    // TODO: Determine if there is a better way to render the button (should
+    // be fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    jsx("button", {
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+      css: dateCellStyles,
+      "aria-selected": isSelected ? 'true' : 'false',
+      tabIndex: isSelected ? 0 : -1,
+      type: "button",
+      role: "gridcell",
+      onClick: handleClick,
+      ref: ref,
+      "data-disabled": isDisabled || undefined,
+      "data-focused": isFocused || undefined,
+      "data-prev-selected": isPreviouslySelected || undefined,
+      "data-selected": isSelected || undefined,
+      "data-sibling": isSibling || undefined,
+      "data-today": isToday || undefined,
+      "data-testid": testId && isSelected ? "".concat(testId, "--selected-day") : undefined
+    }, day)
+  );
 }));
 Date.displayName = 'Date';
 

package/dist/esm/internal/components/week-day-grid.js

@@ -1,11 +1,7 @@
 /** @jsx jsx */
 
 import { jsx } from '@emotion/react';
-import { Box, xcss } from '@atlaskit/primitives';
-var gridStyles = xcss({
-  display: 'grid',
-  gridTemplateColumns: 'repeat(7, minmax(max-content, 1fr))'
-});
+import { Grid } from '@atlaskit/primitives';
 /**
  * __Week day grid__
  *
@@ -15,10 +11,14 @@ var gridStyles = xcss({
 var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
     children = _ref.children;
-  return jsx(Box, {
-    testId: testId,
-    xcss: gridStyles,
-    role: "row"
-  }, children);
+  return (
+    // TODO: Determine if there is a better way to render the row (should be
+    // fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
+    jsx(Grid, {
+      testId: testId,
+      templateColumns: "repeat(7, minmax(max-content, 1fr))",
+      role: "row"
+    }, children)
+  );
 };
 export default WeekDayGrid;

package/dist/esm/internal/components/week-days.js

@@ -9,30 +9,35 @@ var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
     handleClickDay = _ref.handleClickDay,
     mode = _ref.mode,
     testId = _ref.testId;
-  return jsx(Box, {
-    role: "rowgroup",
-    testId: testId && "".concat(testId, "--month")
-  }, weeks.map(function (week, i) {
-    return jsx(WeekdayGrid, {
-      key: i,
-      testId: testId && "".concat(testId, "--week")
-    }, week.values.map(function (weekDay) {
-      return jsx(DateComponent, {
-        key: "".concat(week.id, "-").concat(weekDay.id),
-        isDisabled: weekDay.isDisabled,
-        isFocused: weekDay.isFocused,
-        isToday: weekDay.isToday,
-        month: weekDay.month,
-        onClick: handleClickDay,
-        isPreviouslySelected: weekDay.isPreviouslySelected,
-        isSelected: weekDay.isSelected,
-        isSibling: weekDay.isSiblingMonth,
-        year: weekDay.year,
-        mode: mode,
-        testId: testId
-      }, weekDay.day);
-    }));
-  }));
+  return (
+    // TODO: Determine if there is a better way to render the button (should be
+    // fixed with introduction of keyboard accessibility of Calendar in
+    // DSP-9939) (DSP-11588)
+    jsx(Box, {
+      role: "rowgroup",
+      testId: testId && "".concat(testId, "--month")
+    }, weeks.map(function (week, i) {
+      return jsx(WeekdayGrid, {
+        key: i,
+        testId: testId && "".concat(testId, "--week")
+      }, week.values.map(function (weekDay) {
+        return jsx(DateComponent, {
+          key: "".concat(week.id, "-").concat(weekDay.id),
+          isDisabled: weekDay.isDisabled,
+          isFocused: weekDay.isFocused,
+          isToday: weekDay.isToday,
+          month: weekDay.month,
+          onClick: handleClickDay,
+          isPreviouslySelected: weekDay.isPreviouslySelected,
+          isSelected: weekDay.isSelected,
+          isSibling: weekDay.isSiblingMonth,
+          year: weekDay.year,
+          mode: mode,
+          testId: testId
+        }, weekDay.day);
+      }));
+    }))
+  );
 });
 WeekDays.displayName = 'WeekDays';
 

package/dist/esm/internal/components/week-header.js

@@ -20,17 +20,22 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
   return jsx(WeekDayGrid, {
     testId: testId && "".concat(testId, "--column-headers")
   }, daysShort.map(function (shortDay) {
-    return jsx(Box, {
-      padding: "space.100",
-      xcss: columnHeaderStyles,
-      key: shortDay,
-      role: "columnheader"
-    }, jsx(Text, {
-      fontWeight: "bold",
-      fontSize: "size.050",
-      verticalAlign: "middle",
-      textTransform: "uppercase"
-    }, shortDay));
+    return (
+      // TODO: Determine if there is a better way to render the button
+      // (should be fixed with introduction of keyboard accessibility of
+      // Calendar in DSP-9939) (DSP-11588)
+      jsx(Box, {
+        padding: "space.100",
+        xcss: columnHeaderStyles,
+        key: shortDay,
+        role: "columnheader"
+      }, jsx(Text, {
+        fontWeight: "bold",
+        fontSize: "size.050",
+        verticalAlign: "middle",
+        textTransform: "uppercase"
+      }, shortDay))
+    );
   }));
 });
 WeekHeader.displayName = 'WeekHeader';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "13.1.13",
+	"version": "13.1.15",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "13.1.13",
+  "version": "13.1.15",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,9 +38,9 @@
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/locale": "^2.5.0",
-    "@atlaskit/primitives": "~1.0.0",
+    "@atlaskit/primitives": "^1.0.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.13.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -94,4 +94,4 @@
   },
   "homepage": "https://atlassian.design/components/calendar/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}