@atlaskit/datetime-picker 15.10.3 → 15.10.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/datetime-picker
 
+## 15.10.5
+
+### Patch Changes
+
+- [#178643](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178643)
+  [`598b1dc3753cc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/598b1dc3753cc) -
+  Fix instances of module level FG evaluation
+- Updated dependencies
+
+## 15.10.4
+
+### Patch Changes
+
+- [#177875](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177875)
+  [`d0c3d27216b7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0c3d27216b7c) -
+  Clean up props for select new improvement on theme and customized components
+- Updated dependencies
+
 ## 15.10.3
 
 ### Patch Changes

package/dist/cjs/components/date-picker-class.js

@@ -41,7 +41,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var dropdownIndicatorStyles = (0, _primitives.xcss)({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -49,11 +49,6 @@ var dropdownIndicatorStyles = (0, _primitives.xcss)({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
-var CalendarIcon = (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-_calendar2.default;
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -109,6 +104,9 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
     (0, _defineProperty2.default)(_this, "containerRef", null);
     (0, _defineProperty2.default)(_this, "calendarRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(_this, "calendarButtonRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(_this, "CalendarIcon", (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+    _calendar2.default);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     (0, _defineProperty2.default)(_this, "getValue", function () {
@@ -439,7 +437,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         disabled = _this$props.disabled,
         disabledDateFilter = _this$props.disabledDateFilter,
         _this$props$icon = _this$props.icon,
-        Icon = _this$props$icon === void 0 ? CalendarIcon : _this$props$icon,
+        Icon = _this$props$icon === void 0 ? this.CalendarIcon : _this$props$icon,
         _this$props$id = _this$props.id,
         id = _this$props$id === void 0 ? '' : _this$props$id,
         _this$props$innerProp = _this$props.innerProps,
@@ -642,7 +640,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
             "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
             id: openCalendarLabelId,
             icon: function icon(iconProps) {
-              return (0, _react2.jsx)(CalendarIcon, (0, _extends2.default)({}, iconProps, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
+              return (0, _react2.jsx)(_this2.CalendarIcon, (0, _extends2.default)({}, iconProps, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
                 color: "var(--ds-icon, #44546F)"
               } : {
                 primaryColor: "var(--ds-icon, #44546F)"

package/dist/cjs/components/date-picker-fc.js

@@ -39,7 +39,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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) { (0, _defineProperty2.default)(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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -55,11 +55,6 @@ var dropdownIndicatorStyles = (0, _primitives.xcss)({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval, @atlaskit/platform/ensure-feature-flag-prefix
-var CalendarIcon = (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-_calendar2.default;
 var iconContainerStyles = (0, _primitives.xcss)({
   display: 'flex',
   height: '100%',
@@ -96,6 +91,9 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var containerRef = (0, _react.useRef)(null);
   var calendarRef = (0, _react.useRef)(null);
   var calendarButtonRef = (0, _react.useRef)(null);
+  var CalendarIcon = (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
+  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+  _calendar2.default;
   var _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     _props$autoFocus = props.autoFocus,

package/dist/cjs/components/date-time-picker-class.js

@@ -37,7 +37,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

package/dist/cjs/components/date-time-picker-fc.js

@@ -37,7 +37,7 @@ function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

package/dist/cjs/components/time-picker.js

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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) { (0, _defineProperty2.default)(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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _select = require("@atlaskit/select");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
-var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "theme", "children"];
+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
@@ -41,7 +41,6 @@ var FixedLayerMenu = exports.FixedLayerMenu = function FixedLayerMenu(_ref) {
     selectOption = _ref.selectOption,
     selectProps = _ref.selectProps,
     setValue = _ref.setValue,
-    theme = _ref.theme,
     children = _ref.children,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)(_fixedLayer.default, {
@@ -72,9 +71,6 @@ var FixedLayerMenu = exports.FixedLayerMenu = function FixedLayerMenu(_ref) {
       selectOption: selectOption,
       selectProps: selectProps,
       setValue: setValue
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-      ,
-      theme: theme
     }), children)
     //@ts-ignore react-select unsupported props
     ,

package/dist/cjs/internal/single-value.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
-var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 /**
  * This creates a functional component that `react-select` will use to make the
  * SingleValue part of the different pickers.
@@ -32,7 +32,6 @@ var makeSingleValue = exports.makeSingleValue = function makeSingleValue(_ref) {
       selectOption = _ref2.selectOption,
       selectProps = _ref2.selectProps,
       setValue = _ref2.setValue,
-      theme = _ref2.theme,
       rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return /*#__PURE__*/_react.default.createElement(_select.components.SingleValue, (0, _extends2.default)({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -53,9 +52,6 @@ var makeSingleValue = exports.makeSingleValue = function makeSingleValue(_ref) {
       selectOption: selectOption,
       selectProps: selectProps,
       setValue: setValue
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-      ,
-      theme: theme
     }), children);
   };
 };

package/dist/es2019/components/date-picker-class.js

@@ -25,7 +25,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.3";
+const packageVersion = "15.10.5";
 const dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -33,11 +33,6 @@ const dropdownIndicatorStyles = xcss({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
-const CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-CalendarIconOld;
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -89,6 +84,9 @@ class DatePickerComponent extends Component {
     _defineProperty(this, "containerRef", null);
     _defineProperty(this, "calendarRef", /*#__PURE__*/createRef());
     _defineProperty(this, "calendarButtonRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "CalendarIcon", fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+    CalendarIconOld);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     _defineProperty(this, "getValue", () => {
@@ -425,7 +423,7 @@ class DatePickerComponent extends Component {
       openCalendarLabel = 'Open calendar',
       disabled,
       disabledDateFilter,
-      icon: Icon = CalendarIcon,
+      icon: Icon = this.CalendarIcon,
       id = '',
       innerProps = {},
       inputLabel = 'Date picker',
@@ -619,7 +617,7 @@ class DatePickerComponent extends Component {
         label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
         "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
         id: openCalendarLabelId,
-        icon: iconProps => jsx(CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+        icon: iconProps => jsx(this.CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
           color: "var(--ds-icon, #44546F)"
         } : {
           primaryColor: "var(--ds-icon, #44546F)"

package/dist/es2019/components/date-picker-fc.js

@@ -24,7 +24,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.3";
+const packageVersion = "15.10.5";
 const analyticsAttributes = {
   componentName: 'datePicker',
   packageName,
@@ -40,11 +40,6 @@ const dropdownIndicatorStyles = xcss({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval, @atlaskit/platform/ensure-feature-flag-prefix
-const CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-CalendarIconOld;
 const iconContainerStyles = xcss({
   display: 'flex',
   height: '100%',
@@ -81,6 +76,9 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const containerRef = useRef(null);
   const calendarRef = useRef(null);
   const calendarButtonRef = useRef(null);
+  const CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
+  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+  CalendarIconOld;
   const {
     appearance = 'default',
     autoFocus = false,

package/dist/es2019/components/date-time-picker-class.js

@@ -22,7 +22,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.3";
+const packageVersion = "15.10.5";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

package/dist/es2019/components/date-time-picker-fc.js

@@ -18,7 +18,7 @@ const DatePicker = componentWithCondition(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.3";
+const packageVersion = "15.10.5";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

package/dist/es2019/components/time-picker.js

@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.3";
+const packageVersion = "15.10.5";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -33,7 +33,6 @@ export const FixedLayerMenu = ({
   selectOption,
   selectProps,
   setValue,
-  theme,
   children,
   ...rest
 }) => jsx(FixedLayer, {
@@ -64,9 +63,6 @@ export const FixedLayerMenu = ({
     selectOption: selectOption,
     selectProps: selectProps,
     setValue: setValue
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    theme: theme
   }), children)
   //@ts-ignore react-select unsupported props
   ,

package/dist/es2019/internal/single-value.js

@@ -24,7 +24,6 @@ export const makeSingleValue = ({
   selectOption,
   selectProps,
   setValue,
-  theme,
   ...rest
 }) => {
   return /*#__PURE__*/React.createElement(components.SingleValue, _extends({}, rest, {
@@ -46,8 +45,5 @@ export const makeSingleValue = ({
     selectOption: selectOption,
     selectProps: selectProps,
     setValue: setValue
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    theme: theme
   }), children);
 };

package/dist/esm/components/date-picker-class.js

@@ -34,7 +34,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -42,11 +42,6 @@ var dropdownIndicatorStyles = xcss({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
-var CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-CalendarIconOld;
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -102,6 +97,9 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "containerRef", null);
     _defineProperty(_this, "calendarRef", /*#__PURE__*/createRef());
     _defineProperty(_this, "calendarButtonRef", /*#__PURE__*/createRef());
+    _defineProperty(_this, "CalendarIcon", fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
+    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+    CalendarIconOld);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     _defineProperty(_this, "getValue", function () {
@@ -432,7 +430,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         disabled = _this$props.disabled,
         disabledDateFilter = _this$props.disabledDateFilter,
         _this$props$icon = _this$props.icon,
-        Icon = _this$props$icon === void 0 ? CalendarIcon : _this$props$icon,
+        Icon = _this$props$icon === void 0 ? this.CalendarIcon : _this$props$icon,
         _this$props$id = _this$props.id,
         id = _this$props$id === void 0 ? '' : _this$props$id,
         _this$props$innerProp = _this$props.innerProps,
@@ -635,7 +633,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
             "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
             id: openCalendarLabelId,
             icon: function icon(iconProps) {
-              return jsx(CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+              return jsx(_this2.CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
                 color: "var(--ds-icon, #44546F)"
               } : {
                 primaryColor: "var(--ds-icon, #44546F)"

package/dist/esm/components/date-picker-fc.js

@@ -30,7 +30,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -46,11 +46,6 @@ var dropdownIndicatorStyles = xcss({
   alignItems: 'center',
   justifyContent: 'center'
 });
-
-// eslint-disable-next-line @atlaskit/platform/no-module-level-eval, @atlaskit/platform/ensure-feature-flag-prefix
-var CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-// eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-CalendarIconOld;
 var iconContainerStyles = xcss({
   display: 'flex',
   height: '100%',
@@ -87,6 +82,9 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var containerRef = useRef(null);
   var calendarRef = useRef(null);
   var calendarButtonRef = useRef(null);
+  var CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
+  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
+  CalendarIconOld;
   var _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     _props$autoFocus = props.autoFocus,

package/dist/esm/components/date-time-picker-class.js

@@ -33,7 +33,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

package/dist/esm/components/date-time-picker-fc.js

@@ -27,7 +27,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

package/dist/esm/components/time-picker.js

@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.3";
+var packageVersion = "15.10.5";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -1,6 +1,6 @@
 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", "theme", "children"];
+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
@@ -35,7 +35,6 @@ export var FixedLayerMenu = function FixedLayerMenu(_ref) {
     selectOption = _ref.selectOption,
     selectProps = _ref.selectProps,
     setValue = _ref.setValue,
-    theme = _ref.theme,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx(FixedLayer, {
@@ -66,9 +65,6 @@ export var FixedLayerMenu = function FixedLayerMenu(_ref) {
       selectOption: selectOption,
       selectProps: selectProps,
       setValue: setValue
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-      ,
-      theme: theme
     }), children)
     //@ts-ignore react-select unsupported props
     ,

package/dist/esm/internal/single-value.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
+var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 import React from 'react';
 import { components } from '@atlaskit/select';
 
@@ -26,7 +26,6 @@ export var makeSingleValue = function makeSingleValue(_ref) {
       selectOption = _ref2.selectOption,
       selectProps = _ref2.selectProps,
       setValue = _ref2.setValue,
-      theme = _ref2.theme,
       rest = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement(components.SingleValue, _extends({}, rest, {
       // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
@@ -47,9 +46,6 @@ export var makeSingleValue = function makeSingleValue(_ref) {
       selectOption: selectOption,
       selectProps: selectProps,
       setValue: setValue
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
-      ,
-      theme: theme
     }), children);
   };
 };

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

@@ -4,6 +4,7 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
+import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -50,6 +51,10 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     containerRef: HTMLElement | null;
     calendarRef: React.RefObject<HTMLDivElement | null>;
     calendarButtonRef: React.RefObject<HTMLButtonElement>;
+    CalendarIcon: {
+        (props: Omit<import("@atlaskit/icon").NewCoreIconProps, "LEGACY_fallbackIcon">): JSX.Element;
+        displayName: string;
+    } | typeof CalendarIconOld;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
         l10n: LocalizationProvider;

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

@@ -7,4 +7,4 @@ 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, theme, 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.JSX.Element;

package/dist/types/internal/single-value.d.ts

@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, theme, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;

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

@@ -4,6 +4,7 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
+import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -50,6 +51,10 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     containerRef: HTMLElement | null;
     calendarRef: React.RefObject<HTMLDivElement | null>;
     calendarButtonRef: React.RefObject<HTMLButtonElement>;
+    CalendarIcon: {
+        (props: Omit<import("@atlaskit/icon").NewCoreIconProps, "LEGACY_fallbackIcon">): JSX.Element;
+        displayName: string;
+    } | typeof CalendarIconOld;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
         l10n: LocalizationProvider;

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

@@ -7,4 +7,4 @@ 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, theme, 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.JSX.Element;

package/dist/types-ts4.5/internal/single-value.d.ts

@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, theme, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.10.3",
+	"version": "15.10.5",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,9 +47,9 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/select": "^18.8.0",
+		"@atlaskit/select": "^18.9.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -71,7 +71,7 @@
 		"@atlaskit/section-message": "^6.8.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.7.0",
-		"@atlaskit/toggle": "^13.4.0",
+		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^12.1.5",