@atlaskit/datetime-picker 16.2.3 → 17.0.1

package/dist/esm/internal/date-time-picker-container.js

@@ -1,70 +1,20 @@
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./date-time-picker-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/react';
-import { B100, N0, N100, N20, N30, R400 } from '@atlaskit/theme/colors';
-var isInvalidBorderStyles = css({
-  borderColor: "var(--ds-border-danger, ".concat(R400, ")")
-});
-var isFocusedBorderStyles = css({
-  borderColor: "var(--ds-border-focused, ".concat(B100, ")"),
-  boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(B100, ")"))
-});
-var isFocusedStyles = css({
-  backgroundColor: "var(--ds-background-input-pressed, ".concat(N0, ")")
-});
-var subtleBgStyles = css({
-  backgroundColor: 'transparent',
-  borderColor: 'transparent'
-});
-var subtleFocusedBgStyles = css({
-  backgroundColor: "var(--ds-background-input-pressed, transparent)",
-  borderColor: 'transparent'
-});
-var noBgStyles = css({
-  backgroundColor: 'transparent',
-  borderColor: 'transparent',
-  '&:hover': {
-    backgroundColor: 'transparent',
-    borderColor: 'transparent'
-  }
-});
-var hoverStyles = css({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-input-hovered, ".concat(N30, ")"),
-    borderColor: "var(--ds-border-input, ".concat(N100, ")")
-  }
-});
-var isInvalidHoverStyles = css({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-input-hovered, ".concat(N0, ")"),
-    borderColor: "var(--ds-border-danger, ".concat(R400, ")")
-  }
-});
-var isDisabledStyles = css({
-  backgroundColor: "var(--ds-background-disabled, #091E4208)",
-  borderColor: "var(--ds-border-disabled, #091E420F)",
-  '&:hover': {
-    cursor: 'default'
-  }
-});
-var newBorderStyles = css({
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")"))
-});
-var baseContainerStyles = css({
-  display: 'flex',
-  backgroundColor: "var(--ds-background-input, ".concat(N20, ")"),
-  border: "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
-  borderRadius: "var(--ds-border-radius, 3px)",
-  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
-  '&:hover': {
-    cursor: 'pointer'
-  }
-});
+var isInvalidBorderStyles = null;
+var isFocusedBorderStyles = null;
+var isFocusedStyles = null;
+var subtleBgStyles = null;
+var subtleFocusedBgStyles = null;
+var noBgStyles = null;
+var hoverStyles = null;
+var isInvalidHoverStyles = null;
+var isDisabledStyles = null;
+var newBorderStyles = null;
+var baseContainerStyles = null;
 /**
  * This is the container for the datetime picker component.
  */
@@ -79,10 +29,13 @@ export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref
   var notFocusedOrIsDisabled = !(isFocused || isDisabled);
 
   // we cannot use Box or Flex primitives because these do not allow ...innerProps to be passed
-  return jsx("div", _extends({
-    css: [baseContainerStyles, newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
-  }, innerProps, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
     "data-testid": testId,
-    ref: ref
+    ref: ref,
+    className: ax(["_2rkoglpi _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itp69y", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsic8z", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"]),
+    style: {
+      "--_1p9iyo2": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8590A2)")),
+      "--_1p9nqfm": ix("inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #388BFF)"))
+    }
   }), children);
 });

package/dist/esm/internal/ff-component.js

@@ -43,7 +43,5 @@ export function componentWithCondition(condition, ComponentTrue, ComponentFalse)
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = "ComponentWithCondition[".concat(condition.name, "]");
   }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   return ComponentWithCondition;
 }

package/dist/esm/internal/fixed-layer-menu.js

@@ -1,12 +1,9 @@
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
 import FixedLayer from '../internal/fixed-layer';
 
