@atlaskit/pagination 14.1.2 → 14.1.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/pagination
 
+## 14.1.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 14.1.4
+
+### Patch Changes
+
+- [`f8678250d08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f8678250d08) - Styles have been rewritten to prepare for migration to compiled.
+- Updated dependencies
+
+## 14.1.3
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
+
 ## 14.1.2
 
 ### Patch Changes

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

@@ -15,13 +15,19 @@ var _core = require("@emotion/core");
 
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 
-var _styles = require("../styles");
+var _constants = require("@atlaskit/theme/constants");
 
 /** @jsx jsx */
+var gridSize = (0, _constants.gridSize)();
+var navigatorStyles = (0, _core.css)({
+  paddingRight: gridSize / 2,
+  paddingLeft: gridSize / 2
+});
+
 function Navigator(props) {
   return (0, _core.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
     appearance: "subtle",
     spacing: "none",
-    css: _styles.navigatorStyle
+    css: navigatorStyles
   }));
 }

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

@@ -7,13 +7,18 @@ exports.default = renderEllipsis;
 
 var _core = require("@emotion/core");
 
-var _styles = require("../styles");
-
 /**  @jsx jsx */
+var ellipsisStyles = (0, _core.css)({
+  display: 'inline-flex',
+  padding: '0 8px',
+  alignItems: 'center',
+  textAlign: 'center'
+});
+
 function renderEllipsis(_ref) {
   var key = _ref.key;
   return (0, _core.jsx)("span", {
     key: key,
-    css: _styles.ellipsisStyle
+    css: ellipsisStyles
   }, "...");
 }

package/dist/cjs/pagination.js

@@ -33,19 +33,20 @@ var _renderEllipsis = _interopRequireDefault(require("./internal/components/rend
 
 var _constants = require("./internal/constants");
 
-var _styles = require("./internal/styles");
-
 var _collapseRange = _interopRequireDefault(require("./internal/utils/collapse-range"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.2"
+  packageVersion: "14.1.5"
 };
+var navStyles = (0, _core.css)({
+  display: 'flex'
+});
 
 function InnerPagination(_ref, ref) {
   var _ref$components = _ref.components,
@@ -116,7 +117,8 @@ function InnerPagination(_ref, ref) {
 
   return (0, _core.jsx)("nav", {
     "data-testid": testId,
-    css: _objectSpread(_objectSpread({}, _styles.navStyle), style),
+    css: navStyles,
+    style: style,
     ref: ref,
     "aria-label": label
   }, (0, _core.jsx)(_navigator.default, {

package/dist/cjs/version.json

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

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

@@ -2,13 +2,18 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 import Button from '@atlaskit/button/standard-button';
-import { navigatorStyle } from '../styles';
+import { gridSize as getGridSize } from '@atlaskit/theme/constants';
+const gridSize = getGridSize();
+const navigatorStyles = css({
+  paddingRight: gridSize / 2,
+  paddingLeft: gridSize / 2
+});
 export default function Navigator(props) {
   return jsx(Button, _extends({}, props, {
     appearance: "subtle",
     spacing: "none",
-    css: navigatorStyle
+    css: navigatorStyles
   }));
 }

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

@@ -1,11 +1,16 @@
 /**  @jsx jsx */
-import { jsx } from '@emotion/core';
-import { ellipsisStyle } from '../styles';
+import { css, jsx } from '@emotion/core';
+const ellipsisStyles = css({
+  display: 'inline-flex',
+  padding: '0 8px',
+  alignItems: 'center',
+  textAlign: 'center'
+});
 export default function renderEllipsis({
   key
 }) {
   return jsx("span", {
     key: key,
-    css: ellipsisStyle
+    css: ellipsisStyles
   }, "...");
 }

package/dist/es2019/pagination.js

@@ -1,6 +1,6 @@
 /**  @jsx jsx */
 import { forwardRef, memo } from 'react';
-import { jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
@@ -10,13 +10,15 @@ import Navigator from './internal/components/navigator';
 import PageComponent from './internal/components/page';
 import renderDefaultEllipsis from './internal/components/render-ellipsis';
 import { emptyObject } from './internal/constants';
-import { navStyle } from './internal/styles';
 import collapseRange from './internal/utils/collapse-range';
 const analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.2"
+  packageVersion: "14.1.5"
 };
+const navStyles = css({
+  display: 'flex'
+});
 
 function InnerPagination({
   components = emptyObject,
@@ -73,9 +75,8 @@ function InnerPagination({
 
   return jsx("nav", {
     "data-testid": testId,
-    css: { ...navStyle,
-      ...style
-    },
+    css: navStyles,
+    style: style,
     ref: ref,
     "aria-label": label
   }, jsx(Navigator, {

package/dist/es2019/version.json

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

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

@@ -2,13 +2,18 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 import Button from '@atlaskit/button/standard-button';
-import { navigatorStyle } from '../styles';
+import { gridSize as getGridSize } from '@atlaskit/theme/constants';
+var gridSize = getGridSize();
+var navigatorStyles = css({
+  paddingRight: gridSize / 2,
+  paddingLeft: gridSize / 2
+});
 export default function Navigator(props) {
   return jsx(Button, _extends({}, props, {
     appearance: "subtle",
     spacing: "none",
-    css: navigatorStyle
+    css: navigatorStyles
   }));
 }

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

@@ -1,10 +1,15 @@
 /**  @jsx jsx */
-import { jsx } from '@emotion/core';
-import { ellipsisStyle } from '../styles';
+import { css, jsx } from '@emotion/core';
+var ellipsisStyles = css({
+  display: 'inline-flex',
+  padding: '0 8px',
+  alignItems: 'center',
+  textAlign: 'center'
+});
 export default function renderEllipsis(_ref) {
   var key = _ref.key;
   return jsx("span", {
     key: key,
-    css: ellipsisStyle
+    css: ellipsisStyles
   }, "...");
 }

package/dist/esm/pagination.js

@@ -1,13 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 /**  @jsx jsx */
 import { forwardRef, memo } from 'react';
-import { jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/core';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
 import useControlled from '@atlaskit/ds-lib/use-controlled';
@@ -17,13 +17,15 @@ import Navigator from './internal/components/navigator';
 import PageComponent from './internal/components/page';
 import renderDefaultEllipsis from './internal/components/render-ellipsis';
 import { emptyObject } from './internal/constants';
-import { navStyle } from './internal/styles';
 import collapseRange from './internal/utils/collapse-range';
 var analyticsAttributes = {
   componentName: 'pagination',
   packageName: "@atlaskit/pagination",
-  packageVersion: "14.1.2"
+  packageVersion: "14.1.5"
 };
+var navStyles = css({
+  display: 'flex'
+});
 
 function InnerPagination(_ref, ref) {
   var _ref$components = _ref.components,
@@ -94,7 +96,8 @@ function InnerPagination(_ref, ref) {
 
   return jsx("nav", {
     "data-testid": testId,
-    css: _objectSpread(_objectSpread({}, navStyle), style),
+    css: navStyles,
+    style: style,
     ref: ref,
     "aria-label": label
   }, jsx(Navigator, {

package/dist/esm/version.json

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from '@atlaskit/button/standard-button';
 import type { Appearance } from '@atlaskit/button/types';
 declare type Diff<T, U> = T extends U ? never : T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/pagination",
-  "version": "14.1.2",
+  "version": "14.1.5",
   "description": "Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Pagination"
@@ -24,11 +23,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/button": "^16.1.0",
-    "@atlaskit/codemod-utils": "^3.4.0",
-    "@atlaskit/ds-lib": "^1.3.0",
-    "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/codemod-utils": "^4.0.0",
+    "@atlaskit/ds-lib": "^1.4.0",
+    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "memoize-one": "^6.0.0"
@@ -37,9 +36,8 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.1.0",
+    "@atlaskit/dynamic-table": "^14.5.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -52,8 +50,8 @@
     "react-dom": "^16.8.0",
     "react-router-dom": "^4.2.2",
     "storybook-addon-performance": "^0.16.0",
-    "tiny-invariant": "^0.0.3",
-    "typescript": "3.9.6",
+    "tiny-invariant": "^1.2.0",
+    "typescript": "3.9.10",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -64,7 +62,11 @@
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "theming": "tokens",
-      "deprecation": "no-deprecated-imports"
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "emotion",
+        "static"
+      ]
     }
   },
   "af:exports": {

package/dist/cjs/internal/styles.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.navigatorStyle = exports.navStyle = exports.ellipsisStyle = void 0;
-
-var _constants = require("@atlaskit/theme/constants");
-
-var ellipsisStyle = {
-  display: 'inline-flex',
-  textAlign: 'center',
-  alignItems: 'center',
-  padding: '0 8px'
-};
-exports.ellipsisStyle = ellipsisStyle;
-var navStyle = {
-  display: 'flex'
-};
-exports.navStyle = navStyle;
-var halfGridSize = (0, _constants.gridSize)() / 2;
-var navigatorStyle = {
-  paddingLeft: halfGridSize,
-  paddingRight: halfGridSize
-};
-exports.navigatorStyle = navigatorStyle;

package/dist/es2019/internal/styles.js

@@ -1,15 +0,0 @@
-import { gridSize } from '@atlaskit/theme/constants';
-export const ellipsisStyle = {
-  display: 'inline-flex',
-  textAlign: 'center',
-  alignItems: 'center',
-  padding: '0 8px'
-};
-export const navStyle = {
-  display: 'flex'
-};
-const halfGridSize = gridSize() / 2;
-export const navigatorStyle = {
-  paddingLeft: halfGridSize,
-  paddingRight: halfGridSize
-};

package/dist/esm/internal/styles.js

@@ -1,15 +0,0 @@
-import { gridSize } from '@atlaskit/theme/constants';
-export var ellipsisStyle = {
-  display: 'inline-flex',
-  textAlign: 'center',
-  alignItems: 'center',
-  padding: '0 8px'
-};
-export var navStyle = {
-  display: 'flex'
-};
-var halfGridSize = gridSize() / 2;
-export var navigatorStyle = {
-  paddingLeft: halfGridSize,
-  paddingRight: halfGridSize
-};

package/dist/types/internal/styles.d.ts

@@ -1,4 +0,0 @@
-import { CSSObject } from '@emotion/core';
-export declare const ellipsisStyle: CSSObject;
-export declare const navStyle: CSSObject;
-export declare const navigatorStyle: CSSObject;