@atlaskit/datetime-picker 13.2.1 → 13.2.3

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 (15) hide show
  1. package/CHANGELOG.md +12 -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 +5 -2
  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 +5 -2
  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 +5 -2
  14. package/package.json +4 -4
  15. package/types/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 13.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
8
+
9
+ ## 13.2.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#82543](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82543) [`0f3b2fb883d3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0f3b2fb883d3) - Refactor border width feature to make it work in SSR
14
+
3
15
  ## 13.2.1
4
16
 
5
17
  ### 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.2.1";
39
+ var packageVersion = "13.2.3";
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.2.1";
34
+ var packageVersion = "13.2.3";
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.2.1";
39
+ var packageVersion = "13.2.3";
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
@@ -53,10 +53,13 @@ var isDisabledStyles = (0, _react.css)({
53
53
  cursor: 'default'
54
54
  }
55
55
  });
56
+ var newBorderStyles = (0, _react.css)({
57
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")"))
58
+ });
56
59
  var baseContainerStyles = (0, _react.css)({
57
60
  display: 'flex',
58
61
  backgroundColor: "var(--ds-background-input, ".concat(_colors.N20, ")"),
59
- border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
62
+ border: "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
60
63
  borderRadius: "var(--ds-border-radius, 3px)",
61
64
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
62
65
  '&:hover': {
@@ -77,7 +80,7 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = function DateTim
77
80
  children = _ref.children;
78
81
  var notFocusedOrIsDisabled = !(isFocused || isDisabled);
79
82
  return (0, _react.jsx)("div", (0, _extends2.default)({
80
- css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
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]
81
84
  }, innerProps, {
82
85
  "data-testid": testId
83
86
  }), 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.2.1";
19
+ const packageVersion = "13.2.3";
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.2.1";
18
+ const packageVersion = "13.2.3";
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.2.1";
19
+ const packageVersion = "13.2.3";
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
@@ -45,10 +45,13 @@ const isDisabledStyles = css({
45
45
  cursor: 'default'
46
46
  }
47
47
  });
48
+ const newBorderStyles = css({
49
+ border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}`
50
+ });
48
51
  const baseContainerStyles = css({
49
52
  display: 'flex',
50
53
  backgroundColor: `var(--ds-background-input, ${N20})`,
51
- border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
54
+ border: `2px solid ${`var(--ds-border-input, ${N20})`}`,
52
55
  borderRadius: "var(--ds-border-radius, 3px)",
53
56
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
54
57
  '&:hover': {
@@ -70,7 +73,7 @@ export const DateTimePickerContainer = ({
70
73
  }) => {
71
74
  const notFocusedOrIsDisabled = !(isFocused || isDisabled);
72
75
  return jsx("div", _extends({
73
- css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
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]
74
77
  }, innerProps, {
75
78
  "data-testid": testId
76
79
  }), 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.2.1";
30
+ var packageVersion = "13.2.3";
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.2.1";
28
+ var packageVersion = "13.2.3";
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.2.1";
31
+ var packageVersion = "13.2.3";
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
@@ -45,10 +45,13 @@ var isDisabledStyles = css({
45
45
  cursor: 'default'
46
46
  }
47
47
  });
48
+ var newBorderStyles = css({
49
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")"))
50
+ });
48
51
  var baseContainerStyles = css({
49
52
  display: 'flex',
50
53
  backgroundColor: "var(--ds-background-input, ".concat(N20, ")"),
51
- border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
54
+ border: "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
52
55
  borderRadius: "var(--ds-border-radius, 3px)",
53
56
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
54
57
  '&:hover': {
@@ -69,7 +72,7 @@ export var DateTimePickerContainer = function DateTimePickerContainer(_ref) {
69
72
  children = _ref.children;
70
73
  var notFocusedOrIsDisabled = !(isFocused || isDisabled);
71
74
  return jsx("div", _extends({
72
- css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (isInvalid ? isInvalidHoverStyles : hoverStyles), appearance === 'none' && noBgStyles]
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]
73
76
  }, innerProps, {
74
77
  "data-testid": testId
75
78
  }), children);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "13.2.1",
3
+ "version": "13.2.3",
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/"
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/popper": "^5.5.0",
49
49
  "@atlaskit/select": "^17.3.0",
50
50
  "@atlaskit/theme": "^12.6.0",
51
- "@atlaskit/tokens": "^1.41.0",
51
+ "@atlaskit/tokens": "^1.42.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@emotion/react": "^11.7.1",
54
54
  "date-fns": "^2.17.0",
@@ -83,7 +83,7 @@
83
83
  "react-dom": "^16.8.0",
84
84
  "react-lorem-component": "^0.13.0",
85
85
  "react-test-renderer": "^16.8.0",
86
- "typescript": "~4.9.5"
86
+ "typescript": "~5.4.2"
87
87
  },
88
88
  "techstack": {
89
89
  "@atlassian/frontend": {
@@ -119,4 +119,4 @@
119
119
  },
120
120
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
121
121
  "homepage": "https://atlassian.design/components/datetime-picker/"
122
- }
122
+ }
package/types/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/types.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/types.d.ts"
12
12
  ]