@atlaskit/calendar 13.0.1 → 13.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/calendar
 
+## 13.0.3
+
+### Patch Changes
+
+- [`22b754d311f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b754d311f) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`
+- Updated dependencies
+
+## 13.0.2
+
+### Patch Changes
+
+- [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
+- Updated dependencies
+
 ## 13.0.1
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -1,184 +1,150 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _stack = _interopRequireDefault(require("@atlaskit/ds-explorations/stack"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
-
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-
 var _header = _interopRequireDefault(require("./internal/components/header"));
-
 var _weekDays = _interopRequireDefault(require("./internal/components/week-days"));
-
 var _weekHeader = _interopRequireDefault(require("./internal/components/week-header"));
-
 var _constants = require("./internal/constants");
-
 var _useCalendarRef = _interopRequireDefault(require("./internal/hooks/use-calendar-ref"));
-
 var _useControlledDateState = _interopRequireDefault(require("./internal/hooks/use-controlled-date-state"));
-
 var _useFocusing2 = _interopRequireDefault(require("./internal/hooks/use-focusing"));
-
 var _useGetWeeks = _interopRequireDefault(require("./internal/hooks/use-get-weeks"));
-
 var _useHandleDateChange2 = _interopRequireDefault(require("./internal/hooks/use-handle-date-change"));
-
 var _useHandleDateSelect2 = _interopRequireDefault(require("./internal/hooks/use-handle-date-select"));
-
 var _useLocale2 = _interopRequireDefault(require("./internal/hooks/use-locale"));
-
 var _useUniqueId = _interopRequireDefault(require("./internal/hooks/use-unique-id"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.0.1"
+  packageVersion: "13.0.3"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,
-      _ref$defaultDay = _ref.defaultDay,
-      defaultDay = _ref$defaultDay === void 0 ? 0 : _ref$defaultDay,
-      _ref$defaultMonth = _ref.defaultMonth,
-      defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
-      _ref$defaultPreviousl = _ref.defaultPreviouslySelected,
-      defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? _constants.blankStringArray : _ref$defaultPreviousl,
-      _ref$defaultSelected = _ref.defaultSelected,
-      defaultSelected = _ref$defaultSelected === void 0 ? _constants.blankStringArray : _ref$defaultSelected,
-      _ref$defaultYear = _ref.defaultYear,
-      defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
-      disabled = _ref.disabled,
-      disabledDateFilter = _ref.disabledDateFilter,
-      minDate = _ref.minDate,
-      maxDate = _ref.maxDate,
-      month = _ref.month,
-      nextMonthLabel = _ref.nextMonthLabel,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? _noop.default : _ref$onBlur,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? _noop.default : _ref$onChange,
-      _ref$onFocus = _ref.onFocus,
-      onFocus = _ref$onFocus === void 0 ? _noop.default : _ref$onFocus,
-      _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? _noop.default : _ref$onSelect,
-      previouslySelected = _ref.previouslySelected,
-      previousMonthLabel = _ref.previousMonthLabel,
-      selected = _ref.selected,
-      today = _ref.today,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
-      year = _ref.year,
-      analyticsContext = _ref.analyticsContext,
-      _ref$weekStartDay = _ref.weekStartDay,
-      weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay,
-      testId = _ref.testId,
-      calendarRef = _ref.calendarRef,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'light' : _ref$mode,
-      className = _ref.className,
-      style = _ref.style,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-
+    _ref$defaultDay = _ref.defaultDay,
+    defaultDay = _ref$defaultDay === void 0 ? 0 : _ref$defaultDay,
+    _ref$defaultMonth = _ref.defaultMonth,
+    defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
+    _ref$defaultPreviousl = _ref.defaultPreviouslySelected,
+    defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? _constants.blankStringArray : _ref$defaultPreviousl,
+    _ref$defaultSelected = _ref.defaultSelected,
+    defaultSelected = _ref$defaultSelected === void 0 ? _constants.blankStringArray : _ref$defaultSelected,
+    _ref$defaultYear = _ref.defaultYear,
+    defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
+    disabled = _ref.disabled,
+    disabledDateFilter = _ref.disabledDateFilter,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
+    month = _ref.month,
+    nextMonthLabel = _ref.nextMonthLabel,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? _noop.default : _ref$onBlur,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? _noop.default : _ref$onChange,
+    _ref$onFocus = _ref.onFocus,
+    onFocus = _ref$onFocus === void 0 ? _noop.default : _ref$onFocus,
+    _ref$onSelect = _ref.onSelect,
+    onSelect = _ref$onSelect === void 0 ? _noop.default : _ref$onSelect,
+    previouslySelected = _ref.previouslySelected,
+    previousMonthLabel = _ref.previousMonthLabel,
+    selected = _ref.selected,
+    today = _ref.today,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
+    year = _ref.year,
+    analyticsContext = _ref.analyticsContext,
+    _ref$weekStartDay = _ref.weekStartDay,
+    weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay,
+    testId = _ref.testId,
+    calendarRef = _ref.calendarRef,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'light' : _ref$mode,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
   var _useControlledDateSta = (0, _useControlledDateState.default)({
-    day: day,
-    defaultDay: defaultDay,
-    month: month,
-    defaultMonth: defaultMonth,
-    year: year,
-    defaultYear: defaultYear,
-    today: today,
-    selected: selected,
-    defaultSelected: defaultSelected,
-    previouslySelected: previouslySelected,
-    defaultPreviouslySelected: defaultPreviouslySelected
-  }),
-      _useControlledDateSta2 = (0, _slicedToArray2.default)(_useControlledDateSta.day, 2),
-      dayValue = _useControlledDateSta2[0],
-      setDayValue = _useControlledDateSta2[1],
-      _useControlledDateSta3 = (0, _slicedToArray2.default)(_useControlledDateSta.month, 2),
-      monthValue = _useControlledDateSta3[0],
-      setMonthValue = _useControlledDateSta3[1],
-      _useControlledDateSta4 = (0, _slicedToArray2.default)(_useControlledDateSta.year, 2),
-      yearValue = _useControlledDateSta4[0],
-      setYearValue = _useControlledDateSta4[1],
-      _useControlledDateSta5 = (0, _slicedToArray2.default)(_useControlledDateSta.today, 1),
-      todayValue = _useControlledDateSta5[0],
-      _useControlledDateSta6 = (0, _slicedToArray2.default)(_useControlledDateSta.selected, 2),
-      selectedValue = _useControlledDateSta6[0],
-      setSelectedValue = _useControlledDateSta6[1],
-      _useControlledDateSta7 = (0, _slicedToArray2.default)(_useControlledDateSta.previous, 2),
-      previouslySelectedValue = _useControlledDateSta7[0],
-      setPreviouslySelectedValue = _useControlledDateSta7[1];
-
+      day: day,
+      defaultDay: defaultDay,
+      month: month,
+      defaultMonth: defaultMonth,
+      year: year,
+      defaultYear: defaultYear,
+      today: today,
+      selected: selected,
+      defaultSelected: defaultSelected,
+      previouslySelected: previouslySelected,
+      defaultPreviouslySelected: defaultPreviouslySelected
+    }),
+    _useControlledDateSta2 = (0, _slicedToArray2.default)(_useControlledDateSta.day, 2),
+    dayValue = _useControlledDateSta2[0],
+    setDayValue = _useControlledDateSta2[1],
+    _useControlledDateSta3 = (0, _slicedToArray2.default)(_useControlledDateSta.month, 2),
+    monthValue = _useControlledDateSta3[0],
+    setMonthValue = _useControlledDateSta3[1],
+    _useControlledDateSta4 = (0, _slicedToArray2.default)(_useControlledDateSta.year, 2),
+    yearValue = _useControlledDateSta4[0],
+    setYearValue = _useControlledDateSta4[1],
+    _useControlledDateSta5 = (0, _slicedToArray2.default)(_useControlledDateSta.today, 1),
+    todayValue = _useControlledDateSta5[0],
+    _useControlledDateSta6 = (0, _slicedToArray2.default)(_useControlledDateSta.selected, 2),
+    selectedValue = _useControlledDateSta6[0],
+    setSelectedValue = _useControlledDateSta6[1],
+    _useControlledDateSta7 = (0, _slicedToArray2.default)(_useControlledDateSta.previous, 2),
+    previouslySelectedValue = _useControlledDateSta7[0],
+    setPreviouslySelectedValue = _useControlledDateSta7[1];
   var onChangeWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onChange,
     action: 'changed',
     analyticsData: analyticsContext
   }, analyticsAttributes));
-
   var _useHandleDateChange = (0, _useHandleDateChange2.default)({
-    day: [dayValue, setDayValue],
-    month: [monthValue, setMonthValue],
-    year: [yearValue, setYearValue],
-    onChange: onChangeWithAnalytics
-  }),
-      navigate = _useHandleDateChange.navigate,
-      handleClickNext = _useHandleDateChange.handleClickNext,
-      handleClickPrev = _useHandleDateChange.handleClickPrev;
-
+      day: [dayValue, setDayValue],
+      month: [monthValue, setMonthValue],
+      year: [yearValue, setYearValue],
+      onChange: onChangeWithAnalytics
+    }),
+    navigate = _useHandleDateChange.navigate,
+    handleClickNext = _useHandleDateChange.handleClickNext,
+    handleClickPrev = _useHandleDateChange.handleClickPrev;
   var onSelectWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onSelect,
     action: 'selected',
     analyticsData: analyticsContext
   }, analyticsAttributes));
