@atlaskit/datetime-picker 12.7.0 → 12.7.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/datetime-picker
 
+## 12.7.1
+
+### Patch Changes
+
+- [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
+
 ## 12.7.0
 
 ### Minor Changes

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

@@ -36,9 +36,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -430,7 +429,6 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         locale = _this$props3.locale,
         testId = _this$props3.testId,
         weekStartDay = _this$props3.weekStartDay;
-      var ICON_PADDING = 2;
       var _this$getSafeState7 = this.getSafeState(),
         value = _this$getSafeState7.value,
         calendarValue = _this$getSafeState7.calendarValue,
@@ -505,11 +503,13 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           },
           indicatorsContainer: function indicatorsContainer(base) {
             return _objectSpread(_objectSpread({}, base), {}, {
-              paddingLeft: ICON_PADDING,
-              paddingRight: (0, _constants.gridSize)() - ICON_PADDING
+              paddingLeft: "var(--ds-space-025, 2px)",
+              // ICON_PADDING = 2
+              paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
             });
           }
         }),
+
         placeholder: this.getPlaceholder(),
         value: value && {
           label: this.formatDate(value),

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

@@ -32,7 +32,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.0",
+	"version": "12.7.1",
 	"sideEffects": false
 }

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

@@ -14,13 +14,12 @@ import { createLocalizationProvider } from '@atlaskit/locale';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Select, { mergeStyles } from '@atlaskit/select';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { borderRadius, gridSize, layers } from '@atlaskit/theme/constants';
+import { borderRadius, layers } from '@atlaskit/theme/constants';
 import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.0";
+const packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -417,7 +416,6 @@ class DatePicker extends Component {
       testId,
       weekStartDay
     } = this.props;
-    const ICON_PADDING = 2;
     const {
       value,
       calendarValue,
@@ -496,10 +494,12 @@ class DatePicker extends Component {
         }),
         indicatorsContainer: base => ({
           ...base,
-          paddingLeft: ICON_PADDING,
-          paddingRight: gridSize() - ICON_PADDING
+          paddingLeft: "var(--ds-space-025, 2px)",
+          // ICON_PADDING = 2
+          paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
         })
       }),
+
       placeholder: this.getPlaceholder(),
       value: value && {
         label: this.formatDate(value),

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

@@ -18,7 +18,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.0";
+const packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -16,7 +16,7 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.0";
+const packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.0",
+	"version": "12.7.1",
 	"sideEffects": false
 }

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

@@ -25,13 +25,12 @@ import { createLocalizationProvider } from '@atlaskit/locale';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Select, { mergeStyles } from '@atlaskit/select';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { borderRadius, gridSize, layers } from '@atlaskit/theme/constants';
+import { borderRadius, layers } from '@atlaskit/theme/constants';
 import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -423,7 +422,6 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         locale = _this$props3.locale,
         testId = _this$props3.testId,
         weekStartDay = _this$props3.weekStartDay;
-      var ICON_PADDING = 2;
       var _this$getSafeState7 = this.getSafeState(),
         value = _this$getSafeState7.value,
         calendarValue = _this$getSafeState7.calendarValue,
@@ -498,11 +496,13 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           },
           indicatorsContainer: function indicatorsContainer(base) {
             return _objectSpread(_objectSpread({}, base), {}, {
-              paddingLeft: ICON_PADDING,
-              paddingRight: gridSize() - ICON_PADDING
+              paddingLeft: "var(--ds-space-025, 2px)",
+              // ICON_PADDING = 2
+              paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
             });
           }
         }),
+
         placeholder: this.getPlaceholder(),
         value: value && {
           label: this.formatDate(value),

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

@@ -28,7 +28,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -29,7 +29,7 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.0";
+var packageVersion = "12.7.1";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.0",
+	"version": "12.7.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "12.7.0",
+  "version": "12.7.1",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -56,7 +56,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/field-base": "^15.2.0",
     "@atlaskit/form": "^8.11.0",
-    "@atlaskit/modal-dialog": "^12.5.0",
+    "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/popup": "^1.6.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",