@atlaskit/page - npm Package Compare versions

Comparing version 11.0.7 to 11.0.8

CHANGELOG.md

 # @atlaskit/page
 
+## 11.0.8
+
+### Patch Changes
+
+- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
+
+  Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
+
 ## 11.0.7
@@ -4,0 +12,0 @@

dist/cjs/Grid.d.ts

@@ -10,4 +10,4 @@ import React, { ReactNode } from 'react';
 declare const _default: React.ComponentClass<Pick<Props, "children" | "spacing" | "layout"> & {
-    theme?: {} | undefined;
+    theme?: unknown;
 }, any>;
 export default _default;

dist/cjs/Grid.js

 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var _a;
 "use strict";
@@ -6,0 +6,0 @@ var react_1 = tslib_1.__importStar(require("react"));

dist/cjs/GridColumn.d.ts

 import React from 'react';
 import { GridColumnProps } from './types';
 declare const _default: React.ComponentClass<Pick<GridColumnProps, "children" | "medium"> & {
-    theme?: {} | undefined;
+    theme?: unknown;
 }, any>;
 export default _default;

dist/cjs/GridColumn.js

 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var _a;
 "use strict";
@@ -6,0 +6,0 @@ var react_1 = tslib_1.__importStar(require("react"));

dist/cjs/version.json

 {
 	"name": "@atlaskit/page",
-	"version": "11.0.7",
+	"version": "11.0.8",
 	"sideEffects": false
 }

dist/esm/Grid.d.ts

@@ -10,4 +10,4 @@ import React, { ReactNode } from 'react';
 declare const _default: React.ComponentClass<Pick<Props, "children" | "spacing" | "layout"> & {
-    theme?: {} | undefined;
+    theme?: unknown;
 }, any>;
 export default _default;

dist/esm/Grid.js

@@ -1,3 +0,3 @@
-import * as tslib_1 from "tslib";
 var _a;
+import { __extends } from "tslib";
 import React, { Component } from 'react';
