@atlaskit/calendar 14.0.4 → 14.0.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/calendar
 
+## 14.0.6
+
+### Patch Changes
+
+- [#65872](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65872) [`42fb30840f3c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/42fb30840f3c) - [ux] Migrate buttons in Calendar to consume new icon buttons.
+- Updated dependencies
+
+## 14.0.5
+
+### Patch Changes
+
+- [#63677](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63677) [`f320c8ce5039`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f320c8ce5039) - This package has been added to the Jira push model.
+
 ## 14.0.4
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -34,7 +34,7 @@ var boxStyles = (0, _primitives.xcss)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "14.0.4"
+  packageVersion: "14.0.6"
 };
 var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/cjs/internal/components/header.js

@@ -8,12 +8,11 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _new = require("@atlaskit/button/new");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
 var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
 var _primitives = require("@atlaskit/primitives");
-var _colors = require("@atlaskit/theme/colors");
 var _useUniqueId = _interopRequireDefault(require("../../internal/hooks/use-unique-id"));
 /** @jsx jsx */
 
@@ -62,18 +61,14 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
     space: "space.0",
     alignBlock: "center",
     spread: "space-between"
-  }, (0, _react2.jsx)(_standardButton.default, {
+  }, (0, _react2.jsx)(_new.IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handlePrevMonthInteraction,
     testId: testId && "".concat(testId, "--previous-month"),
-    iconBefore: (0, _react2.jsx)(_chevronLeftLarge.default, {
-      label: "".concat(previousMonthLabel, ", ").concat(previousHeading),
-      size: "medium",
-      primaryColor: "var(--ds-icon, ".concat(_colors.N700, ")"),
-      testId: testId && "".concat(testId, "--previous-month-icon")
-    })
+    icon: _chevronLeftLarge.default,
+    label: "".concat(previousMonthLabel, ", ").concat(previousHeading)
   }), (0, _react2.jsx)(_primitives.Box, {
     "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
     id: announceId,
@@ -83,18 +78,14 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
     as: "h2",
     id: headerId,
     testId: testId && "".concat(testId, "--current-month-year")
-  }, "".concat(monthLongTitle, " ").concat(year))), (0, _react2.jsx)(_standardButton.default, {
+  }, "".concat(monthLongTitle, " ").concat(year))), (0, _react2.jsx)(_new.IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handleNextMonthInteraction,
     testId: testId && "".concat(testId, "--next-month"),
-    iconBefore: (0, _react2.jsx)(_chevronRightLarge.default, {
-      label: "".concat(nextMonthLabel, ", ").concat(nextHeading),
-      size: "medium",
-      primaryColor: "var(--ds-icon, ".concat(_colors.N700, ")"),
-      testId: testId && "".concat(testId, "--next-month-icon")
-    })
+    icon: _chevronRightLarge.default,
+    label: "".concat(nextMonthLabel, ", ").concat(nextHeading)
   })));
 });
 Header.displayName = 'Header';

package/dist/es2019/calendar.js

