@atlaskit/datetime-picker 18.5.0 → 18.5.1

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 (17) hide show
  1. package/CHANGELOG.md +8 -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.compiled.css +0 -1
  6. package/dist/cjs/internal/date-time-picker-container.js +1 -4
  7. package/dist/es2019/components/date-picker.js +1 -1
  8. package/dist/es2019/components/date-time-picker.js +1 -1
  9. package/dist/es2019/components/time-picker.js +1 -1
  10. package/dist/es2019/internal/date-time-picker-container.compiled.css +0 -1
  11. package/dist/es2019/internal/date-time-picker-container.js +1 -4
  12. package/dist/esm/components/date-picker.js +1 -1
  13. package/dist/esm/components/date-time-picker.js +1 -1
  14. package/dist/esm/components/time-picker.js +1 -1
  15. package/dist/esm/internal/date-time-picker-container.compiled.css +0 -1
  16. package/dist/esm/internal/date-time-picker-container.js +1 -4
  17. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 18.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d7eeefc938dd4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d7eeefc938dd4) -
8
+ Cleaned up new shape theme styles, making new border and radius values the default.
9
+ - Updated dependencies
10
+
3
11
  ## 18.5.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/components/date-picker.js CHANGED
@@ -45,7 +45,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
45
45
  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; }
46
46
  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; }
47
47
  var packageName = "@atlaskit/datetime-picker";
48
- var packageVersion = "18.4.2";
48
+ var packageVersion = "18.5.0";
49
49
  var styles = {
50
50
  pickerContainerStyle: "_kqswh2mm",
51
51
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/cjs/components/date-time-picker.js CHANGED
@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
33
33
  // for typing `process`
34
34
  // oxlint-disable-next-line @atlassian/no-restricted-imports
35
35
  var packageName = "@atlaskit/datetime-picker";
36
- var packageVersion = "18.4.2";
36
+ var packageVersion = "18.5.0";
37
37
  var analyticsAttributes = {
38
38
  componentName: 'dateTimePicker',
39
39
  packageName: packageName,
package/dist/cjs/components/time-picker.js CHANGED
@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
32
32
  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; }
33
33
  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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
34
34
  var packageName = "@atlaskit/datetime-picker";
35
- var packageVersion = "18.4.2";
35
+ var packageVersion = "18.5.0";
36
36
  var defaultTimeFormat = 'h:mma';
37
37
  var menuStyles = {
38
38
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/cjs/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
package/dist/cjs/internal/date-time-picker-container.js CHANGED
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
- var _fg = require("@atlaskit/platform-feature-flags/fg");
16
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
16
  var isInvalidBorderStyles = null;
18
17
  var isFocusedBorderStyles = null;
@@ -25,8 +24,6 @@ var isInvalidHoverStyles = null;
25
24
  var isDisabledStyles = null;
26
25
  var newBorderStyles = null;
27
26
  var baseContainerStyles = null;
28
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
29
- var baseContainerStylesT26Shape = null;
30
27
  /**
31
28
  * This is the container for the datetime picker component.
32
29
  */
@@ -44,6 +41,6 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
44
41
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
45
42
  "data-testid": testId,
46
43
  ref: ref,
47
- className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", (0, _fg.fg)('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
44
+ className: (0, _runtime.ax)(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
48
45
  }), children);
49
46
  });
package/dist/es2019/components/date-picker.js CHANGED
@@ -32,7 +32,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
32
32
  import { parseDate } from '../internal/parse-date';
33
33
  import { makeSingleValue } from '../internal/single-value';
34
34
  const packageName = "@atlaskit/datetime-picker";