-
   var _useHandleDateSelect = (0, _useHandleDateSelect2.default)({
-    day: [dayValue, setDayValue],
-    month: [monthValue, setMonthValue],
-    year: [yearValue, setYearValue],
-    selected: [selectedValue, setSelectedValue],
-    previous: [, setPreviouslySelectedValue],
-    onSelect: onSelectWithAnalytics,
-    navigate: navigate
-  }),
-      handleClickDay = _useHandleDateSelect.handleClickDay,
-      handleContainerKeyDown = _useHandleDateSelect.handleContainerKeyDown;
-
+      day: [dayValue, setDayValue],
+      month: [monthValue, setMonthValue],
+      year: [yearValue, setYearValue],
+      selected: [selectedValue, setSelectedValue],
+      previous: [, setPreviouslySelectedValue],
+      onSelect: onSelectWithAnalytics,
+      navigate: navigate
+    }),
+    handleClickDay = _useHandleDateSelect.handleClickDay,
+    handleContainerKeyDown = _useHandleDateSelect.handleContainerKeyDown;
   var _useFocusing = (0, _useFocusing2.default)({
-    onFocus: onFocus,
-    onBlur: onBlur
-  }),
-      handleContainerBlur = _useFocusing.handleContainerBlur,
-      handleContainerFocus = _useFocusing.handleContainerFocus;
-
+      onFocus: onFocus,
+      onBlur: onBlur
+    }),
+    handleContainerBlur = _useFocusing.handleContainerBlur,
+    handleContainerFocus = _useFocusing.handleContainerFocus;
   (0, _useCalendarRef.default)(calendarRef, {
     navigate: navigate
   });