@@ -8,3 +8,3 @@ import { ThemeProvider, withTheme } from 'styled-components';
 export default withTheme((_a = /** @class */ (function (_super) {
-        tslib_1.__extends(AkGrid, _super);
+        __extends(AkGrid, _super);
         function AkGrid() {
@@ -11,0 +11,0 @@ var _this = _super !== null && _super.apply(this, arguments) || this;

dist/esm/GridColumn.d.ts

 import React from 'react';
 import { GridColumnProps } from './types';
 declare const _default: React.ComponentClass<Pick<GridColumnProps, "children" | "medium"> & {
-    theme?: {} | undefined;
+    theme?: unknown;
 }, any>;
 export default _default;

dist/esm/GridColumn.js

@@ -1,3 +0,3 @@
-import * as tslib_1 from "tslib";
 var _a;
+import { __extends } from "tslib";
 import React, { Component } from 'react';
@@ -9,3 +9,3 @@ import { ThemeProvider, withTheme } from 'styled-components';
 export default withTheme((_a = /** @class */ (function (_super) {
-        tslib_1.__extends(AkGridColumn, _super);
+        __extends(AkGridColumn, _super);
         function AkGridColumn() {
@@ -12,0 +12,0 @@ var _this = _super !== null && _super.apply(this, arguments) || this;

dist/esm/internal/GridColumnElement.js

@@ -1,2 +0,2 @@
-import * as tslib_1 from "tslib";
+import { __makeTemplateObject } from "tslib";
 import styled from 'styled-components';
@@ -33,3 +33,3 @@ import { spacing } from './vars';
 // 99.9999% is used. Using 100% here causes columns to wrap prematurely.
-var GridColumn = styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: ", ";\n  margin: 0 ", "px;\n  max-width: calc(", " - ", "px);\n  min-width: calc(99.9999% / ", " - ", "px);\n  word-wrap: break-word;\n"], ["\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: ", ";\n  margin: 0 ", "px;\n  max-width: calc(", " - ", "px);\n  min-width: calc(99.9999% / ", " - ", "px);\n  word-wrap: break-word;\n"])), getColumnWidth, function (props) { return spacing[props.theme.spacing] / 2; }, getMaxWidthColumnRatio, gridSpacing, availableColumns, gridSpacing);
+var GridColumn = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: ", ";\n  margin: 0 ", "px;\n  max-width: calc(", " - ", "px);\n  min-width: calc(99.9999% / ", " - ", "px);\n  word-wrap: break-word;\n"], ["\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: ", ";\n  margin: 0 ", "px;\n  max-width: calc(", " - ", "px);\n  min-width: calc(99.9999% / ", " - ", "px);\n  word-wrap: break-word;\n"])), getColumnWidth, function (props) { return spacing[props.theme.spacing] / 2; }, getMaxWidthColumnRatio, gridSpacing, availableColumns, gridSpacing);
 export default GridColumn;
@@ -36,0 +36,0 @@ export { getColumnWidth };

dist/esm/internal/GridElement.js

@@ -1,2 +0,2 @@
-import * as tslib_1 from "tslib";
+import { __makeTemplateObject } from "tslib";
 import styled from 'styled-components';
@@ -13,3 +13,3 @@ import { defaultGridColumnWidth, spacing } from './vars';
 var getPadding = function (props) { return spacing[props.theme.spacing] / 2 + "px"; };
-var Grid = styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 ", ";\n  max-width: ", ";\n  padding: 0 ", ";\n  position: relative;\n"], ["\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 ", ";\n  max-width: ", ";\n  padding: 0 ", ";\n  position: relative;\n"])), getMargin, getMaxWidth, getPadding);
+var Grid = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 ", ";\n  max-width: ", ";\n  padding: 0 ", ";\n  position: relative;\n"], ["\n  align-items: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 ", ";\n  max-width: ", ";\n  padding: 0 ", ";\n  position: relative;\n"])), getMargin, getMaxWidth, getPadding);
 export default Grid;
@@ -16,0 +16,0 @@ export { getMargin, getMaxWidth, getPadding };

dist/esm/Page.js

@@ -1,13 +0,13 @@
-import * as tslib_1 from "tslib";
+import { __extends, __makeTemplateObject } from "tslib";
 import React, { Component } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"])));
-var NavigationAndContent = styled.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n"])));
-var BannerContainer = styled.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  flex: 1 0 auto;\n  transition: height 0.25s ease-in-out;\n  height: ", "px;\n  position: relative;\n  width: 100%;\n  z-index: 3;\n"], ["\n  flex: 1 0 auto;\n  transition: height 0.25s ease-in-out;\n  height: ", "px;\n  position: relative;\n  width: 100%;\n  z-index: 3;\n"])), function (props) { return (props.isBannerOpen ? props.bannerHeight : 0); });
-var Banner = styled.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n"], ["\n  position: fixed;\n  width: 100%;\n"])));
-var Navigation = styled.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  z-index: 2;\n"], ["\n  position: relative;\n  z-index: 2;\n"])));
-var PageContent = styled.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  flex: 1 1 auto;\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n"], ["\n  flex: 1 1 auto;\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n"])));
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n  width: 100%;\n"])));
+var NavigationAndContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n"])));
+var BannerContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 0 auto;\n  transition: height 0.25s ease-in-out;\n  height: ", "px;\n  position: relative;\n  width: 100%;\n  z-index: 3;\n"], ["\n  flex: 1 0 auto;\n  transition: height 0.25s ease-in-out;\n  height: ", "px;\n  position: relative;\n  width: 100%;\n  z-index: 3;\n"])), function (props) { return (props.isBannerOpen ? props.bannerHeight : 0); });
+var Banner = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n"], ["\n  position: fixed;\n  width: 100%;\n"])));
+var Navigation = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  z-index: 2;\n"], ["\n  position: relative;\n  z-index: 2;\n"])));
+var PageContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n"], ["\n  flex: 1 1 auto;\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n"])));
 var emptyTheme = {};
 var Page = /** @class */ (function (_super) {
-    tslib_1.__extends(Page, _super);
+    __extends(Page, _super);
     function Page() {
@@ -14,0 +14,0 @@ return _super !== null && _super.apply(this, arguments) || this;

dist/esm/version.json

 {
 	"name": "@atlaskit/page",
-	"version": "11.0.7",
+	"version": "11.0.8",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/page",
-  "version": "11.0.7",
+  "version": "11.0.8",
   "description": "A component for building page layouts. Also includes the Grid and GridColumn components.",
@@ -33,11 +33,11 @@ "repository": "https://bitbucket.org/atlassian/atlaskit-mk-2",
   "devDependencies": {
-    "@atlaskit/banner": "^10.0.11",
-    "@atlaskit/build-utils": "^2.2.4",
-    "@atlaskit/button": "^13.1.5",
-    "@atlaskit/docs": "^8.1.4",
-    "@atlaskit/logo": "^12.1.7",
-    "@atlaskit/navigation": "^35.1.20",
-    "@atlaskit/ssr": "^0.1.0",
-    "@atlaskit/toggle": "^8.0.4",
-    "@atlaskit/visual-regression": "^0.1.2",
+    "@atlaskit/banner": "^10.0.12",
+    "@atlaskit/build-utils": "^2.2.5",
+    "@atlaskit/button": "^13.1.6",
+    "@atlaskit/docs": "^8.1.5",
+    "@atlaskit/logo": "^12.1.8",
+    "@atlaskit/navigation": "^35.1.21",
+    "@atlaskit/ssr": "^0.1.1",
+    "@atlaskit/toggle": "^8.0.5",
+    "@atlaskit/visual-regression": "^0.1.3",
     "enzyme": "^3.7.0",
@@ -44,0 +44,0 @@ "react-dom": "^16.8.0",

tmp/package.json

 {
 	"name": "@atlaskit/page",
-	"version": "11.0.7",
+	"version": "11.0.8",
 	"sideEffects": false
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

64404

decreased by-0.39%

Number of package files

64

decreased by-1.54%

Lines of code

669

decreased by-3.6%

No dependency changes