@atlaskit/datetime-picker 13.3.6 → 13.4.0

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 (14) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/date-picker.js +1 -1
  3. package/dist/cjs/components/date-time-picker.js +1 -1
  4. package/dist/cjs/components/time-picker.js +1 -1
  5. package/dist/cjs/internal/date-time-picker-container.js +2 -3
  6. package/dist/es2019/components/date-picker.js +1 -1
  7. package/dist/es2019/components/date-time-picker.js +1 -1
  8. package/dist/es2019/components/time-picker.js +1 -1
  9. package/dist/es2019/internal/date-time-picker-container.js +2 -3
  10. package/dist/esm/components/date-picker.js +1 -1
  11. package/dist/esm/components/date-time-picker.js +1 -1
  12. package/dist/esm/components/time-picker.js +1 -1
  13. package/dist/esm/internal/date-time-picker-container.js +2 -3
  14. package/package.json +5 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 13.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
8
+ [`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
9
+ [ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
10
+ color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 13.3.6
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/date-picker.js CHANGED
@@ -36,7 +36,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
36
36
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
37
37
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
38
38
  var packageName = "@atlaskit/datetime-picker";
39
- var packageVersion = "13.3.6";
39
+ var packageVersion = "13.4.0";
40
40
  var datePickerDefaultProps = {
41
41
  appearance: 'default',
42
42
  autoFocus: false,
package/dist/cjs/components/date-time-picker.js CHANGED
@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
31
31
  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; }
32
32
  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; } /** @jsx jsx */
33
33
  var packageName = "@atlaskit/datetime-picker";
34
- var packageVersion = "13.3.6";
34
+ var packageVersion = "13.4.0";
35
35
  // Make DatePicker 50% the width of DateTimePicker
36
36
  // If rendering an icon container, shrink the TimePicker
37
37
  var datePickerContainerStyles = (0, _react2.css)({
package/dist/cjs/components/time-picker.js CHANGED
@@ -36,7 +36,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
36
36
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line no-restricted-imports
37
37
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
38
38
  var packageName = "@atlaskit/datetime-picker";
39
- var packageVersion = "13.3.6";
39
+ var packageVersion = "13.4.0";
40
40
  var menuStyles = {
41
41
  /* Need to remove default absolute positioning as that causes issues with position fixed */
42
42
  position: 'static',
package/dist/cjs/internal/date-time-picker-container.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.DateTimePickerContainer = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = require("@emotion/react");
10
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
11
10
  var _colors = require("@atlaskit/theme/colors");
12
11
  /** @jsx jsx */
13
12
 
@@ -39,7 +38,7 @@ var noBgStyles = (0, _react.css)({
39
38
  var hoverStyles = (0, _react.css)({
40
39
  '&:hover': {
41
40
  backgroundColor: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
42
- borderColor: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N30, ")")
41
+ borderColor: "var(--ds-border-input, ".concat(_colors.N100, ")")
43
42
  }
44
43
  });
45
44
  var isInvalidHoverStyles = (0, _react.css)({
@@ -80,7 +79,7 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = function DateTim
80
79
  children = _ref.children;
81
80
  var notFocusedOrIsDisabled = !(isFocused || isDisabled);
82
81
  return (0, _react.jsx)("div", (0, _extends2.default)({
83
- css: [baseContainerStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
82
+ css: [baseContainerStyles, newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
84
83
  }, innerProps, {
85
84
  "data-testid": testId
86
85
  }), children);
package/dist/es2019/components/date-picker.js CHANGED
@@ -16,7 +16,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
16
16
  import { convertTokens } from '../internal/parse-tokens';
17
17
  import { makeSingleValue } from '../internal/single-value';
18
18
  const packageName = "@atlaskit/datetime-picker";
19
- const packageVersion = "13.3.6";
19
+ const packageVersion = "13.4.0";
20
20
  const datePickerDefaultProps = {
21
21
  appearance: 'default',
22
22
  autoFocus: false,
package/dist/es2019/components/date-time-picker.js CHANGED
@@ -15,7 +15,7 @@ import { convertTokens } from '../internal/parse-tokens';
15
15
  import DatePicker from './date-picker';
16
16
  import TimePicker from './time-picker';
17
17
  const packageName = "@atlaskit/datetime-picker";
18
- const packageVersion = "13.3.6";
18
+ const packageVersion = "13.4.0";
19
19
  // Make DatePicker 50% the width of DateTimePicker
20
20
  // If rendering an icon container, shrink the TimePicker
21
21
  const datePickerContainerStyles = css({
package/dist/es2019/components/time-picker.js CHANGED
@@ -16,7 +16,7 @@ import parseTime from '../internal/parse-time';
16
16
  import { convertTokens } from '../internal/parse-tokens';
17
17
  import { makeSingleValue } from '../internal/single-value';
18
18
  const packageName = "@atlaskit/datetime-picker";
19
- const packageVersion = "13.3.6";
19
+ const packageVersion = "13.4.0";
20
20
  const menuStyles = {
21
21
  /* Need to remove default absolute positioning as that causes issues with position fixed */
22
22
  position: 'static',
package/dist/es2019/internal/date-time-picker-container.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /** @jsx jsx */
3
3
  import { css, jsx } from '@emotion/react';
4
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
4
  import { B100, N0, N100, N20, N30, R400 } from '@atlaskit/theme/colors';
6
5
  const isInvalidBorderStyles = css({
7
6
  borderColor: `var(--ds-border-danger, ${R400})`
@@ -31,7 +30,7 @@ const noBgStyles = css({
31
30
  const hoverStyles = css({
32
31
  '&:hover': {
33
32
  backgroundColor: `var(--ds-background-input-hovered, ${N30})`,
34
- borderColor: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30})`
33
+ borderColor: `var(--ds-border-input, ${N100})`
35
34
  }
