@atlaskit/datetime-picker 17.1.8 → 17.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/date-picker-class.compiled.css +2 -2
  3. package/dist/cjs/components/date-picker-class.js +3 -3
  4. package/dist/cjs/components/date-picker-fc.compiled.css +2 -2
  5. package/dist/cjs/components/date-picker-fc.js +3 -3
  6. package/dist/cjs/components/date-time-picker-class.compiled.css +2 -2
  7. package/dist/cjs/components/date-time-picker-class.js +2 -2
  8. package/dist/cjs/components/date-time-picker-fc.js +2 -2
  9. package/dist/cjs/components/time-picker.js +1 -1
  10. package/dist/cjs/internal/date-time-picker-container.compiled.css +7 -7
  11. package/dist/cjs/internal/date-time-picker-container.js +1 -1
  12. package/dist/cjs/internal/menu.compiled.css +1 -1
  13. package/dist/cjs/internal/menu.js +1 -1
  14. package/dist/es2019/components/date-picker-class.compiled.css +2 -2
  15. package/dist/es2019/components/date-picker-class.js +3 -3
  16. package/dist/es2019/components/date-picker-fc.compiled.css +2 -2
  17. package/dist/es2019/components/date-picker-fc.js +3 -3
  18. package/dist/es2019/components/date-time-picker-class.compiled.css +2 -2
  19. package/dist/es2019/components/date-time-picker-class.js +2 -2
  20. package/dist/es2019/components/date-time-picker-fc.js +2 -2
  21. package/dist/es2019/components/time-picker.js +1 -1
  22. package/dist/es2019/internal/date-time-picker-container.compiled.css +7 -7
  23. package/dist/es2019/internal/date-time-picker-container.js +1 -1
  24. package/dist/es2019/internal/menu.compiled.css +1 -1
  25. package/dist/es2019/internal/menu.js +1 -1
  26. package/dist/esm/components/date-picker-class.compiled.css +2 -2
  27. package/dist/esm/components/date-picker-class.js +3 -3
  28. package/dist/esm/components/date-picker-fc.compiled.css +2 -2
  29. package/dist/esm/components/date-picker-fc.js +3 -3
  30. package/dist/esm/components/date-time-picker-class.compiled.css +2 -2
  31. package/dist/esm/components/date-time-picker-class.js +2 -2
  32. package/dist/esm/components/date-time-picker-fc.js +2 -2
  33. package/dist/esm/components/time-picker.js +1 -1
  34. package/dist/esm/internal/date-time-picker-container.compiled.css +7 -7
  35. package/dist/esm/internal/date-time-picker-container.js +1 -1
  36. package/dist/esm/internal/menu.compiled.css +1 -1
  37. package/dist/esm/internal/menu.js +1 -1
  38. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 17.1.10
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 17.1.9
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 17.1.8
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/date-picker-class.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/cjs/components/date-picker-class.js CHANGED
@@ -40,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
40
40
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
41
41
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /// <reference types="node" />
42
42
  var packageName = "@atlaskit/datetime-picker";
43
- var packageVersion = "17.1.7";
43
+ var packageVersion = "0.0.0-development";
44
44
  var datePickerDefaultProps = {
45
45
  defaultIsOpen: false,
46
46
  defaultValue: '',
@@ -61,7 +61,7 @@ var datePickerDefaultProps = {
61
61
  };
62
62
  var styles = {
63
63
  pickerContainerStyles: "_kqswh2mm",
64
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
64
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
65
65
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
66
66
  iconSpacingWithoutClearButtonStyles: "_12l21b66",
67
67
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -610,7 +610,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
610
610
  id: openCalendarLabelId,
611
611
  icon: function icon(iconProps) {
612
612
  return /*#__PURE__*/React.createElement(_calendar.default, (0, _extends2.default)({}, iconProps, {
613
- color: "var(--ds-icon, #44546F)"
613
+ color: "var(--ds-icon, #292A2E)"
614
614
  }));
615
615
  },
616
616
  onClick: _this2.onCalendarButtonClick,
package/dist/cjs/components/date-picker-fc.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/cjs/components/date-picker-fc.js CHANGED
@@ -37,11 +37,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
37
37
  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; }
38
38
  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; }
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "17.1.7";
40
+ var packageVersion = "0.0.0-development";
41
41
  var styles = {
42
42
  pickerContainerStyle: "_kqswh2mm",
43
43
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
44
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
44
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
45
45
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
46
46
  iconSpacingWithoutClearButtonStyles: "_12l21b66"
47
47
  };