@@ -24,7 +24,7 @@ const boxStyles = xcss({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "14.0.4"
+  packageVersion: "14.0.6"
 };
 const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
   day,

package/dist/es2019/internal/components/header.js

@@ -1,12 +1,11 @@
 /** @jsx jsx */
 import { memo, useState } from 'react';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
+import { IconButton } from '@atlaskit/button/new';
 import Heading from '@atlaskit/heading';
 import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
 import { Box, Inline } from '@atlaskit/primitives';
-import { N700 } from '@atlaskit/theme/colors';
 import useUniqueId from '../../internal/hooks/use-unique-id';
 const Header = /*#__PURE__*/memo(function Header({
   monthLongTitle,
@@ -49,18 +48,14 @@ const Header = /*#__PURE__*/memo(function Header({
     space: "space.0",
     alignBlock: "center",
     spread: "space-between"
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handlePrevMonthInteraction,
     testId: testId && `${testId}--previous-month`,
-    iconBefore: jsx(ArrowleftIcon, {
-      label: `${previousMonthLabel}, ${previousHeading}`,
-      size: "medium",
-      primaryColor: `var(--ds-icon, ${N700})`,
-      testId: testId && `${testId}--previous-month-icon`
-    })
+    icon: ArrowleftIcon,
+    label: `${previousMonthLabel}, ${previousHeading}`
   }), jsx(Box, {
     "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
     id: announceId,
@@ -70,18 +65,14 @@ const Header = /*#__PURE__*/memo(function Header({
     as: "h2",
     id: headerId,
     testId: testId && `${testId}--current-month-year`
-  }, `${monthLongTitle} ${year}`)), jsx(Button, {
+  }, `${monthLongTitle} ${year}`)), jsx(IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handleNextMonthInteraction,
     testId: testId && `${testId}--next-month`,
-    iconBefore: jsx(ArrowrightIcon, {
-      label: `${nextMonthLabel}, ${nextHeading}`,
-      size: "medium",
-      primaryColor: `var(--ds-icon, ${N700})`,
-      testId: testId && `${testId}--next-month-icon`
-    })
+    icon: ArrowrightIcon,
+    label: `${nextMonthLabel}, ${nextHeading}`
   })));
 });
 Header.displayName = 'Header';

package/dist/esm/calendar.js

@@ -28,7 +28,7 @@ var boxStyles = xcss({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "14.0.4"
+  packageVersion: "14.0.6"
 };
 var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/esm/internal/components/header.js

@@ -2,12 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { memo, useState } from 'react';
 import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/standard-button';
+import { IconButton } from '@atlaskit/button/new';
 import Heading from '@atlaskit/heading';
 import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
 import { Box, Inline } from '@atlaskit/primitives';
-import { N700 } from '@atlaskit/theme/colors';
 import useUniqueId from '../../internal/hooks/use-unique-id';
 var Header = /*#__PURE__*/memo(function Header(_ref) {
   var monthLongTitle = _ref.monthLongTitle,
@@ -54,18 +53,14 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
     space: "space.0",
     alignBlock: "center",
     spread: "space-between"
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handlePrevMonthInteraction,
     testId: testId && "".concat(testId, "--previous-month"),
-    iconBefore: jsx(ArrowleftIcon, {
-      label: "".concat(previousMonthLabel, ", ").concat(previousHeading),
-      size: "medium",
-      primaryColor: "var(--ds-icon, ".concat(N700, ")"),
-      testId: testId && "".concat(testId, "--previous-month-icon")
-    })
+    icon: ArrowleftIcon,
+    label: "".concat(previousMonthLabel, ", ").concat(previousHeading)
   }), jsx(Box, {
     "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
     id: announceId,
@@ -75,18 +70,14 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
     as: "h2",
     id: headerId,
     testId: testId && "".concat(testId, "--current-month-year")
-  }, "".concat(monthLongTitle, " ").concat(year))), jsx(Button, {
+  }, "".concat(monthLongTitle, " ").concat(year))), jsx(IconButton, {
     appearance: "subtle",
     spacing: "none",
     tabIndex: tabIndex,
     onClick: handleNextMonthInteraction,
     testId: testId && "".concat(testId, "--next-month"),
-    iconBefore: jsx(ArrowrightIcon, {
-      label: "".concat(nextMonthLabel, ", ").concat(nextHeading),
-      size: "medium",
-      primaryColor: "var(--ds-icon, ".concat(N700, ")"),
-      testId: testId && "".concat(testId, "--next-month-icon")
-    })
+    icon: ArrowrightIcon,
+    label: "".concat(nextMonthLabel, ", ").concat(nextHeading)
   })));
 });
 Header.displayName = 'Header';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "14.0.4",
+  "version": "14.0.6",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,6 +17,9 @@
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "continuous",
+    "productPushConsumption": [
+      "jira"
+    ],
     "website": {
       "name": "Calendar",
       "category": "Components"
@@ -24,15 +27,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^17.0.0",
-    "@atlaskit/ds-explorations": "^3.1.0",
+    "@atlaskit/button": "^17.2.0",
+    "@atlaskit/ds-explorations": "^3.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/heading": "^1.4.0",
+    "@atlaskit/heading": "^1.5.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/locale": "^2.6.0",
-    "@atlaskit/primitives": "^1.15.0",
+    "@atlaskit/primitives": "^1.20.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
+    "@atlaskit/tokens": "^1.35.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -47,7 +50,6 @@
     "@af/visual-regression": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",