@@ -199,14 +165,12 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
   var announcerDate = (0, _react.useMemo)(function () {
     return new Date(yearValue, monthValue - 1, dayValue).toString();
   }, [dayValue, monthValue, yearValue]);
-
   var _useLocale = (0, _useLocale2.default)({
-    locale: locale,
-    weekStartDay: weekStartDay
-  }),
-      monthsLong = _useLocale.monthsLong,
-      daysShort = _useLocale.daysShort;
-
+      locale: locale,
+      weekStartDay: weekStartDay
+    }),
+    monthsLong = _useLocale.monthsLong,
+    daysShort = _useLocale.daysShort;
   return (0, _react2.jsx)(_box.default, {
     className: className,
     UNSAFE_style: style,
@@ -223,7 +187,7 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
     "aria-relevant": "text"
   }, announcerDate)), (0, _react2.jsx)(_box.default, {
     display: "inlineBlock",
-    padding: "scale.200",
+    padding: "space.200",
     UNSAFE_style: {
       userSelect: 'none'
     },
@@ -232,8 +196,9 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
     role: "grid",
     tabIndex: tabIndex
   }, (0, _react2.jsx)(_stack.default, {
-    gap: "scale.150"
-  }, (0, _react2.jsx)(_header.default // The month number needs to be translated to index in the month
+    gap: "space.150"
+  }, (0, _react2.jsx)(_header.default
+  // The month number needs to be translated to index in the month
   // name array e.g. 1 (January) -> 0
   , {
     monthLongTitle: monthsLong[monthValue - 1],
@@ -257,6 +222,7 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
     testId: testId
   })))));
 });