@@ -614,7 +614,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
614
614
  id: openCalendarLabelId,
615
615
  icon: function icon(iconProps) {
616
616
  return /*#__PURE__*/React.createElement(_calendar.default, (0, _extends2.default)({}, iconProps, {
617
- color: "var(--ds-icon, #44546F)"
617
+ color: "var(--ds-icon, #292A2E)"
618
618
  }));
619
619
  },
620
620
  onClick: onCalendarButtonClick,
package/dist/cjs/components/date-time-picker-class.compiled.css CHANGED
@@ -14,6 +14,6 @@
14
14
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
15
15
  ._i0dl1kw7{flex-basis:inherit}
16
16
  ._i0dl1ssb{flex-basis:50%}
17
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
17
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
18
18
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
19
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
19
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/cjs/components/date-time-picker-class.js CHANGED
@@ -35,11 +35,11 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
35
35
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
36
36
  }, _datePickerFc.default, _datePickerClass.default);
37
37
  var packageName = "@atlaskit/datetime-picker";
38
- var packageVersion = "17.1.7";
38
+ var packageVersion = "0.0.0-development";
39
39
  var compiledStyles = {
40
40
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
41
41
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
42
- iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz131l _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l31gjq"
42
+ iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz1rpy _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l3azsu"
43
43
  };
44
44
 
45
45
  // react-select overrides (via @atlaskit/select).
package/dist/cjs/components/date-time-picker-fc.js CHANGED
@@ -38,7 +38,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
38
38
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
39
39
  }, _datePickerFc.default, _datePickerClass.default);
40
40
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "17.1.7";
41
+ var packageVersion = "0.0.0-development";
42
42
  var analyticsAttributes = {
43
43
  componentName: 'dateTimePicker',
44
44
  packageName: packageName,
@@ -371,7 +371,7 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref)
371
371
  label: clearControlLabel,
372
372
  icon: function icon(iconProps) {
373
373
  return /*#__PURE__*/_react.default.createElement(_crossCircleSelectClear.default, (0, _extends2.default)({}, iconProps, {
374
- color: "var(--ds-text-subtlest, #626F86)",
374
+ color: "var(--ds-text-subtlest, #6B6E76)",
375
375
  LEGACY_size: "small",
376
376
  size: "small"
377
377
  }));
package/dist/cjs/components/time-picker.js CHANGED
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
26
26
  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; }
27
27
  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; }
28
28
  var packageName = "@atlaskit/datetime-picker";
29
- var packageVersion = "17.1.7";
29
+ var packageVersion = "0.0.0-development";
30
30
  var menuStyles = {
31
31
  /* Need to remove default absolute positioning as that causes issues with position fixed */
32
32
  position: 'static',
package/dist/cjs/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
- ._19it1k9g{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8590a2)}
2
+ ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
6
5
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
7
6
  ._1h6d1j28{border-color:transparent}
8
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
7
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
8
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._bfhk1j28{background-color:transparent}
11
11
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
12
12
  ._bfhk1y3p{background-color:var(--ds-background-input-pressed,transparent)}
13
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
13
14
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
14
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
15
15
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
16
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
17
16
  ._4cvx1j28:hover{border-color:transparent}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
18
  ._d0al73ad:hover{cursor:default}
19
19
  ._d0altlke:hover{cursor:pointer}
20
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
21
- ._irr31j28:hover{background-color:transparent}
20
+ ._irr31j28:hover{background-color:transparent}
21
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
package/dist/cjs/internal/date-time-picker-container.js CHANGED
@@ -41,6 +41,6 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
41
41
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
42
42
  "data-testid": testId,
43
43
  ref: ref,
44
- className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19it1k9g", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsq049", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
44
+ className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhkby5v _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
45
45
  }), children);
46
46
  });
package/dist/cjs/internal/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._1pbyowjs{z-index:300}
5
5
  ._1reo15vq{overflow-x:hidden}