35
- const packageVersion = "18.4.2";
35
+ const packageVersion = "18.5.0";
36
36
  const styles = {
37
37
  pickerContainerStyle: "_kqswh2mm",
38
38
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/es2019/components/date-time-picker.js CHANGED
@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
20
20
  import DatePicker from './date-picker';
21
21
  import TimePicker from './time-picker';
22
22
  const packageName = "@atlaskit/datetime-picker";
23
- const packageVersion = "18.4.2";
23
+ const packageVersion = "18.5.0";
24
24
  const analyticsAttributes = {
25
25
  componentName: 'dateTimePicker',
26
26
  packageName,
package/dist/es2019/components/time-picker.js CHANGED
@@ -19,7 +19,7 @@ import { convertTokens } from '../internal/parse-tokens';
19
19
  import { placeholderDatetime } from '../internal/placeholder-date-time';
20
20
  import { makeSingleValue } from '../internal/single-value';
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "18.4.2";
22
+ const packageVersion = "18.5.0";
23
23
  const defaultTimeFormat = 'h:mma';
24
24
  const menuStyles = {
25
25
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/es2019/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
package/dist/es2019/internal/date-time-picker-container.js CHANGED
@@ -4,7 +4,6 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  const isInvalidBorderStyles = null;
9
8
  const isFocusedBorderStyles = null;
10
9
  const isFocusedStyles = null;
@@ -16,8 +15,6 @@ const isInvalidHoverStyles = null;
16
15
  const isDisabledStyles = null;
17
16
  const newBorderStyles = null;
18
17
  const baseContainerStyles = null;
19
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
20
- const baseContainerStylesT26Shape = null;
21
18
  /**
22
19
  * This is the container for the datetime picker component.
23
20
  */
@@ -36,6 +33,6 @@ export const DateTimePickerContainer = /*#__PURE__*/forwardRef(({
36
33
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
37
34
  "data-testid": testId,
38
35
  ref: ref,
39
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", fg('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", 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
+ className: ax(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
40
37
  }), children);
41
38
  });
package/dist/esm/components/date-picker.js CHANGED
@@ -38,7 +38,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
38
38
  import { parseDate } from '../internal/parse-date';
39
39
  import { makeSingleValue } from '../internal/single-value';
40
40
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "18.4.2";
41
+ var packageVersion = "18.5.0";
42
42
  var styles = {
43
43
  pickerContainerStyle: "_kqswh2mm",
44
44
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/esm/components/date-time-picker.js CHANGED
@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
27
27
  import DatePicker from './date-picker';
28
28
  import TimePicker from './time-picker';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "18.4.2";
30
+ var packageVersion = "18.5.0";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
package/dist/esm/components/time-picker.js CHANGED
@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
25
25
  import { placeholderDatetime } from '../internal/placeholder-date-time';
26
26
  import { makeSingleValue } from '../internal/single-value';
27
27
  var packageName = "@atlaskit/datetime-picker";
28
- var packageVersion = "18.4.2";
28
+ var packageVersion = "18.5.0";
29
29
  var defaultTimeFormat = 'h:mma';
30
30
  var menuStyles = {
31
31
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/esm/internal/date-time-picker-container.compiled.css CHANGED
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
package/dist/esm/internal/date-time-picker-container.js CHANGED
@@ -4,7 +4,6 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  var isInvalidBorderStyles = null;
9
8
  var isFocusedBorderStyles = null;
10
9
  var isFocusedStyles = null;
@@ -16,8 +15,6 @@ var isInvalidHoverStyles = null;
16
15
  var isDisabledStyles = null;
17
16
  var newBorderStyles = null;
18
17
  var baseContainerStyles = null;
19
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
20
- var baseContainerStylesT26Shape = null;
21
18
  /**
22
19
  * This is the container for the datetime picker component.
23
20
  */
@@ -35,6 +32,6 @@ export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref
35
32
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
36
33
  "data-testid": testId,
37
34
  ref: ref,
38
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", fg('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
35
+ className: ax(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
39
36
  }), children);
40
37
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "18.5.0",
3
+ "version": "18.5.1",
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/"
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/react-compiler-gating": "^0.2.0",
46
46
  "@atlaskit/react-select": "^4.9.0",
47
47
  "@atlaskit/select": "^22.11.0",
48
- "@atlaskit/tokens": "^16.10.0",
48
+ "@atlaskit/tokens": "^16.11.0",
49
49
  "@atlaskit/top-layer": "^4.4.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^1.0.2",
@@ -87,9 +87,6 @@
87
87
  "platform-dst-top-layer": {
88
88
  "type": "boolean"
89
89
  },
90
- "platform-dst-shape-theme-default": {
91
- "type": "boolean"
92
- },
93
90
  "platform-dst-dp-parse-date-format": {
94
91
  "type": "boolean"
95
92
  }