@atlaskit/pagination 14.1.10 → 14.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/pagination
 
+## 14.2.0
+
+### Minor Changes
+
+- [`2afcf534bad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2afcf534bad) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.1.10
 
 ### Patch Changes

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

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
@@ -19,13 +19,13 @@ var _constants = require("@atlaskit/theme/constants");
 
 /** @jsx jsx */
 var gridSize = (0, _constants.gridSize)();
-var navigatorStyles = (0, _core.css)({
+var navigatorStyles = (0, _react2.css)({
   paddingRight: gridSize / 2,
   paddingLeft: gridSize / 2
 });
 
 function Navigator(props) {
-  return (0, _core.jsx)(_standardButton.default // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return (0, _react2.jsx)(_standardButton.default // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , (0, _extends2.default)({}, props, {
     appearance: "subtle",
     spacing: "none",

package/dist/cjs/internal/components/render-ellipsis.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = renderEllipsis;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 /**  @jsx jsx */
-var ellipsisStyles = (0, _core.css)({
+var ellipsisStyles = (0, _react.css)({
   display: 'inline-flex',
   padding: '0 8px',
   alignItems: 'center',
@@ -17,7 +17,7 @@ var ellipsisStyles = (0, _core.css)({
 
 function renderEllipsis(_ref) {
   var key = _ref.key;
-  return (0, _core.jsx)("span", {
+  return (0, _react.jsx)("span", {
     key: key,
     css: ellipsisStyles
   }, "...");

package/dist/cjs/pagination.js

@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -42,9 +42,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.10"
+  packageVersion: "14.2.0"
 };
-var navStyles = (0, _core.css)({
+var navStyles = (0, _react2.css)({
   display: 'flex'
 });
 
@@ -100,7 +100,7 @@ function InnerPagination(_ref, ref) {
 
   var transform = function transform(page, currPageIndex, testId) {
     var selectedPage = pages[selectedIndexValue];
-    return (0, _core.jsx)(_page.default, {
+    return (0, _react2.jsx)(_page.default, {
       key: "page-".concat(getPageLabel ? getPageLabel(page, currPageIndex) : currPageIndex),
       component: components.Page,
       onClick: function onClick(event) {
@@ -115,13 +115,13 @@ function InnerPagination(_ref, ref) {
     }, getPageLabel ? getPageLabel(page, currPageIndex) : page);
   };
 
-  return (0, _core.jsx)("nav", {
+  return (0, _react2.jsx)("nav", {
     "data-testid": testId,
     css: navStyles,
     style: style,
     ref: ref,
     "aria-label": label
-  }, (0, _core.jsx)(_navigator.default, {
+  }, (0, _react2.jsx)(_navigator.default, {
     key: "left-navigator",
     component: components.Previous,
     onClick: function onClick(event) {
@@ -131,7 +131,7 @@ function InnerPagination(_ref, ref) {
       });
     },
     isDisabled: selectedIndexValue === 0,
-    iconBefore: (0, _core.jsx)(_chevronLeftLarge.default, {
+    iconBefore: (0, _react2.jsx)(_chevronLeftLarge.default, {
       label: ""
     }),
     "aria-label": previousLabel,
@@ -141,7 +141,7 @@ function InnerPagination(_ref, ref) {
     max: max,
     ellipsis: renderEllipsis,
     transform: transform
-  }, testId), (0, _core.jsx)(_navigator.default, {
+  }, testId), (0, _react2.jsx)(_navigator.default, {
     key: "right-navigator",
     component: components.Next,
     onClick: function onClick(event) {
@@ -151,7 +151,7 @@ function InnerPagination(_ref, ref) {
       });
     },
     isDisabled: selectedIndexValue === pages.length - 1,
-    iconBefore: (0, _core.jsx)(_chevronRightLarge.default, {
+    iconBefore: (0, _react2.jsx)(_chevronRightLarge.default, {
       label: ""
     }),
     "aria-label": nextLabel,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.1.10",
+	"version": "14.2.0",
 	"sideEffects": false
 }

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 const gridSize = getGridSize();

package/dist/es2019/internal/components/render-ellipsis.js

@@ -1,5 +1,5 @@
 /**  @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 const ellipsisStyles = css({
   display: 'inline-flex',
   padding: '0 8px',

package/dist/es2019/pagination.js

@@ -1,6 +1,6 @@
 /**  @jsx jsx */
 import { forwardRef, memo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
@@ -14,7 +14,7 @@ import collapseRange from './internal/utils/collapse-range';
 const analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.10"
+  packageVersion: "14.2.0"
 };
 const navStyles = css({
   display: 'flex'

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.1.10",
+	"version": "14.2.0",
 	"sideEffects": false
 }

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/standard-button';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 var gridSize = getGridSize();

package/dist/esm/internal/components/render-ellipsis.js

@@ -1,5 +1,5 @@
 /**  @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 var ellipsisStyles = css({
   display: 'inline-flex',
   padding: '0 8px',

package/dist/esm/pagination.js

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /**  @jsx jsx */
 import { forwardRef, memo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
@@ -21,7 +21,7 @@ import collapseRange from './internal/utils/collapse-range';
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.10"
+  packageVersion: "14.2.0"
 };
 var navStyles = css({
   display: 'flex'

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/pagination",
-	"version": "14.1.10",
+	"version": "14.2.0",
 	"sideEffects": false
 }

package/dist/types/internal/components/navigator.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React, { ReactElement, SyntheticEvent } from 'react';
+import { jsx } from '@emotion/react';
 export declare type NavigatorProps<T> = {
     /**
      * This will be passed in as aria-label to button. This is what screen reader will read
@@ -18,4 +19,4 @@ export declare type NavigatorProps<T> = {
     onClick?: (event: SyntheticEvent) => void;
     component?: React.ElementType<any>;
 };
-export default function Navigator<T>(props: NavigatorProps<T>): JSX.Element;
+export default function Navigator<T>(props: NavigatorProps<T>): jsx.JSX.Element;

package/dist/types/pagination.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { PaginationPropTypes } from './types';
-declare function InnerPagination<T>({ components, defaultSelectedIndex, selectedIndex, label, previousLabel, nextLabel, style, max, onChange, pages, getPageLabel, renderEllipsis, analyticsContext, testId, }: PaginationPropTypes<T>, ref: React.Ref<HTMLDivElement>): JSX.Element;
+declare function InnerPagination<T>({ components, defaultSelectedIndex, selectedIndex, label, previousLabel, nextLabel, style, max, onChange, pages, getPageLabel, renderEllipsis, analyticsContext, testId, }: PaginationPropTypes<T>, ref: React.Ref<HTMLDivElement>): jsx.JSX.Element;
 declare const _default: typeof InnerPagination;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/pagination",
-  "version": "14.1.10",
+  "version": "14.2.0",
   "description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,9 +33,9 @@
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "memoize-one": "^6.0.0"
   },
   "peerDependencies": {
@@ -44,8 +44,8 @@
   "devDependencies": {
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/dynamic-table": "^14.7.0",
-    "@atlaskit/section-message": "^6.1.0",
+    "@atlaskit/dynamic-table": "^14.8.0",
+    "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",