36
35
  });
37
36
  const isInvalidHoverStyles = css({
@@ -73,7 +72,7 @@ export const DateTimePickerContainer = ({
73
72
  }) => {
74
73
  const notFocusedOrIsDisabled = !(isFocused || isDisabled);
75
74
  return jsx("div", _extends({
76
- css: [baseContainerStyles, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
75
+ css: [baseContainerStyles, newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
77
76
  }, innerProps, {
78
77
  "data-testid": testId
79
78
  }), children);
package/dist/esm/components/date-picker.js CHANGED
@@ -27,7 +27,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
27
27
  import { convertTokens } from '../internal/parse-tokens';
28
28
  import { makeSingleValue } from '../internal/single-value';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "13.3.6";
30
+ var packageVersion = "13.4.0";
31
31
  var datePickerDefaultProps = {
32
32
  appearance: 'default',
33
33
  autoFocus: false,
package/dist/esm/components/date-time-picker.js CHANGED
@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
25
25
  import DatePicker from './date-picker';
26
26
  import TimePicker from './time-picker';
27
27
  var packageName = "@atlaskit/datetime-picker";
28
- var packageVersion = "13.3.6";
28
+ var packageVersion = "13.4.0";
29
29
  // Make DatePicker 50% the width of DateTimePicker
30
30
  // If rendering an icon container, shrink the TimePicker
31
31
  var datePickerContainerStyles = css({
package/dist/esm/components/time-picker.js CHANGED
@@ -28,7 +28,7 @@ import parseTime from '../internal/parse-time';
28
28
  import { convertTokens } from '../internal/parse-tokens';
29
29
  import { makeSingleValue } from '../internal/single-value';
30
30
  var packageName = "@atlaskit/datetime-picker";
31
- var packageVersion = "13.3.6";
31
+ var packageVersion = "13.4.0";
32
32
  var menuStyles = {
33
33
  /* Need to remove default absolute positioning as that causes issues with position fixed */
34
34
  position: 'static',
package/dist/esm/internal/date-time-picker-container.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  /** @jsx jsx */
3
3
  import { css, jsx } from '@emotion/react';
4
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
4
  import { B100, N0, N100, N20, N30, R400 } from '@atlaskit/theme/colors';
6
5
  var isInvalidBorderStyles = css({
7
6
  borderColor: "var(--ds-border-danger, ".concat(R400, ")")
@@ -31,7 +30,7 @@ var noBgStyles = css({
31
30
  var hoverStyles = css({
32
31
  '&:hover': {
33
32
  backgroundColor: "var(--ds-background-input-hovered, ".concat(N30, ")"),
34
- borderColor: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30, ")")
33
+ borderColor: "var(--ds-border-input, ".concat(N100, ")")
35
34
  }
36
35
  });
37
36
  var isInvalidHoverStyles = css({
@@ -72,7 +71,7 @@ export var DateTimePickerContainer = function DateTimePickerContainer(_ref) {
72
71
  children = _ref.children;
73
72
  var notFocusedOrIsDisabled = !(isFocused || isDisabled);
74
73
  return jsx("div", _extends({
75
- css: [baseContainerStyles, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
74
+ css: [baseContainerStyles, newBorderStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
76
75
  }, innerProps, {
77
76
  "data-testid": testId
78
77
  }), children);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "13.3.6",
3
+ "version": "13.4.0",
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/"
@@ -46,9 +46,9 @@
46
46
  "@atlaskit/locale": "^2.7.0",
47
47
  "@atlaskit/platform-feature-flags": "^0.2.0",
48
48
  "@atlaskit/popper": "^5.5.0",
49
- "@atlaskit/select": "^17.7.0",
49
+ "@atlaskit/select": "^17.8.0",
50
50
  "@atlaskit/theme": "^12.7.0",
51
- "@atlaskit/tokens": "^1.44.0",
51
+ "@atlaskit/tokens": "^1.45.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@emotion/react": "^11.7.1",
54
54
  "date-fns": "^2.17.0",
@@ -67,10 +67,10 @@
67
67
  "@atlaskit/form": "^9.3.0",
68
68
  "@atlaskit/modal-dialog": "^12.13.0",
69
69
  "@atlaskit/popup": "^1.15.0",
70
- "@atlaskit/range": "^7.1.0",
70
+ "@atlaskit/range": "^7.2.0",
71
71
  "@atlaskit/section-message": "^6.5.0",
72
72
  "@atlaskit/ssr": "*",
73
- "@atlaskit/textfield": "^6.1.0",
73
+ "@atlaskit/textfield": "^6.3.0",
74
74
  "@atlaskit/toggle": "^13.0.0",
75
75
  "@atlaskit/visual-regression": "*",
76
76
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -107,12 +107,6 @@
107
107
  "platform.design-system-team.layering_qmiw3": {
108
108
  "type": "boolean"
109
109
  },
110
- "platform.design-system-team.border-checkbox_nyoiu": {
111
- "type": "boolean"
112
- },
113
- "platform.design-system-team.update-input-border-wdith_5abwv": {
114
- "type": "boolean"
115
- },
116
110
  "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
117
111
  "type": "boolean"
118
112
  },