@atlaskit/calendar 13.1.3 → 13.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/calendar
 
+## 13.1.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.1.4
+
+### Patch Changes
+
+- [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
+
 ## 13.1.3
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -33,7 +33,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.3"
+  packageVersion: "13.1.5"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,

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

@@ -63,7 +63,7 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     return (0, _react2.css)((0, _date.dateCellStyles)(mode));
   }, [mode]);
   return (0, _react2.jsx)("button", {
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: dateCellStyles,
     "aria-selected": isSelected ? 'true' : 'false',
     tabIndex: isSelected ? 0 : -1,

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

@@ -35,7 +35,7 @@ var dateCellStyles = function dateCellStyles() {
   return {
     all: 'unset',
     display: 'block',
-    padding: '4px 9px',
+    padding: "var(--ds-space-050, 4px)".concat(" 9px"),
     position: 'relative',
     backgroundColor: 'transparent',
     border: '2px solid transparent',
@@ -55,9 +55,9 @@ var dateCellStyles = function dateCellStyles() {
         display: 'block',
         height: 2,
         position: 'absolute',
-        right: 2,
-        bottom: 2,
-        left: 2,
+        right: "var(--ds-space-025, 2px)",
+        bottom: "var(--ds-space-025, 2px)",
+        left: "var(--ds-space-025, 2px)",
         backgroundColor: 'currentColor',
         content: '""'
       }

package/dist/cjs/version.json

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

package/dist/es2019/calendar.js

@@ -23,7 +23,7 @@ import useUniqueId from './internal/hooks/use-unique-id';
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.3"
+  packageVersion: "13.1.5"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,

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

@@ -48,7 +48,7 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
   }, [onClick]);
   const dateCellStyles = useMemo(() => css(getDateCellStyles(mode)), [mode]);
   return jsx("button", {
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: dateCellStyles,
     "aria-selected": isSelected ? 'true' : 'false',
     tabIndex: isSelected ? 0 : -1,

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

@@ -27,7 +27,7 @@ const borderColorFocused = {
 export const dateCellStyles = (mode = 'light') => ({
   all: 'unset',
   display: 'block',
-  padding: '4px 9px',
+  padding: `${"var(--ds-space-050, 4px)"} 9px`,
   position: 'relative',
   backgroundColor: 'transparent',
   border: '2px solid transparent',
@@ -47,9 +47,9 @@ export const dateCellStyles = (mode = 'light') => ({
       display: 'block',
       height: 2,
       position: 'absolute',
-      right: 2,
-      bottom: 2,
-      left: 2,
+      right: "var(--ds-space-025, 2px)",
+      bottom: "var(--ds-space-025, 2px)",
+      left: "var(--ds-space-025, 2px)",
       backgroundColor: 'currentColor',
       content: '""'
     }

package/dist/es2019/version.json

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

package/dist/esm/calendar.js

@@ -27,7 +27,7 @@ import useUniqueId from './internal/hooks/use-unique-id';
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.1.3"
+  packageVersion: "13.1.5"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

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

@@ -55,7 +55,7 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
     return css(getDateCellStyles(mode));
   }, [mode]);
   return jsx("button", {
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css: dateCellStyles,
     "aria-selected": isSelected ? 'true' : 'false',
     tabIndex: isSelected ? 0 : -1,

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

@@ -29,7 +29,7 @@ export var dateCellStyles = function dateCellStyles() {
   return {
     all: 'unset',
     display: 'block',
-    padding: '4px 9px',
+    padding: "var(--ds-space-050, 4px)".concat(" 9px"),
     position: 'relative',
     backgroundColor: 'transparent',
     border: '2px solid transparent',
@@ -49,9 +49,9 @@ export var dateCellStyles = function dateCellStyles() {
         display: 'block',
         height: 2,
         position: 'absolute',
-        right: 2,
-        bottom: 2,
-        left: 2,
+        right: "var(--ds-space-025, 2px)",
+        bottom: "var(--ds-space-025, 2px)",
+        left: "var(--ds-space-025, 2px)",
         backgroundColor: 'currentColor',
         content: '""'
       }

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "13.1.3",
+  "version": "13.1.5",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Calendar",
       "category": "Components"
@@ -38,7 +38,7 @@
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/locale": "^2.5.0",
-    "@atlaskit/primitives": "^0.9.0",
+    "@atlaskit/primitives": "^0.10.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.5.0",
     "@atlaskit/visually-hidden": "^1.2.0",

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,92 @@
+## API Report File for "@atlaskit/calendar"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { CSSProperties } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { MemoExoticComponent } from 'react';
+import { RefAttributes } from 'react';
+import { ThemeModes } from '@atlaskit/theme/types';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+type ArrowKeys = 'down' | 'left' | 'right' | 'up';
+
+// @public
+const Calendar: MemoExoticComponent<ForwardRefExoticComponent<Pick<CalendarProps, "analyticsContext" | "calendarRef" | "className" | "createAnalyticsEvent" | "day" | "defaultDay" | "defaultMonth" | "defaultPreviouslySelected" | "defaultSelected" | "defaultYear" | "disabled" | "disabledDateFilter" | "locale" | "maxDate" | "minDate" | "mode" | "month" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "onSelect" | "previousMonthLabel" | "previouslySelected" | "selected" | "style" | "tabIndex" | "testId" | "today" | "weekStartDay" | "year"> & RefAttributes<HTMLDivElement>>>;
+export default Calendar;
+
+// @public (undocumented)
+export interface CalendarProps extends WithAnalyticsEventsProps {
+    analyticsContext?: Record<string, any>;
+    // @internal
+    calendarRef?: React.Ref<CalendarRef>;
+    className?: string;
+    day?: number;
+    defaultDay?: number;
+    defaultMonth?: number;
+    defaultPreviouslySelected?: Array<string>;
+    defaultSelected?: Array<string>;
+    defaultYear?: number;
+    disabled?: Array<string>;
+    disabledDateFilter?: (date: string) => boolean;
+    locale?: string;
+    maxDate?: string;
+    minDate?: string;
+    // @internal
+    mode?: ThemeModes;
+    month?: number;
+    nextMonthLabel?: string;
+    onBlur?: React.FocusEventHandler;
+    onChange?: (event: ChangeEvent, analyticsEvent: UIAnalyticsEvent) => void;
+    onFocus?: React.FocusEventHandler;
+    onSelect?: (event: SelectEvent, analyticsEvent: UIAnalyticsEvent) => void;
+    previouslySelected?: Array<string>;
+    previousMonthLabel?: string;
+    selected?: Array<string>;
+    style?: CSSProperties;
+    tabIndex?: number;
+    testId?: string;
+    today?: string;
+    weekStartDay?: WeekDay;
+    year?: number;
+}
+
+// @public (undocumented)
+export interface CalendarRef {
+    // (undocumented)
+    navigate: (type: ArrowKeys) => void;
+}
+
+// @public (undocumented)
+export type ChangeEvent = {
+    iso: ISODate;
+    type: 'down' | 'left' | 'next' | 'prev' | 'right' | 'up';
+} & DateObj;
+
+// @public (undocumented)
+type DateObj = {
+    day: number;
+    month: number;
+    year: number;
+};
+
+// @public (undocumented)
+type ISODate = string;
+
+// @public (undocumented)
+export type SelectEvent = {
+    iso: ISODate;
+} & DateObj;
+
+// @public (undocumented)
+type WeekDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+
+// (No @packageDocumentation comment for this package)
+
+```