@atlaskit/datetime-picker 12.5.2 → 12.5.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/datetime-picker
 
+## 12.5.3
+
+### Patch Changes
+
+- [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+
 ## 12.5.2
 
 ### Patch Changes

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

@@ -35,8 +35,9 @@ 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.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -31,7 +31,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.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -102,9 +102,9 @@ var timePickerContainerStyles = (0, _react2.css)({
 var ICON_PADDING = 2;
 var iconContainerStyles = (0, _react2.css)({
   display: 'flex',
-  paddingTop: "6px",
-  paddingRight: "".concat((0, _constants.gridSize)(), "px"),
-  paddingBottom: "6px",
+  paddingTop: "var(--ds-space-075, 6px)",
+  paddingRight: "var(--ds-space-100, 8px)",
+  paddingBottom: "var(--ds-space-075, 6px)",
   paddingLeft: "".concat(ICON_PADDING * 2, "px"),
   alignItems: 'center',
   flexBasis: 'inherit',

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.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/cjs/version.json

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

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

@@ -13,12 +13,13 @@ import CalendarIcon from '@atlaskit/icon/glyph/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 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 { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.5.2";
+const packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -11,13 +11,13 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { mergeStyles } from '@atlaskit/select';
 import { B100, N0, N20, N30, N500, N70, R400 } from '@atlaskit/theme/colors';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
+import { borderRadius } from '@atlaskit/theme/constants';
 import { defaultTimes, formatDateTimeZoneIntoIso } from '../internal';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.5.2";
+const packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -88,9 +88,9 @@ const timePickerContainerStyles = css({
 const ICON_PADDING = 2;
 const iconContainerStyles = css({
   display: 'flex',
-  paddingTop: `6px`,
-  paddingRight: `${gridSize()}px`,
-  paddingBottom: `6px`,
+  paddingTop: "var(--ds-space-075, 6px)",
+  paddingRight: "var(--ds-space-100, 8px)",
+  paddingBottom: "var(--ds-space-075, 6px)",
   paddingLeft: `${ICON_PADDING * 2}px`,
   alignItems: 'center',
   flexBasis: 'inherit',

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.5.2";
+const packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/es2019/version.json

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

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

@@ -24,12 +24,13 @@ import CalendarIcon from '@atlaskit/icon/glyph/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 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 { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -21,13 +21,13 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { mergeStyles } from '@atlaskit/select';
 import { B100, N0, N20, N30, N500, N70, R400 } from '@atlaskit/theme/colors';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
+import { borderRadius } from '@atlaskit/theme/constants';
 import { defaultTimes, formatDateTimeZoneIntoIso } from '../internal';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -98,9 +98,9 @@ var timePickerContainerStyles = css({
 var ICON_PADDING = 2;
 var iconContainerStyles = css({
   display: 'flex',
-  paddingTop: "6px",
-  paddingRight: "".concat(gridSize(), "px"),
-  paddingBottom: "6px",
+  paddingTop: "var(--ds-space-075, 6px)",
+  paddingRight: "var(--ds-space-100, 8px)",
+  paddingBottom: "var(--ds-space-075, 6px)",
   paddingLeft: "".concat(ICON_PADDING * 2, "px"),
   alignItems: 'center',
   flexBasis: 'inherit',

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.5.2";
+var packageVersion = "12.5.3";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "12.5.2",
+  "version": "12.5.3",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"