@@ -37,12 +34,12 @@ export var FixedLayerMenu = function FixedLayerMenu(_ref) {
     setValue = _ref.setValue,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return jsx(FixedLayer, {
+  return /*#__PURE__*/React.createElement(FixedLayer, {
     inputValue: selectProps.inputValue
     //@ts-ignore react-select unsupported props
     ,
     containerRef: selectProps.fixedLayerRef,
-    content: jsx(components.Menu, _extends({}, rest, {
+    content: /*#__PURE__*/React.createElement(components.Menu, _extends({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
       className: className,
       clearValue: clearValue,

package/dist/esm/internal/fixed-layer.compiled.css

@@ -0,0 +1,4 @@
+._154ize3t{top:var(--ds-space-0,0)}
+._1pbyowjs{z-index:300}
+._bfhk1j28{background-color:transparent}
+._kqswstnw{position:absolute}

package/dist/esm/internal/fixed-layer.js

@@ -1,19 +1,22 @@
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
+import "./fixed-layer.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize, layers } from '@atlaskit/theme/constants';
+var styles = {
+  root: "_bfhk1j28 _kqswstnw _154ize3t",
+  popperStyles: "_1pbyowjs"
+};
 /**
  * This component renders layered content with fixed positioning.
  * Scroll is locked outside the layer to prevent the layered content from detaching from the
@@ -53,12 +56,9 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.createElement("div", null);
       }
       var divStyles = {
-        background: 'transparent',
-        position: 'absolute',
-        top: 0,
         height: containerRef.getBoundingClientRect().height,
         // Don't block the clear button
-        width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize()
+        width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - 8
       };
       return (
         /*#__PURE__*/
@@ -70,7 +70,8 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/React.createElement("div", {
             ref: ref,
             "data-layer-child": true,
-            style: divStyles
+            style: divStyles,
+            className: ax([styles.root])
           });
         }), /*#__PURE__*/React.createElement(Popper, null, function (_ref2) {
           var ref = _ref2.ref,
@@ -81,10 +82,9 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
             ref: ref
             // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
             ,
-            style: _objectSpread(_objectSpread({}, style), {}, {
-              zIndex: layers.dialog()
-            }),
-            "data-testid": testId && "".concat(testId, "--popper--container")
+            style: style,
+            "data-testid": testId && "".concat(testId, "--popper--container"),
+            className: ax([styles.popperStyles])
           }, content);
         }))
       );

package/dist/esm/internal/indicators-container.compiled.css

@@ -0,0 +1,2 @@
+._ahbq1ejb{margin-inline-start:var(--ds-space-300,24px)}
+._ahbqxy5q{margin-inline-start:var(--ds-space-400,2pc)}

package/dist/esm/internal/indicators-container.js

@@ -1,25 +1,20 @@
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["showClearIndicator"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import "./indicators-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
-var calendarButtonInclusionStyles = css({
-  marginInlineStart: "var(--ds-space-400, 32px)"
-});
-var calendarButtonOnlyInclusionStyles = css({
-  marginInlineStart: "var(--ds-space-300, 24px)"
-});
+var styles = {
+  calendarButtonInclusionStyles: "_ahbqxy5q",
+  calendarButtonOnlyInclusionStyles: "_ahbq1ejb"
+};
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var IndicatorsContainer = function IndicatorsContainer(_ref) {
   var showClearIndicator = _ref.showClearIndicator,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return jsx("div", {
-    css: showClearIndicator ? calendarButtonInclusionStyles : calendarButtonOnlyInclusionStyles
-  }, jsx(components.IndicatorsContainer, rest));
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([showClearIndicator ? styles.calendarButtonInclusionStyles : styles.calendarButtonOnlyInclusionStyles])
+  }, /*#__PURE__*/React.createElement(components.IndicatorsContainer, rest));
 };

package/dist/esm/internal/menu.compiled.css

@@ -0,0 +1,6 @@
+
+._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._18m915vq{overflow-y:hidden}
+._1pbyowjs{z-index:300}
+._1reo15vq{overflow-x:hidden}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

package/dist/esm/internal/menu.js

@@ -1,16 +1,12 @@
+/* menu.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import "./menu.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
 import { Layering } from '@atlaskit/layering';
-import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
 
 /**
@@ -27,13 +23,7 @@ function getValidDate(isos) {
     } : acc;
   }, {});
 }
-var menuStyles = css({
-  zIndex: layers.dialog(),
-  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
-  borderRadius: "var(--ds-border-radius, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
-  overflow: 'hidden'
-});
+var menuStyles = null;
 
 /**
  * This is the menu used in the select of the date picker.
@@ -56,24 +46,15 @@ export var Menu = function Menu(_ref) {
     event.preventDefault();
   };
   var Wrapper = typeof MenuInnerWrapper === 'function' ? MenuInnerWrapper : Fragment;
-  return jsx(Layering, {
+  return /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
-  }, jsx(FixedLayer, {
+  }, /*#__PURE__*/React.createElement(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content:
-    // The mousedown event is required for a date selection to work when
-    // the menu is opened via the calendar button. The reason why is
-    // because there is a mousedown event on the menu inside of
-    // `react-select` that will stop the calendar select event from
-    // firing. This is passed in via the `innerProps`. Therefore, we must
-    // pass it in *after* the `innerProps` spread.
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    jsx("div", _extends({
-      css: menuStyles
-    }, innerProps, {
-      onMouseDown: onMenuMouseDown
-    }), jsx(Wrapper, null, jsx(Calendar, {
+    content: /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
+      onMouseDown: onMenuMouseDown,
+      className: ax(["_2rkoglpi _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs1cd0"])
+    }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Calendar, {
       day: day,
       month: month,
       year: year,

package/dist/types/components/date-picker-class.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -76,7 +75,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     onSelectChange: (_value: unknown, action: ActionMeta) => void;
     handleSelectInputChange: (selectInputValue: string, actionMeta: InputActionMeta) => void;
     getContainerRef: (ref: HTMLElement | null) => void;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }
 export { DatePickerComponent as DatePickerWithoutAnalytics };
 /**
@@ -97,7 +96,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
+} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
     disabled?: string[] | undefined;
     defaultValue?: string | undefined;
     onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;

package/dist/types/components/date-picker.d.ts

@@ -8,7 +8,7 @@ declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc"
     onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
-} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
+} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
     disabled?: string[] | undefined;
     defaultValue?: string | undefined;
     onFocus?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;

package/dist/types/components/date-time-picker-class.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';
 interface State {
     dateValue: string;
@@ -40,7 +39,7 @@ declare class DateTimePickerComponent extends React.Component<DateTimePickerBase
         timeValue: string;
         zoneValue: string;
     }): void;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }
 export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
 /**
@@ -64,13 +63,13 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
     value?: string | undefined;
+    name?: string | undefined;
+    spacing?: import("../types").Spacing | undefined;
     testId?: string | undefined;
-    locale?: string | undefined;
     clearControlLabel?: string | undefined;
     isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    name?: string | undefined;
-    spacing?: import("../types").Spacing | undefined;
+    locale?: string | undefined;
     datePickerProps?: import("../types").DatePickerBaseProps | undefined;
     timePickerProps?: import("../types").TimePickerBaseProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types/components/date-time-picker.d.ts

@@ -11,13 +11,13 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
     onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
     value?: string | undefined;
+    name?: string | undefined;
+    spacing?: import("..").Spacing | undefined;
     testId?: string | undefined;
-    locale?: string | undefined;
     clearControlLabel?: string | undefined;
     isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    name?: string | undefined;
-    spacing?: import("..").Spacing | undefined;
+    locale?: string | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types/internal/date-time-picker-container.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 /// <reference types="react" />
 import { type Appearance } from '../types';
 type DateTimePickerContainerProps = {

package/dist/types/internal/fixed-layer-menu.d.ts

@@ -1,10 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, children, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
+export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, children, ...rest }: MenuProps<OptionType>) => JSX.Element;

package/dist/types/internal/fixed-layer.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 interface FixedLayerProps {
     /**
@@ -28,6 +32,6 @@ interface FixedLayerProps {
 export default class FixedLayer extends React.Component<FixedLayerProps> {
     update: () => void;
     componentDidUpdate(prevProps: any): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export {};

package/dist/types/internal/indicators-container.d.ts

@@ -2,8 +2,8 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type IndicatorsContainerProps } from '@atlaskit/select';
 export declare const IndicatorsContainer: ({ showClearIndicator, ...rest }: IndicatorsContainerProps<any, boolean, import("@atlaskit/select").GroupType<any>> & {
     showClearIndicator?: boolean | undefined;
-}) => jsx.JSX.Element;
+}) => JSX.Element;

package/dist/types/internal/menu.d.ts

@@ -1,6 +1,10 @@
-import { jsx } from '@emotion/react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
 import { type MenuProps } from '@atlaskit/select';
 /**
  * This is the menu used in the select of the date picker.
  */
-export declare const Menu: ({ selectProps, innerProps }: MenuProps<any>) => jsx.JSX.Element;
+export declare const Menu: ({ selectProps, innerProps }: MenuProps<any>) => JSX.Element;

package/dist/types-ts4.5/components/date-picker-class.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -76,7 +75,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     onSelectChange: (_value: unknown, action: ActionMeta) => void;
     handleSelectInputChange: (selectInputValue: string, actionMeta: InputActionMeta) => void;
     getContainerRef: (ref: HTMLElement | null) => void;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }
 export { DatePickerComponent as DatePickerWithoutAnalytics };
 /**
@@ -97,7 +96,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
+} & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
     disabled?: string[] | undefined;
     defaultValue?: string | undefined;
     onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;

package/dist/types-ts4.5/components/date-picker.d.ts

@@ -8,7 +8,7 @@ declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc"
     onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
-} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
+} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "name" | "spacing" | "testId" | "clearControlLabel" | "isInvalid" | "isRequired" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
     disabled?: string[] | undefined;
     defaultValue?: string | undefined;
     onFocus?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;

package/dist/types-ts4.5/components/date-time-picker-class.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';
 interface State {
     dateValue: string;
@@ -40,7 +39,7 @@ declare class DateTimePickerComponent extends React.Component<DateTimePickerBase
         timeValue: string;
         zoneValue: string;
     }): void;
-    render(): jsx.JSX.Element;
+    render(): JSX.Element;
 }
 export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
 /**
@@ -64,13 +63,13 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
     value?: string | undefined;
+    name?: string | undefined;
+    spacing?: import("../types").Spacing | undefined;
     testId?: string | undefined;
-    locale?: string | undefined;
     clearControlLabel?: string | undefined;
     isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    name?: string | undefined;
-    spacing?: import("../types").Spacing | undefined;
+    locale?: string | undefined;
     datePickerProps?: import("../types").DatePickerBaseProps | undefined;
     timePickerProps?: import("../types").TimePickerBaseProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types-ts4.5/components/date-time-picker.d.ts

@@ -11,13 +11,13 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
     onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
     value?: string | undefined;
+    name?: string | undefined;
+    spacing?: import("..").Spacing | undefined;
     testId?: string | undefined;
-    locale?: string | undefined;
     clearControlLabel?: string | undefined;
     isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    name?: string | undefined;
-    spacing?: import("..").Spacing | undefined;
+    locale?: string | undefined;
     datePickerProps?: import("..").DatePickerProps | undefined;
     timePickerProps?: import("..").TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {

package/dist/types-ts4.5/internal/date-time-picker-container.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type Appearance } from '../types';
 type DateTimePickerContainerProps = {
     children?: React.ReactNode;

package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts

@@ -1,10 +1,6 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, children, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
+export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, children, ...rest }: MenuProps<OptionType>) => JSX.Element;

package/dist/types-ts4.5/internal/fixed-layer.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 interface FixedLayerProps {
     /**
@@ -28,6 +32,6 @@ interface FixedLayerProps {
 export default class FixedLayer extends React.Component<FixedLayerProps> {
     update: () => void;
     componentDidUpdate(prevProps: any): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export {};