+
 /**
  * __Calendar__
  *
@@ -266,7 +232,6 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
  * - [Code](https://atlassian.design/components/calendar/code)
  * - [Usage](https://atlassian.design/components/calendar/usage)
  */
-
 var Calendar = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Calendar(props, ref) {
   return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref2) {
     var mode = _ref2.mode;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _calendar.default;
   }
 });
-
 var _calendar = _interopRequireDefault(require("./calendar"));

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

@@ -1,41 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _date = require("../styles/date");
-
 /** @jsx jsx */
+
 var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Date(_ref, ref) {
   var day = _ref.children,
-      _ref$isDisabled = _ref.isDisabled,
-      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-      _ref$isFocused = _ref.isFocused,
-      isFocused = _ref$isFocused === void 0 ? false : _ref$isFocused,
-      _ref$isToday = _ref.isToday,
-      isToday = _ref$isToday === void 0 ? false : _ref$isToday,
-      month = _ref.month,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? _noop.default : _ref$onClick,
-      _ref$isPreviouslySele = _ref.isPreviouslySelected,
-      isPreviouslySelected = _ref$isPreviouslySele === void 0 ? false : _ref$isPreviouslySele,
-      _ref$isSelected = _ref.isSelected,
-      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-      _ref$isSibling = _ref.isSibling,
-      isSibling = _ref$isSibling === void 0 ? false : _ref$isSibling,
-      year = _ref.year,
-      mode = _ref.mode,
-      testId = _ref.testId;
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isFocused = _ref.isFocused,
+    isFocused = _ref$isFocused === void 0 ? false : _ref$isFocused,
+    _ref$isToday = _ref.isToday,
+    isToday = _ref$isToday === void 0 ? false : _ref$isToday,
+    month = _ref.month,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? _noop.default : _ref$onClick,
+    _ref$isPreviouslySele = _ref.isPreviouslySelected,
+    isPreviouslySelected = _ref$isPreviouslySele === void 0 ? false : _ref$isPreviouslySele,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isSibling = _ref.isSibling,
+    isSibling = _ref$isSibling === void 0 ? false : _ref$isSibling,
+    year = _ref.year,
+    mode = _ref.mode,
+    testId = _ref.testId;
   var dateRef = (0, _react.useRef)({
     day: day,
     month: month,
@@ -52,11 +47,10 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   }, [day, month, year, isDisabled]);
   var handleClick = (0, _react.useCallback)(function () {
     var _dateRef$current = dateRef.current,
-        dayValue = _dateRef$current.day,
-        monthValue = _dateRef$current.month,
-        yearValue = _dateRef$current.year,
-        isDisabledValue = _dateRef$current.isDisabled;
-
+      dayValue = _dateRef$current.day,
+      monthValue = _dateRef$current.month,
+      yearValue = _dateRef$current.year,
+      isDisabledValue = _dateRef$current.isDisabled;
     if (!isDisabledValue) {
       onClick({
         day: dayValue,
@@ -68,7 +62,8 @@ 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 (// eslint-disable-next-line @repo/internal/react/use-primitives
+  return (
+    // eslint-disable-next-line @repo/internal/react/use-primitives
     (0, _react2.jsx)("button", {
       // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
       css: dateCellStyles,
@@ -88,7 +83,8 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     }, day)
   );
 }));
-Date.displayName = 'Date'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+Date.displayName = 'Date';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = Date;
 exports.default = _default;

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

@@ -1,47 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _inline = _interopRequireDefault(require("@atlaskit/ds-explorations/inline"));
-
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-
 var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
-
 var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
   var monthLongTitle = _ref.monthLongTitle,
-      year = _ref.year,
-      _ref$previousMonthLab = _ref.previousMonthLabel,
-      previousMonthLabel = _ref$previousMonthLab === void 0 ? 'Last month' : _ref$previousMonthLab,
-      _ref$nextMonthLabel = _ref.nextMonthLabel,
-      nextMonthLabel = _ref$nextMonthLabel === void 0 ? 'Next month' : _ref$nextMonthLabel,
-      handleClickPrev = _ref.handleClickPrev,
-      handleClickNext = _ref.handleClickNext,
-      testId = _ref.testId;
+    year = _ref.year,
+    _ref$previousMonthLab = _ref.previousMonthLabel,
+    previousMonthLabel = _ref$previousMonthLab === void 0 ? 'Last month' : _ref$previousMonthLab,
+    _ref$nextMonthLabel = _ref.nextMonthLabel,
+    nextMonthLabel = _ref$nextMonthLabel === void 0 ? 'Next month' : _ref$nextMonthLabel,
+    handleClickPrev = _ref.handleClickPrev,
+    handleClickNext = _ref.handleClickNext,
+    testId = _ref.testId;
   return (0, _react2.jsx)(_box.default, {
     display: "block",
-    paddingInline: "scale.100",
+    paddingInline: "space.100",
     "aria-hidden": "true"
   }, (0, _react2.jsx)(_inline.default, {
-    gap: "scale.0",
+    gap: "space.0",
     alignItems: "center",
     justifyContent: "space-between"
   }, (0, _react2.jsx)(_standardButton.default, {
@@ -74,7 +64,8 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
     })
   })));
 });
