@atlaskit/calendar 15.1.3 → 16.1.0

package/dist/es2019/internal/components/date.compiled.css

@@ -0,0 +1,44 @@
+
+._kkk2n7od{all:unset}
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._1yt41qfp{padding:var(--ds-space-050,4px) 9px}
+._2rko1l7b{border-radius:3px}
+._189eyh40{border-width:2px}
+._1dqonqa1{border-style:solid}
+._1h6d1j28{border-color:transparent}
+._16jlkb7n{flex-grow:1}
+._18postnw:after{position:absolute}
+._1czdv77o:after{inset-inline-end:var(--ds-space-025,2px)}
+._1e0c1ule{display:block}
+._1gufv77o:after{inset-block-end:var(--ds-space-025,2px)}
+._1hfk1r31:after{background-color:currentColor}
+._1qdgyh40:after{height:2px}
+._1ywu1ule:after{display:block}
+._80om13gf{cursor:not-allowed}
+._80omtlke{cursor:pointer}
+._aetrb3bt:after{content:""}
+._bfhk18uv{background-color:initial}
+._bfhk1p4p{background-color:var(--ds-background-selected,#42526e)}
+._bfhk29zg{background-color:var(--ds-background-selected,#deebff)}
+._g0nfv77o:after{inset-inline-start:var(--ds-space-025,2px)}
+._k48p1igg{font-weight:var(--ds-font-weight-bold,bold)}
+._kqswh2mm{position:relative}
+._syaz1ldt{color:var(--ds-text-selected,#0052cc)}
+._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
+._syaz7dlb{color:var(--ds-text-disabled,#dfe1e6)}
+._syazc8hx{color:var(--ds-text-subtle,#344563)}
+._syazj3m3{color:var(--ds-text,#091e42)}
+._syazqueg{color:var(--ds-text-selected,#fff)}
+._y3gn1h6o{text-align:center}._10knnqa1:focus-visible{border-style:solid}
+._1wysyh40:focus-visible{border-width:2px}
+._pojj194a:focus-visible{border-color:var(--ds-border-focused,#2684ff)}
+._30l31uqy:hover{color:var(--ds-text-selected,#344563)}
+._30l31wmz:hover{color:var(--ds-text-subtlest,#6b778c)}
+._30l37dlb:hover{color:var(--ds-text-disabled,#dfe1e6)}
+._30l3c8hx:hover{color:var(--ds-text-subtle,#344563)}
+._30l3j3m3:hover{color:var(--ds-text,#091e42)}
+._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr318uv:hover{background-color:initial}
+._irr3quvt:hover{background-color:var(--ds-background-selected-hovered,#deebff)}
+._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._9h8hj3m3:active{color:var(--ds-text,#091e42)}

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

@@ -1,14 +1,17 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* date.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./date.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo, useCallback, useEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
-import { Grid } from '@atlaskit/primitives';
-import { dateCellStyles as getDateCellStyles } from '../styles/date';
+import { Grid } from '@atlaskit/primitives/compiled';
+import { B200, B400, B50, N0, N200, N30, N40, N500, N600, N900 } from '@atlaskit/theme/colors';
+const dateCellSiblingStyle = null;
+const dateCellTodayStyle = null;
+const dateCellPrevSelectedStyle = null;
+const dateCellSelectedStyle = null;
+const dateCellDisabledStyle = null;
+const dateCellStyles = null;
 const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
   children: day,
   isDisabled = false,
@@ -61,15 +64,10 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
       });
     }
   }, [onClick]);
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  const dateCellStyles = css(getDateCellStyles());
-  return jsx(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, {
     role: "gridcell",
     alignItems: "center"
-  }, jsx("button", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: dateCellStyles,
+  }, /*#__PURE__*/React.createElement("button", {
     "aria-current": isToday ? 'date' : undefined,
     "aria-disabled": isDisabled || undefined,
     "aria-label": `${day}, ${dayLong} ${monthLong} ${year}`,
@@ -84,7 +82,8 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
     "data-selected": isSelected || undefined,
     "data-sibling": isSibling || undefined,
     "data-today": isToday || undefined,
-    "data-testid": testId && (isSelected ? `${testId}--selected-day` : `${testId}--day`)
+    "data-testid": testId && (isSelected ? `${testId}--selected-day` : `${testId}--day`),
+    className: ax(["_1e0c1ule _1yt41qfp _kqswh2mm _16jlkb7n _kkk2n7od _bfhk18uv _1h6d1j28 _2rko1l7b _1dqonqa1 _189eyh40 _syazj3m3 _80omtlke _11c81oud _y3gn1h6o _pojj194a _10knnqa1 _1wysyh40 _irr314ae _30l3j3m3 _1di61l7b _9h8hj3m3", isSibling && "_syaz1wmz _30l31wmz", isToday && "_syaz1ldt _k48p1igg _1ywu1ule _1qdgyh40 _18postnw _1hfk1r31 _aetrb3bt _1gufv77o _1czdv77o _g0nfv77o", isPreviouslySelected && "_bfhk29zg _syazc8hx _30l3c8hx", isSelected && "_bfhk1p4p _syazqueg _irr3quvt _30l31uqy", isDisabled && "_syaz7dlb _80om13gf _irr318uv _30l37dlb"])
   }, day));
 }));
 Date.displayName = 'Date';

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

@@ -1,17 +1,10 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { memo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { memo, useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import Heading from '@atlaskit/heading';
 import ChevronLeftIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
-import { Box, Inline } from '@atlaskit/primitives';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
 const Header = /*#__PURE__*/memo(function Header({
   monthLongTitle,
   year,
@@ -47,13 +40,13 @@ const Header = /*#__PURE__*/memo(function Header({
     }
     handleClickNext(e);
   };
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.100"
-  }, jsx(Inline, {
+  }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.0",
     alignBlock: "center",
     spread: "space-between"
-  }, jsx(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     spacing: "compact",
     tabIndex: tabIndex,
@@ -61,16 +54,16 @@ const Header = /*#__PURE__*/memo(function Header({
     testId: testId && `${testId}--previous-month`,
     icon: ChevronLeftIcon,
     label: `${previousMonthLabel}, ${previousHeading}`
-  }), jsx(Box, {
+  }), /*#__PURE__*/React.createElement(Box, {
     "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
     id: announceId,
     testId: testId && `${testId}--current-month-year--container`
-  }, jsx(Heading, {
+  }, /*#__PURE__*/React.createElement(Heading, {
     size: "xsmall",
     as: "h2",
     id: headerId,
     testId: testId && `${testId}--current-month-year`
-  }, `${monthLongTitle} ${year}`)), jsx(IconButton, {
+  }, `${monthLongTitle} ${year}`)), /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     spacing: "compact",
     tabIndex: tabIndex,

package/dist/es2019/internal/components/week-day-grid.compiled.css

@@ -0,0 +1 @@
+._yv0eloeq{grid-template-columns:repeat(7,minmax(max-content,1fr))}

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

@@ -1,11 +1,12 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* week-day-grid.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./week-day-grid.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Grid } from '@atlaskit/primitives/compiled';
+const styles = {
+  templateColumns: "_yv0eloeq"
+};
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Grid } from '@atlaskit/primitives';
 /**
  * __Week day grid__
  *
@@ -17,12 +18,12 @@ const WeekDayGrid = ({
   children,
   isHidden
 }) => {
-  const row = jsx(Grid, {
+  const row = /*#__PURE__*/React.createElement(Grid, {
     testId: testId,
-    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    xcss: styles.templateColumns,
     role: "row"
   }, children);
-  return isHidden ? jsx("div", {
+  return isHidden ? /*#__PURE__*/React.createElement("div", {
     "aria-hidden": "true"
   }, row) : row;
 };

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

@@ -1,11 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { memo } from 'react';
 import Box from '@atlaskit/primitives/box';
 import DateComponent from './date';
 import WeekdayGrid from './week-day-grid';
@@ -17,13 +10,13 @@ const WeekDays = /*#__PURE__*/memo(function WeekDays({
   tabIndex,
   testId
 }) {
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     role: "rowgroup",
     testId: testId && `${testId}--month`
-  }, weeks.map((week, i) => jsx(WeekdayGrid, {
+  }, weeks.map((week, i) => /*#__PURE__*/React.createElement(WeekdayGrid, {
     key: i,
     testId: testId && `${testId}--week`
-  }, week.values.map(weekDay => jsx(DateComponent, {
+  }, week.values.map(weekDay => /*#__PURE__*/React.createElement(DateComponent, {
     key: `${week.id}-${weekDay.id}`,
     isDisabled: weekDay.isDisabled,
     isFocused: weekDay.isFocused,

package/dist/es2019/internal/components/week-header.compiled.css

@@ -0,0 +1,4 @@
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._1ul98pqr{min-width:2.5rem}
+._o5721q9c{white-space:nowrap}

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

@@ -1,35 +1,27 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* week-header.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./week-header.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box, Text } from '@atlaskit/primitives/compiled';
 import WeekDayGrid from './week-day-grid';
-const columnHeaderStyles = xcss({
-  minWidth: 'size.400',
-  // Account for languages with short week day names
-  whiteSpace: 'nowrap',
-  // Account for languages with long week day names
-  display: 'flex',
-  justifyContent: 'center'
-});
+const styles = {
+  columnHeader: "_1ul98pqr _o5721q9c _1e0c1txw _1bah1h6o"
+};
 const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
   daysShort,
   testId
 }) {
-  return jsx(WeekDayGrid, {
+  return /*#__PURE__*/React.createElement(WeekDayGrid, {
     isHidden: true,
     testId: testId && `${testId}--column-headers`
-  }, daysShort.map(shortDay => jsx(Box, {
+  }, daysShort.map(shortDay => /*#__PURE__*/React.createElement(Box, {
     padding: "space.100",
-    xcss: columnHeaderStyles,
+    xcss: styles.columnHeader,
     key: shortDay,
     role: "columnheader",
     testId: testId && `${testId}--column-header`
-  }, jsx(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     weight: "bold",
     size: "UNSAFE_small",
     align: "center",

package/dist/esm/calendar.compiled.css

@@ -0,0 +1,2 @@
+._1e0c1o8l{display:inline-block}
+._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

package/dist/esm/calendar.js

@@ -1,20 +1,17 @@
+/* calendar.tsx generated by @compiled/babel-plugin v0.32.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./calendar.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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) { _defineProperty(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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { forwardRef, memo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { Box, Stack, xcss } from '@atlaskit/primitives';
+import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Header from './internal/components/header';
 import WeekDaysComponent from './internal/components/week-days';
 import WeekHeaderComponent from './internal/components/week-header';
@@ -25,14 +22,13 @@ import useGetWeeks from './internal/hooks/use-get-weeks';
 import useHandleDateChange from './internal/hooks/use-handle-date-change';
 import useHandleDateSelect from './internal/hooks/use-handle-date-select';
 import useLocale from './internal/hooks/use-locale';
-var boxStyles = xcss({
-  display: 'inline-block',
-  userSelect: 'none'
-});
+var styles = {
+  box: "_1e0c1o8l _uiztglyw"
+};
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "15.1.3"
+  packageVersion: "16.1.0"
 };
 var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -185,8 +181,9 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   };
   var headerId = useId();
   return (
+    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    jsx("div", {
+    React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: className
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -196,14 +193,14 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
       onFocus: handleContainerFocus,
       "data-testid": testId && "".concat(testId, "--container"),
       ref: ref
-    }, jsx(Box, {
-      xcss: boxStyles,
+    }, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.box,
       padding: "space.200",
       "aria-label": "calendar",
       testId: testId && "".concat(testId, "--calendar")
-    }, jsx(Stack, {
+    }, /*#__PURE__*/React.createElement(Stack, {
       space: "space.150"
-    }, jsx(Header
+    }, /*#__PURE__*/React.createElement(Header
     // The month number needs to be translated to index in the month
     // name array e.g. 1 (January) -> 0
     , {
@@ -218,15 +215,15 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
       headerId: headerId,
       tabIndex: tabIndex,
       testId: testId
-    }), jsx(Box, {
+    }), /*#__PURE__*/React.createElement(Box, {
       role: "grid",
       onKeyDown: handleContainerKeyDown,
       "aria-labelledby": headerId,
       testId: testId && "".concat(testId, "--calendar-dates")
-    }, jsx(WeekHeaderComponent, {
+    }, /*#__PURE__*/React.createElement(WeekHeaderComponent, {
       daysShort: daysShort,
       testId: testId
-    }), jsx(WeekDaysComponent, {
+    }), /*#__PURE__*/React.createElement(WeekDaysComponent, {
       weeks: weeks,
       handleClickDay: handleClickDay,
       monthsLong: monthsLong,
@@ -247,7 +244,7 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
  * - [Usage](https://atlassian.design/components/calendar/usage)
  */
 var Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Calendar(props, ref) {
-  return jsx(InnerCalendar, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(InnerCalendar, _extends({}, props, {
     ref: ref
   }));
 }));

package/dist/esm/internal/components/date.compiled.css

@@ -0,0 +1,44 @@
+
+._kkk2n7od{all:unset}
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._1yt432tv{padding:var(--_1arop38)}
+._2rko1l7b{border-radius:3px}
+._189eyh40{border-width:2px}
+._1dqonqa1{border-style:solid}
+._1h6d1j28{border-color:transparent}
+._16jlkb7n{flex-grow:1}
+._18postnw:after{position:absolute}
+._1czdv77o:after{inset-inline-end:var(--ds-space-025,2px)}
+._1e0c1ule{display:block}
+._1gufv77o:after{inset-block-end:var(--ds-space-025,2px)}
+._1hfk1r31:after{background-color:currentColor}
+._1qdgyh40:after{height:2px}
+._1ywu1ule:after{display:block}
+._80om13gf{cursor:not-allowed}
+._80omtlke{cursor:pointer}
+._aetrb3bt:after{content:""}
+._bfhk18uv{background-color:initial}
+._bfhk1kxl{background-color:var(--_rryx0a)}
+._bfhky9dz{background-color:var(--_7nwbia)}
+._g0nfv77o:after{inset-inline-start:var(--ds-space-025,2px)}
+._k48p1igg{font-weight:var(--ds-font-weight-bold,bold)}
+._kqswh2mm{position:relative}
+._syaz11g7{color:var(--_y28k9g)}
+._syaz1a5u{color:var(--_1oh641w)}
+._syazf50w{color:var(--_118fb4h)}
+._syazln51{color:var(--_1hfkvbo)}
+._syazovqm{color:var(--_5xk3r4)}
+._syazpsu8{color:var(--_vrm7dk)}
+._y3gn1h6o{text-align:center}._10knnqa1:focus-visible{border-style:solid}
+._1wysyh40:focus-visible{border-width:2px}
+._pojj3zdg:focus-visible{border-color:var(--_xjqa3d)}
+._30l31a5u:hover{color:var(--_1oh641w)}
+._30l3dgff:hover{color:var(--_f9evi3)}
+._30l3f50w:hover{color:var(--_118fb4h)}
+._30l3ovqm:hover{color:var(--_5xk3r4)}
+._30l3psu8:hover{color:var(--_vrm7dk)}
+._irr318uv:hover{background-color:initial}
+._irr32tgk:hover{background-color:var(--_1y60f1n)}
+._irr3j4m7:hover{background-color:var(--_1wu4xsl)}
+._1di618xb:active{background-color:var(--_18th9fi)}
+._9h8hovqm:active{color:var(--_5xk3r4)}

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

@@ -1,14 +1,17 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* date.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./date.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo, useCallback, useEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
-import { Grid } from '@atlaskit/primitives';
-import { dateCellStyles as getDateCellStyles } from '../styles/date';
+import { Grid } from '@atlaskit/primitives/compiled';
+import { B200, B400, B50, N0, N200, N30, N40, N500, N600, N900 } from '@atlaskit/theme/colors';
+var dateCellSiblingStyle = null;
+var dateCellTodayStyle = null;
+var dateCellPrevSelectedStyle = null;
+var dateCellSelectedStyle = null;
+var dateCellDisabledStyle = null;
+var dateCellStyles = null;
 var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref2, _ref) {
   var day = _ref2.children,
     _ref2$isDisabled = _ref2.isDisabled,
@@ -66,15 +69,10 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref2, _ref)
       });
     }
   }, [onClick]);
-
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var dateCellStyles = css(getDateCellStyles());
-  return jsx(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, {
     role: "gridcell",
     alignItems: "center"
-  }, jsx("button", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: dateCellStyles,
+  }, /*#__PURE__*/React.createElement("button", {
     "aria-current": isToday ? 'date' : undefined,
     "aria-disabled": isDisabled || undefined,
     "aria-label": "".concat(day, ", ").concat(dayLong, " ").concat(monthLong, " ").concat(year),
@@ -89,7 +87,24 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref2, _ref)
     "data-selected": isSelected || undefined,
     "data-sibling": isSibling || undefined,
     "data-today": isToday || undefined,
-    "data-testid": testId && (isSelected ? "".concat(testId, "--selected-day") : "".concat(testId, "--day"))
+    "data-testid": testId && (isSelected ? "".concat(testId, "--selected-day") : "".concat(testId, "--day")),
+    className: ax(["_1e0c1ule _1yt432tv _kqswh2mm _16jlkb7n _kkk2n7od _bfhk18uv _1h6d1j28 _2rko1l7b _1dqonqa1 _189eyh40 _syazovqm _80omtlke _11c81oud _y3gn1h6o _pojj3zdg _10knnqa1 _1wysyh40 _irr32tgk _30l3ovqm _1di618xb _9h8hovqm", isSibling && "_syazpsu8 _30l3psu8", isToday && "_syazln51 _k48p1igg _1ywu1ule _1qdgyh40 _18postnw _1hfk1r31 _aetrb3bt _1gufv77o _1czdv77o _g0nfv77o", isPreviouslySelected && "_bfhk1kxl _syaz1a5u _30l31a5u", isSelected && "_bfhky9dz _syaz11g7 _irr3j4m7 _30l3dgff", isDisabled && "_syazf50w _80om13gf _irr318uv _30l3f50w"]),
+    style: {
+      "--_1arop38": ix("var(--ds-space-050, 4px)".concat(" 9px")),
+      "--_5xk3r4": ix("var(--ds-text, ".concat(N900, ")")),
+      "--_xjqa3d": ix("var(--ds-border-focused, ".concat(B200, ")")),
+      "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),
+      "--_18th9fi": ix("var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")")),
+      "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")")),
+      "--_1hfkvbo": ix("var(--ds-text-selected, ".concat(B400, ")")),
+      "--_rryx0a": ix("var(--ds-background-selected, ".concat(B50, ")")),
+      "--_1oh641w": ix("var(--ds-text-subtle, ".concat(N600, ")")),
+      "--_7nwbia": ix("var(--ds-background-selected, ".concat(N500, ")")),
+      "--_y28k9g": ix("var(--ds-text-selected, ".concat(N0, ")")),
+      "--_1wu4xsl": ix("var(--ds-background-selected-hovered, ".concat(B50, ")")),
+      "--_f9evi3": ix("var(--ds-text-selected, ".concat(N600, ")")),
+      "--_118fb4h": ix("var(--ds-text-disabled, ".concat(N40, ")"))
+    }
   }, day));
 }));
 Date.displayName = 'Date';

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

@@ -1,18 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { memo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { memo, useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import Heading from '@atlaskit/heading';
 import ChevronLeftIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
 import ChevronRightIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
-import { Box, Inline } from '@atlaskit/primitives';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
 var Header = /*#__PURE__*/memo(function Header(_ref) {
   var monthLongTitle = _ref.monthLongTitle,
     year = _ref.year,
@@ -52,13 +45,13 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
     }
     handleClickNext(e);
   };
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.100"
-  }, jsx(Inline, {
+  }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.0",
     alignBlock: "center",
     spread: "space-between"
-  }, jsx(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     spacing: "compact",
     tabIndex: tabIndex,
@@ -66,16 +59,16 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
     testId: testId && "".concat(testId, "--previous-month"),
     icon: ChevronLeftIcon,
     label: "".concat(previousMonthLabel, ", ").concat(previousHeading)
-  }), jsx(Box, {
+  }), /*#__PURE__*/React.createElement(Box, {
     "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
     id: announceId,
     testId: testId && "".concat(testId, "--current-month-year--container")
-  }, jsx(Heading, {
+  }, /*#__PURE__*/React.createElement(Heading, {
     size: "xsmall",
     as: "h2",
     id: headerId,
     testId: testId && "".concat(testId, "--current-month-year")
-  }, "".concat(monthLongTitle, " ").concat(year))), jsx(IconButton, {
+  }, "".concat(monthLongTitle, " ").concat(year))), /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     spacing: "compact",
     tabIndex: tabIndex,

package/dist/esm/internal/components/week-day-grid.compiled.css

@@ -0,0 +1 @@
+._yv0eloeq{grid-template-columns:repeat(7,minmax(max-content,1fr))}

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

@@ -1,11 +1,12 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* week-day-grid.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./week-day-grid.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Grid } from '@atlaskit/primitives/compiled';
+var styles = {
+  templateColumns: "_yv0eloeq"
+};
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { Grid } from '@atlaskit/primitives';
 /**
  * __Week day grid__
  *
@@ -16,12 +17,12 @@ var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
     children = _ref.children,
     isHidden = _ref.isHidden;
-  var row = jsx(Grid, {
+  var row = /*#__PURE__*/React.createElement(Grid, {
     testId: testId,
-    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    xcss: styles.templateColumns,
     role: "row"
   }, children);
-  return isHidden ? jsx("div", {
+  return isHidden ? /*#__PURE__*/React.createElement("div", {
     "aria-hidden": "true"
   }, row) : row;
 };

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

@@ -1,11 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { memo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { memo } from 'react';
 import Box from '@atlaskit/primitives/box';
 import DateComponent from './date';
 import WeekdayGrid from './week-day-grid';
@@ -16,15 +9,15 @@ var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
     shouldSetFocus = _ref.shouldSetFocus,
     tabIndex = _ref.tabIndex,
     testId = _ref.testId;
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     role: "rowgroup",
     testId: testId && "".concat(testId, "--month")
   }, weeks.map(function (week, i) {
-    return jsx(WeekdayGrid, {
+    return /*#__PURE__*/React.createElement(WeekdayGrid, {
       key: i,
       testId: testId && "".concat(testId, "--week")
     }, week.values.map(function (weekDay) {
-      return jsx(DateComponent, {
+      return /*#__PURE__*/React.createElement(DateComponent, {
         key: "".concat(week.id, "-").concat(weekDay.id),
         isDisabled: weekDay.isDisabled,
         isFocused: weekDay.isFocused,

package/dist/esm/internal/components/week-header.compiled.css

@@ -0,0 +1,4 @@
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._1ul98pqr{min-width:2.5rem}
+._o5721q9c{white-space:nowrap}