package/dist/cjs/internal/menu.js CHANGED
@@ -61,7 +61,7 @@ var Menu = exports.Menu = function Menu(_ref) {
61
61
  containerRef: selectProps.calendarContainerRef,
62
62
  content: /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
63
63
  onMouseDown: onMenuMouseDown,
64
- className: (0, _runtime.ax)(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs1cd0"])
64
+ className: (0, _runtime.ax)(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs130s"])
65
65
  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(_calendar.default, {
66
66
  day: day,
67
67
  month: month,
package/dist/es2019/components/date-picker-class.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/es2019/components/date-picker-class.js CHANGED
@@ -23,7 +23,7 @@ import { Menu } from '../internal/menu';
23
23
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
24
24
  import { makeSingleValue } from '../internal/single-value';
25
25
  const packageName = "@atlaskit/datetime-picker";
26
- const packageVersion = "17.1.7";
26
+ const packageVersion = "0.0.0-development";
27
27
  const datePickerDefaultProps = {
28
28
  defaultIsOpen: false,
29
29
  defaultValue: '',
@@ -42,7 +42,7 @@ const datePickerDefaultProps = {
42
42
  };
43
43
  const styles = {
44
44
  pickerContainerStyles: "_kqswh2mm",
45
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
45
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
46
46
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
47
47
  iconSpacingWithoutClearButtonStyles: "_12l21b66",
48
48
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -588,7 +588,7 @@ class DatePickerComponent extends Component {
588
588
  "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
589
589
  id: openCalendarLabelId,
590
590
  icon: iconProps => /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
591
- color: "var(--ds-icon, #44546F)"
591
+ color: "var(--ds-icon, #292A2E)"
592
592
  })),
593
593
  onClick: this.onCalendarButtonClick,
594
594
  onKeyDown: this.onCalendarButtonKeyDown,
package/dist/es2019/components/date-picker-fc.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/es2019/components/date-picker-fc.js CHANGED
@@ -23,11 +23,11 @@ import { Menu } from '../internal/menu';
23
23
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
24
24
  import { makeSingleValue } from '../internal/single-value';
25
25
  const packageName = "@atlaskit/datetime-picker";
26
- const packageVersion = "17.1.7";
26
+ const packageVersion = "0.0.0-development";
27
27
  const styles = {
28
28
  pickerContainerStyle: "_kqswh2mm",
29
29
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
30
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
30
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
31
31
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
32
32
  iconSpacingWithoutClearButtonStyles: "_12l21b66"
33
33
  };
@@ -540,7 +540,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, _forwardedRef) => {
540
540
  "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
541
541
  id: openCalendarLabelId,
542
542
  icon: iconProps => /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
543
- color: "var(--ds-icon, #44546F)"
543
+ color: "var(--ds-icon, #292A2E)"
544
544
  })),
545
545
  onClick: onCalendarButtonClick,
546
546
  onKeyDown: onCalendarButtonKeyDown,
package/dist/es2019/components/date-time-picker-class.compiled.css CHANGED
@@ -14,6 +14,6 @@
14
14
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
15
15
  ._i0dl1kw7{flex-basis:inherit}
16
16
  ._i0dl1ssb{flex-basis:50%}
17
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
17
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
18
18
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
19
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
19
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/es2019/components/date-time-picker-class.js CHANGED
@@ -19,11 +19,11 @@ import DatePickerNew from './date-picker-fc';
19
19
  import TimePicker from './time-picker';
20
20
  const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "17.1.7";
22
+ const packageVersion = "0.0.0-development";
23
23
  const compiledStyles = {
24
24
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
25
25
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
26
- iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz131l _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l31gjq"
26
+ iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz1rpy _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l3azsu"
27
27
  };
28
28
 
29
29
  // react-select overrides (via @atlaskit/select).
package/dist/es2019/components/date-time-picker-fc.js CHANGED
@@ -22,7 +22,7 @@ import DatePickerNew from './date-picker-fc';
22
22
  import TimePicker from './time-picker';
23
23
  const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
24
24
  const packageName = "@atlaskit/datetime-picker";
25
- const packageVersion = "17.1.7";
25
+ const packageVersion = "0.0.0-development";
26
26
  const analyticsAttributes = {
27
27
  componentName: 'dateTimePicker',
28
28
  packageName,
@@ -335,7 +335,7 @@ const DateTimePicker = /*#__PURE__*/forwardRef(({
335
335
  appearance: "subtle",
336
336
  label: clearControlLabel,
337
337
  icon: iconProps => /*#__PURE__*/React.createElement(SelectClearIcon, _extends({}, iconProps, {
338
- color: "var(--ds-text-subtlest, #626F86)",
338
+ color: "var(--ds-text-subtlest, #6B6E76)",
339
339
  LEGACY_size: "small",
340
340
  size: "small"
341
341
  })),
package/dist/es2019/components/time-picker.js CHANGED
@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
11
11
  import { convertTokens } from '../internal/parse-tokens';
12
12
  import { makeSingleValue } from '../internal/single-value';
13
13
  const packageName = "@atlaskit/datetime-picker";
14
- const packageVersion = "17.1.7";
14
+ const packageVersion = "0.0.0-development";
15
15
  const menuStyles = {
16
16
  /* Need to remove default absolute positioning as that causes issues with position fixed */
17
17
  position: 'static',
package/dist/es2019/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
- ._19it1k9g{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8590a2)}
2
+ ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
6
5
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
7
6
  ._1h6d1j28{border-color:transparent}
8
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
7
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
8
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._bfhk1j28{background-color:transparent}
11
11
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
12
12
  ._bfhk1y3p{background-color:var(--ds-background-input-pressed,transparent)}
13
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
13
14
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
14
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
15
15
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
16
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
17
16
  ._4cvx1j28:hover{border-color:transparent}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
18
  ._d0al73ad:hover{cursor:default}
19
19
  ._d0altlke:hover{cursor:pointer}
20
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
21
- ._irr31j28:hover{background-color:transparent}
20
+ ._irr31j28:hover{background-color:transparent}
21
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
package/dist/es2019/internal/date-time-picker-container.js CHANGED
@@ -33,6 +33,6 @@ export const DateTimePickerContainer = /*#__PURE__*/forwardRef(({
33
33
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
34
34
  "data-testid": testId,
35
35
  ref: ref,
36
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19it1k9g", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsq049", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
36
+ className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhkby5v _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
37
37
  }), children);
38
38
  });
package/dist/es2019/internal/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._1pbyowjs{z-index:300}
5
5
  ._1reo15vq{overflow-x:hidden}
package/dist/es2019/internal/menu.js CHANGED
@@ -57,7 +57,7 @@ export const Menu = ({
57
57
  containerRef: selectProps.calendarContainerRef,
58
58
  content: /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
59
59
  onMouseDown: onMenuMouseDown,
60
- className: ax(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs1cd0"])
60
+ className: ax(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs130s"])
61
61
  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Calendar, {
62
62
  day: day,
63
63
  month: month,
package/dist/esm/components/date-picker-class.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/esm/components/date-picker-class.js CHANGED
@@ -32,7 +32,7 @@ import { Menu } from '../internal/menu';
32
32
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
33
33
  import { makeSingleValue } from '../internal/single-value';
34
34
  var packageName = "@atlaskit/datetime-picker";
35
- var packageVersion = "17.1.7";
35
+ var packageVersion = "0.0.0-development";
36
36
  var datePickerDefaultProps = {
37
37
  defaultIsOpen: false,
38
38
  defaultValue: '',
@@ -53,7 +53,7 @@ var datePickerDefaultProps = {
53
53
  };
54
54
  var styles = {
55
55
  pickerContainerStyles: "_kqswh2mm",
56
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
56
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
57
57
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
58
58
  iconSpacingWithoutClearButtonStyles: "_12l21b66",
59
59
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -602,7 +602,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
602
602
  id: openCalendarLabelId,
603
603
  icon: function icon(iconProps) {
604
604
  return /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
605
- color: "var(--ds-icon, #44546F)"
605
+ color: "var(--ds-icon, #292A2E)"
606
606
  }));
607
607
  },
608
608
  onClick: _this2.onCalendarButtonClick,
package/dist/esm/components/date-picker-fc.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._kqswh2mm{position:relative}
13
13
  ._kqswstnw{position:absolute}
14
14
  ._rjxpze3t{inset-inline-end:var(--ds-space-0,0)}
15
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
16
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
15
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
16
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/esm/components/date-picker-fc.js CHANGED
@@ -29,11 +29,11 @@ import { Menu } from '../internal/menu';
29
29
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
30
30
  import { makeSingleValue } from '../internal/single-value';
31
31
  var packageName = "@atlaskit/datetime-picker";
32
- var packageVersion = "17.1.7";
32
+ var packageVersion = "0.0.0-development";
33
33
  var styles = {
34
34
  pickerContainerStyle: "_kqswh2mm",
35
35
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
36
- iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz131l _152tze3t _rjxpze3t _30l31gjq",
36
+ iconContainerStyles: "_v564vrg3 _1e0c1txw _4t3i1osq _kqswstnw _4cvr1h6o _i0dl1kw7 _syaz1rpy _152tze3t _rjxpze3t _30l3azsu",
37
37
  iconSpacingWithClearButtonStyles: "_12l2xy5q",
38
38
  iconSpacingWithoutClearButtonStyles: "_12l21b66"
39
39
  };
@@ -606,7 +606,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
606
606
  id: openCalendarLabelId,
607
607
  icon: function icon(iconProps) {
608
608
  return /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
609
- color: "var(--ds-icon, #44546F)"
609
+ color: "var(--ds-icon, #292A2E)"
610
610
  }));
611
611
  },
612
612
  onClick: onCalendarButtonClick,
package/dist/esm/components/date-time-picker-class.compiled.css CHANGED
@@ -14,6 +14,6 @@
14
14
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
15
15
  ._i0dl1kw7{flex-basis:inherit}
16
16
  ._i0dl1ssb{flex-basis:50%}
17
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
17
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
18
18
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
19
- ._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
19
+ ._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
package/dist/esm/components/date-time-picker-class.js CHANGED
@@ -30,11 +30,11 @@ var DatePicker = componentWithCondition(function () {
30
30
  return fg('dst-date-picker-use-functional-component');
31
31
  }, DatePickerNew, DatePickerOld);
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "17.1.7";
33
+ var packageVersion = "0.0.0-development";
34
34
  var compiledStyles = {
35
35
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
36
36
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
37
- iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz131l _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l31gjq"
37
+ iconContainerStyles: "_19itglyw _v564vrg3 _1e0c1txw _4cvr1h6o _i0dl1kw7 _bfhk1kw7 _syaz1rpy _6rthe4h9 _1pfhe4h9 _12l2e4h9 _ahbqe4h9 _85i512x7 _1q5112x7 _y4tiu2gc _bozg1b66 _30l3azsu"
38
38
  };
39
39
 
40
40
  // react-select overrides (via @atlaskit/select).
package/dist/esm/components/date-time-picker-fc.js CHANGED
@@ -31,7 +31,7 @@ var DatePicker = componentWithCondition(function () {
31
31
  return fg('dst-date-picker-use-functional-component');
32
32
  }, DatePickerNew, DatePickerOld);
33
33
  var packageName = "@atlaskit/datetime-picker";
34
- var packageVersion = "17.1.7";
34
+ var packageVersion = "0.0.0-development";
35
35
  var analyticsAttributes = {
36
36
  componentName: 'dateTimePicker',
37
37
  packageName: packageName,
@@ -364,7 +364,7 @@ var DateTimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
364
364
  label: clearControlLabel,
365
365
  icon: function icon(iconProps) {
366
366
  return /*#__PURE__*/React.createElement(SelectClearIcon, _extends({}, iconProps, {
367
- color: "var(--ds-text-subtlest, #626F86)",
367
+ color: "var(--ds-text-subtlest, #6B6E76)",
368
368
  LEGACY_size: "small",
369
369
  size: "small"
370
370
  }));
package/dist/esm/components/time-picker.js CHANGED
@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
17
17
  import { convertTokens } from '../internal/parse-tokens';
18
18
  import { makeSingleValue } from '../internal/single-value';
19
19
  var packageName = "@atlaskit/datetime-picker";
20
- var packageVersion = "17.1.7";
20
+ var packageVersion = "0.0.0-development";
21
21
  var menuStyles = {
22
22
  /* Need to remove default absolute positioning as that causes issues with position fixed */
23
23
  position: 'static',
package/dist/esm/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
- ._19it1k9g{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8590a2)}
2
+ ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
3
3
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
- ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
6
5
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
7
6
  ._1h6d1j28{border-color:transparent}
8
- ._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
7
+ ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
8
+ ._1h6dbk0g{border-color:var(--ds-border-disabled,#0515240f)}._16qsvyy1{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
9
9
  ._1e0c1txw{display:flex}
10
10
  ._bfhk1j28{background-color:transparent}
11
11
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
12
12
  ._bfhk1y3p{background-color:var(--ds-background-input-pressed,transparent)}
13
+ ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
13
14
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
14
- ._bfhksyzs{background-color:var(--ds-background-disabled,#091e4208)}
15
15
  ._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
16
- ._4cvx1elr:hover{border-color:var(--ds-border-input,#8590a2)}
17
16
  ._4cvx1j28:hover{border-color:transparent}
17
+ ._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
18
18
  ._d0al73ad:hover{cursor:default}
19
19
  ._d0altlke:hover{cursor:pointer}
20
- ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
21
- ._irr31j28:hover{background-color:transparent}
20
+ ._irr31j28:hover{background-color:transparent}
21
+ ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
package/dist/esm/internal/date-time-picker-container.js CHANGED
@@ -32,6 +32,6 @@ export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref
32
32
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
33
33
  "data-testid": testId,
34
34
  ref: ref,
35
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19it1k9g", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsq049", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
35
+ className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhkby5v _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
36
36
  }), children);
37
37
  });
package/dist/esm/internal/menu.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
2
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._18m915vq{overflow-y:hidden}
4
4
  ._1pbyowjs{z-index:300}
5
5
  ._1reo15vq{overflow-x:hidden}
package/dist/esm/internal/menu.js CHANGED
@@ -53,7 +53,7 @@ export var Menu = function Menu(_ref) {
53
53
  containerRef: selectProps.calendarContainerRef,
54
54
  content: /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
55
55
  onMouseDown: onMenuMouseDown,
56
- className: ax(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs1cd0"])
56
+ className: ax(["_2rko12b0 _1reo15vq _18m915vq _1pbyowjs _bfhk1bhr _16qs130s"])
57
57
  }), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Calendar, {
58
58
  day: day,
59
59
  month: month,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "17.1.8",
3
+ "version": "17.1.10",
4
4
  "description": "A date time picker allows the user to select an associated date and time.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,16 +35,16 @@
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
36
  "@atlaskit/button": "^23.6.0",
37
37
  "@atlaskit/calendar": "^17.1.0",
38
- "@atlaskit/css": "^0.15.0",
38
+ "@atlaskit/css": "^0.16.0",
39
39
  "@atlaskit/ds-lib": "^5.2.0",
40
- "@atlaskit/icon": "^28.5.0",
41
- "@atlaskit/layering": "^3.2.0",
40
+ "@atlaskit/icon": "^29.0.0",
41
+ "@atlaskit/layering": "^3.4.0",
42
42
  "@atlaskit/locale": "^3.0.0",
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/popper": "^7.1.0",
45
- "@atlaskit/primitives": "^16.1.0",
46
- "@atlaskit/select": "^21.3.0",
47
- "@atlaskit/tokens": "^8.0.0",
45
+ "@atlaskit/primitives": "^16.2.0",
46
+ "@atlaskit/select": "^21.4.0",
47
+ "@atlaskit/tokens": "^8.1.0",
48
48
  "@atlaskit/visually-hidden": "^3.0.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@compiled/react": "^0.18.6",
@@ -63,12 +63,12 @@
63
63
  "@atlaskit/form": "^14.2.0",
64
64
  "@atlaskit/heading": "^5.2.0",
65
65
  "@atlaskit/link": "^3.2.0",
66
- "@atlaskit/modal-dialog": "^14.6.0",
66
+ "@atlaskit/modal-dialog": "^14.7.0",
67
67
  "@atlaskit/popup": "^4.6.0",
68
68
  "@atlaskit/range": "^9.2.0",
69
69
  "@atlaskit/section-message": "^8.9.0",
70
70
  "@atlaskit/ssr": "workspace:^",
71
- "@atlaskit/textfield": "^8.0.0",
71
+ "@atlaskit/textfield": "^8.1.0",
72
72
  "@atlaskit/toggle": "^15.1.0",
73
73
  "@atlassian/feature-flags-test-utils": "^1.0.0",
74
74
  "@atlassian/ssr-tests": "workspace:^",