-Header.displayName = 'Header'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+Header.displayName = 'Header';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = Header;
 exports.default = _default;

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

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 /** @jsx jsx */
+
 var gridStyles = (0, _react.css)({
   display: 'grid',
   gridTemplateColumns: 'repeat(7, minmax(max-content, 1fr))'
 });
-
 /**
  * __Week day grid__
  *
@@ -21,14 +19,14 @@ var gridStyles = (0, _react.css)({
  */
 var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
-      children = _ref.children;
-  return (// eslint-disable-next-line @repo/internal/react/use-primitives
+    children = _ref.children;
+  return (
+    // eslint-disable-next-line @repo/internal/react/use-primitives
     (0, _react.jsx)("div", {
       "data-testid": testId,
       css: gridStyles
     }, children)
   );
 };
-
 var _default = WeekDayGrid;
 exports.default = _default;

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

@@ -1,26 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _date = _interopRequireDefault(require("./date"));
-
 var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
-
 /** @jsx jsx */
+
 var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
   var weeks = _ref.weeks,
-      handleClickDay = _ref.handleClickDay,
-      mode = _ref.mode,
-      testId = _ref.testId;
+    handleClickDay = _ref.handleClickDay,
+    mode = _ref.mode,
+    testId = _ref.testId;
   return (0, _react2.jsx)(_weekDayGrid.default, {
     role: "grid",
     testId: testId && "".concat(testId, "--month")
@@ -43,7 +38,8 @@ var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
     });
   }));
 });
-WeekDays.displayName = 'WeekDays'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+WeekDays.displayName = 'WeekDays';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = WeekDays;
 exports.default = _default;