@atlaskit/page-layout 4.0.0 → 4.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/page-layout
 
+## 4.0.2
+
+### Patch Changes
+
+- [#116443](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/116443)
+  [`88b036ffc4963`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88b036ffc4963) -
+  Update dependencies and remove unused internal exports.
+
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.0
 
 ### Major Changes

package/dist/cjs/common/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VAR_TOP_NAVIGATION_HEIGHT = exports.VAR_RIGHT_SIDEBAR_WIDTH = exports.VAR_RIGHT_PANEL_WIDTH = exports.VAR_LEFT_SIDEBAR_WIDTH = exports.VAR_LEFT_SIDEBAR_FLYOUT = exports.VAR_LEFT_PANEL_WIDTH = exports.VAR_BANNER_HEIGHT = exports.TRANSITION_DURATION = exports.TOP_NAVIGATION_HEIGHT = exports.TOP_NAVIGATION = exports.RIGHT_SIDEBAR_WIDTH = exports.RIGHT_SIDEBAR = exports.RIGHT_PANEL_WIDTH = exports.RIGHT_PANEL = exports.RESIZE_CONTROL_SELECTOR = exports.RESIZE_BUTTON_SELECTOR = exports.PAGE_LAYOUT_SLOT_SELECTOR = exports.PAGE_LAYOUT_LS_KEY = exports.PAGE_LAYOUT_CONTAINER_SELECTOR = exports.MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.MIN_LEFT_SIDEBAR_WIDTH = exports.MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = exports.MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = exports.MAIN = exports.LEFT_SIDEBAR_WIDTH = exports.LEFT_SIDEBAR_FLYOUT_WIDTH = exports.LEFT_SIDEBAR_EXPANDED_WIDTH = exports.LEFT_SIDEBAR = exports.LEFT_PANEL_WIDTH = exports.LEFT_PANEL = exports.IS_SIDEBAR_DRAGGING = exports.IS_SIDEBAR_COLLAPSING = exports.IS_FLYOUT_OPEN = exports.GRAB_AREA_SELECTOR = exports.GRAB_AREA_LINE_SELECTOR = exports.FLYOUT_DELAY = exports.DIMENSIONS = exports.DEFAULT_TOP_NAVIGATION_HEIGHT = exports.DEFAULT_RIGHT_SIDEBAR_WIDTH = exports.DEFAULT_RIGHT_PANEL_WIDTH = exports.DEFAULT_LEFT_SIDEBAR_WIDTH = exports.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = exports.DEFAULT_LEFT_PANEL_WIDTH = exports.DEFAULT_I18N_PROPS_SKIP_LINKS = exports.DEFAULT_BANNER_HEIGHT = exports.CONTENT = exports.COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.BANNER_HEIGHT = exports.BANNER = void 0;
+exports.VAR_TOP_NAVIGATION_HEIGHT = exports.VAR_RIGHT_SIDEBAR_WIDTH = exports.VAR_RIGHT_PANEL_WIDTH = exports.VAR_LEFT_SIDEBAR_WIDTH = exports.VAR_LEFT_SIDEBAR_FLYOUT = exports.VAR_LEFT_PANEL_WIDTH = exports.VAR_BANNER_HEIGHT = exports.TRANSITION_DURATION = exports.TOP_NAVIGATION_HEIGHT = exports.TOP_NAVIGATION = exports.RIGHT_SIDEBAR_WIDTH = exports.RIGHT_PANEL_WIDTH = exports.RIGHT_PANEL = exports.RESIZE_CONTROL_SELECTOR = exports.RESIZE_BUTTON_SELECTOR = exports.PAGE_LAYOUT_SLOT_SELECTOR = exports.PAGE_LAYOUT_LS_KEY = exports.PAGE_LAYOUT_CONTAINER_SELECTOR = exports.MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = exports.MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = exports.LEFT_SIDEBAR_WIDTH = exports.LEFT_SIDEBAR_FLYOUT_WIDTH = exports.LEFT_PANEL_WIDTH = exports.LEFT_PANEL = exports.IS_SIDEBAR_DRAGGING = exports.IS_SIDEBAR_COLLAPSING = exports.GRAB_AREA_SELECTOR = exports.GRAB_AREA_LINE_SELECTOR = exports.FLYOUT_DELAY = exports.DEFAULT_TOP_NAVIGATION_HEIGHT = exports.DEFAULT_RIGHT_SIDEBAR_WIDTH = exports.DEFAULT_RIGHT_PANEL_WIDTH = exports.DEFAULT_LEFT_SIDEBAR_WIDTH = exports.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = exports.DEFAULT_LEFT_PANEL_WIDTH = exports.DEFAULT_I18N_PROPS_SKIP_LINKS = exports.DEFAULT_BANNER_HEIGHT = exports.CONTENT = exports.COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.BANNER_HEIGHT = exports.BANNER = void 0;
 // dimension vars
 var VAR_LEFT_PANEL_WIDTH = exports.VAR_LEFT_PANEL_WIDTH = 'leftPanelWidth';
 var VAR_LEFT_SIDEBAR_WIDTH = exports.VAR_LEFT_SIDEBAR_WIDTH = 'leftSidebarWidth';
@@ -12,7 +12,6 @@ var VAR_RIGHT_PANEL_WIDTH = exports.VAR_RIGHT_PANEL_WIDTH = 'rightPanelWidth';
 var VAR_TOP_NAVIGATION_HEIGHT = exports.VAR_TOP_NAVIGATION_HEIGHT = 'topNavigationHeight';
 var VAR_BANNER_HEIGHT = exports.VAR_BANNER_HEIGHT = 'bannerHeight';
 var VAR_LEFT_SIDEBAR_FLYOUT = exports.VAR_LEFT_SIDEBAR_FLYOUT = 'leftSidebarFlyoutWidth';
-var DIMENSIONS = exports.DIMENSIONS = [VAR_LEFT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT, VAR_LEFT_SIDEBAR_WIDTH, VAR_RIGHT_SIDEBAR_WIDTH];
 
 // Grid area names
 var LEFT_PANEL = exports.LEFT_PANEL = 'left-panel';
@@ -20,9 +19,6 @@ var RIGHT_PANEL = exports.RIGHT_PANEL = 'right-panel';
 var BANNER = exports.BANNER = 'banner';
 var TOP_NAVIGATION = exports.TOP_NAVIGATION = 'top-navigation';
 var CONTENT = exports.CONTENT = 'content';
-var MAIN = exports.MAIN = 'main';
-var LEFT_SIDEBAR = exports.LEFT_SIDEBAR = 'left-sidebar';
-var RIGHT_SIDEBAR = exports.RIGHT_SIDEBAR = 'right-sidebar';
 
 // Default slot dimension values
 var DEFAULT_BANNER_HEIGHT = exports.DEFAULT_BANNER_HEIGHT = 56;
@@ -35,19 +31,16 @@ var DEFAULT_LEFT_PANEL_WIDTH = exports.DEFAULT_LEFT_PANEL_WIDTH = 368;
 // Other constants
 var COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 var MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = exports.MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
-var MIN_LEFT_SIDEBAR_WIDTH = exports.MIN_LEFT_SIDEBAR_WIDTH = 80;
 var DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = exports.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
 var MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = exports.MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 var MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = exports.MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
 var TRANSITION_DURATION = exports.TRANSITION_DURATION = 300;
 var FLYOUT_DELAY = exports.FLYOUT_DELAY = 200;
-var LEFT_SIDEBAR_EXPANDED_WIDTH = exports.LEFT_SIDEBAR_EXPANDED_WIDTH = 'expandedLeftSidebarWidth';
 var PAGE_LAYOUT_LS_KEY = exports.PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE';
 
 // Data attributes
 var IS_SIDEBAR_DRAGGING = exports.IS_SIDEBAR_DRAGGING = 'data-is-sidebar-dragging';
 var IS_SIDEBAR_COLLAPSING = exports.IS_SIDEBAR_COLLAPSING = 'data-is-sidebar-collapsing';
-var IS_FLYOUT_OPEN = exports.IS_FLYOUT_OPEN = 'data-is-flyout-open';
 var GRAB_AREA_LINE_SELECTOR = exports.GRAB_AREA_LINE_SELECTOR = 'data-grab-area-line';
 var GRAB_AREA_SELECTOR = exports.GRAB_AREA_SELECTOR = 'data-grab-area';
 var RESIZE_BUTTON_SELECTOR = exports.RESIZE_BUTTON_SELECTOR = 'data-resize-button';

package/dist/cjs/common/utils.js

@@ -4,16 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resolveDimension = exports.removeFromGridStateInStorage = exports.mergeGridStateIntoStorage = exports.getPageLayoutSlotSelector = exports.getPageLayoutSlotCSSSelector = exports.getLeftSidebarPercentage = exports.getLeftPanelWidth = exports.getGridStateFromStorage = exports.emptyGridState = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+exports.resolveDimension = exports.removeFromGridStateInStorage = exports.mergeGridStateIntoStorage = exports.getPageLayoutSlotSelector = exports.getPageLayoutSlotCSSSelector = exports.getLeftSidebarPercentage = exports.getLeftPanelWidth = exports.getGridStateFromStorage = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _constants = require("./constants");
 var _safeLocalStorage = _interopRequireDefault(require("./safe-local-storage"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var emptyGridState = exports.emptyGridState = _constants.DIMENSIONS.reduce(function (acc, currentValue) {
-  return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, currentValue, 0));
-}, {});
 var mergeGridStateIntoStorage = exports.mergeGridStateIntoStorage = function mergeGridStateIntoStorage(key, value) {
   var storageValue = JSON.parse((0, _safeLocalStorage.default)().getItem(_constants.PAGE_LAYOUT_LS_KEY) || '{}');
   if (value !== null && (0, _typeof2.default)(value) === 'object') {

package/dist/es2019/common/constants.js

@@ -6,7 +6,6 @@ export const VAR_RIGHT_PANEL_WIDTH = 'rightPanelWidth';
 export const VAR_TOP_NAVIGATION_HEIGHT = 'topNavigationHeight';
 export const VAR_BANNER_HEIGHT = 'bannerHeight';
 export const VAR_LEFT_SIDEBAR_FLYOUT = 'leftSidebarFlyoutWidth';
-export const DIMENSIONS = [VAR_LEFT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT, VAR_LEFT_SIDEBAR_WIDTH, VAR_RIGHT_SIDEBAR_WIDTH];
 
 // Grid area names
 export const LEFT_PANEL = 'left-panel';
@@ -14,9 +13,6 @@ export const RIGHT_PANEL = 'right-panel';
 export const BANNER = 'banner';
 export const TOP_NAVIGATION = 'top-navigation';
 export const CONTENT = 'content';
-export const MAIN = 'main';
-export const LEFT_SIDEBAR = 'left-sidebar';
-export const RIGHT_SIDEBAR = 'right-sidebar';
 
 // Default slot dimension values
 export const DEFAULT_BANNER_HEIGHT = 56;
@@ -29,19 +25,16 @@ export const DEFAULT_LEFT_PANEL_WIDTH = 368;
 // Other constants
 export const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 export const MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
-export const MIN_LEFT_SIDEBAR_WIDTH = 80;
 export const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
 export const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 export const MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
 export const TRANSITION_DURATION = 300;
 export const FLYOUT_DELAY = 200;
-export const LEFT_SIDEBAR_EXPANDED_WIDTH = 'expandedLeftSidebarWidth';
 export const PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE';
 
 // Data attributes
 export const IS_SIDEBAR_DRAGGING = 'data-is-sidebar-dragging';
 export const IS_SIDEBAR_COLLAPSING = 'data-is-sidebar-collapsing';
-export const IS_FLYOUT_OPEN = 'data-is-flyout-open';
 export const GRAB_AREA_LINE_SELECTOR = 'data-grab-area-line';
 export const GRAB_AREA_SELECTOR = 'data-grab-area';
 export const RESIZE_BUTTON_SELECTOR = 'data-resize-button';

package/dist/es2019/common/utils.js

@@ -1,9 +1,5 @@
-import { DEFAULT_LEFT_SIDEBAR_WIDTH, DIMENSIONS, LEFT_PANEL_WIDTH, PAGE_LAYOUT_LS_KEY, PAGE_LAYOUT_SLOT_SELECTOR } from './constants';
+import { DEFAULT_LEFT_SIDEBAR_WIDTH, LEFT_PANEL_WIDTH, PAGE_LAYOUT_LS_KEY, PAGE_LAYOUT_SLOT_SELECTOR } from './constants';
 import safeLocalStorage from './safe-local-storage';
-const emptyGridState = DIMENSIONS.reduce((acc, currentValue) => ({
-  ...acc,
-  [currentValue]: 0
-}), {});
 const mergeGridStateIntoStorage = (key, value) => {
   const storageValue = JSON.parse(safeLocalStorage().getItem(PAGE_LAYOUT_LS_KEY) || '{}');
   if (value !== null && typeof value === 'object') {
@@ -56,4 +52,4 @@ const getPageLayoutSlotSelector = slotName => ({
   [PAGE_LAYOUT_SLOT_SELECTOR]: slotName
 });
 const getPageLayoutSlotCSSSelector = slotName => `[${PAGE_LAYOUT_SLOT_SELECTOR}='${slotName}']`;
-export { emptyGridState, mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector };
+export { mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector };

package/dist/esm/common/constants.js

@@ -6,7 +6,6 @@ export var VAR_RIGHT_PANEL_WIDTH = 'rightPanelWidth';
 export var VAR_TOP_NAVIGATION_HEIGHT = 'topNavigationHeight';
 export var VAR_BANNER_HEIGHT = 'bannerHeight';
 export var VAR_LEFT_SIDEBAR_FLYOUT = 'leftSidebarFlyoutWidth';
-export var DIMENSIONS = [VAR_LEFT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT, VAR_LEFT_SIDEBAR_WIDTH, VAR_RIGHT_SIDEBAR_WIDTH];
 
 // Grid area names
 export var LEFT_PANEL = 'left-panel';
@@ -14,9 +13,6 @@ export var RIGHT_PANEL = 'right-panel';
 export var BANNER = 'banner';
 export var TOP_NAVIGATION = 'top-navigation';
 export var CONTENT = 'content';
-export var MAIN = 'main';
-export var LEFT_SIDEBAR = 'left-sidebar';
-export var RIGHT_SIDEBAR = 'right-sidebar';
 
 // Default slot dimension values
 export var DEFAULT_BANNER_HEIGHT = 56;
@@ -29,19 +25,16 @@ export var DEFAULT_LEFT_PANEL_WIDTH = 368;
 // Other constants
 export var COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 export var MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
-export var MIN_LEFT_SIDEBAR_WIDTH = 80;
 export var DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
 export var MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 export var MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
 export var TRANSITION_DURATION = 300;
 export var FLYOUT_DELAY = 200;
-export var LEFT_SIDEBAR_EXPANDED_WIDTH = 'expandedLeftSidebarWidth';
 export var PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE';
 
 // Data attributes
 export var IS_SIDEBAR_DRAGGING = 'data-is-sidebar-dragging';
 export var IS_SIDEBAR_COLLAPSING = 'data-is-sidebar-collapsing';
-export var IS_FLYOUT_OPEN = 'data-is-flyout-open';
 export var GRAB_AREA_LINE_SELECTOR = 'data-grab-area-line';
 export var GRAB_AREA_SELECTOR = 'data-grab-area';
 export var RESIZE_BUTTON_SELECTOR = 'data-resize-button';

package/dist/esm/common/utils.js

@@ -1,12 +1,9 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { DEFAULT_LEFT_SIDEBAR_WIDTH, DIMENSIONS, LEFT_PANEL_WIDTH, PAGE_LAYOUT_LS_KEY, PAGE_LAYOUT_SLOT_SELECTOR } from './constants';
+import { DEFAULT_LEFT_SIDEBAR_WIDTH, LEFT_PANEL_WIDTH, PAGE_LAYOUT_LS_KEY, PAGE_LAYOUT_SLOT_SELECTOR } from './constants';
 import safeLocalStorage from './safe-local-storage';
-var emptyGridState = DIMENSIONS.reduce(function (acc, currentValue) {
-  return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, currentValue, 0));
-}, {});
 var mergeGridStateIntoStorage = function mergeGridStateIntoStorage(key, value) {
   var storageValue = JSON.parse(safeLocalStorage().getItem(PAGE_LAYOUT_LS_KEY) || '{}');
   if (value !== null && _typeof(value) === 'object') {
@@ -60,4 +57,4 @@ var getPageLayoutSlotSelector = function getPageLayoutSlotSelector(slotName) {
 var getPageLayoutSlotCSSSelector = function getPageLayoutSlotCSSSelector(slotName) {
   return "[".concat(PAGE_LAYOUT_SLOT_SELECTOR, "='").concat(slotName, "']");
 };
-export { emptyGridState, mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector };
+export { mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector };

package/dist/types/common/constants.d.ts

@@ -5,15 +5,11 @@ export declare const VAR_RIGHT_PANEL_WIDTH = "rightPanelWidth";
 export declare const VAR_TOP_NAVIGATION_HEIGHT = "topNavigationHeight";
 export declare const VAR_BANNER_HEIGHT = "bannerHeight";
 export declare const VAR_LEFT_SIDEBAR_FLYOUT = "leftSidebarFlyoutWidth";
-export declare const DIMENSIONS: string[];
 export declare const LEFT_PANEL = "left-panel";
 export declare const RIGHT_PANEL = "right-panel";
 export declare const BANNER = "banner";
 export declare const TOP_NAVIGATION = "top-navigation";
 export declare const CONTENT = "content";
-export declare const MAIN = "main";
-export declare const LEFT_SIDEBAR = "left-sidebar";
-export declare const RIGHT_SIDEBAR = "right-sidebar";
 export declare const DEFAULT_BANNER_HEIGHT = 56;
 export declare const DEFAULT_TOP_NAVIGATION_HEIGHT = 56;
 export declare const DEFAULT_LEFT_SIDEBAR_WIDTH = 240;
@@ -22,17 +18,14 @@ export declare const DEFAULT_RIGHT_PANEL_WIDTH = 368;
 export declare const DEFAULT_LEFT_PANEL_WIDTH = 368;
 export declare const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 export declare const MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
-export declare const MIN_LEFT_SIDEBAR_WIDTH = 80;
 export declare const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
 export declare const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 export declare const MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
 export declare const TRANSITION_DURATION = 300;
 export declare const FLYOUT_DELAY = 200;
-export declare const LEFT_SIDEBAR_EXPANDED_WIDTH = "expandedLeftSidebarWidth";
 export declare const PAGE_LAYOUT_LS_KEY = "DS_PAGE_LAYOUT_UI_STATE";
 export declare const IS_SIDEBAR_DRAGGING = "data-is-sidebar-dragging";
 export declare const IS_SIDEBAR_COLLAPSING = "data-is-sidebar-collapsing";
-export declare const IS_FLYOUT_OPEN = "data-is-flyout-open";
 export declare const GRAB_AREA_LINE_SELECTOR = "data-grab-area-line";
 export declare const GRAB_AREA_SELECTOR = "data-grab-area";
 export declare const RESIZE_BUTTON_SELECTOR = "data-resize-button";

package/dist/types/common/utils.d.ts

@@ -1,5 +1,4 @@
-import { type DimensionNames, type Dimensions } from './types';
-declare const emptyGridState: Dimensions;
+import { type DimensionNames } from './types';
 declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
 declare const getGridStateFromStorage: (key: string) => any;
 declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;
@@ -10,4 +9,4 @@ declare const getPageLayoutSlotSelector: (slotName: string) => {
     "data-ds--page-layout--slot": string;
 };
 declare const getPageLayoutSlotCSSSelector: (slotName: string) => string;
-export { emptyGridState, mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector, };
+export { mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector, };

package/dist/types/components/resize-control/grab-area.d.ts

@@ -5,7 +5,7 @@
 import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
 import { type LeftSidebarProps } from '../../common/types';
-export type GrabAreaProps = {
+type GrabAreaProps = {
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;
     label: string;

package/dist/types/components/skip-links/types.d.ts

@@ -1,8 +1,3 @@
-export type SkipLinkData = {
-    id: string;
-    name: string;
-    ref?: undefined;
-};
 export type SkipLinkWrapperProps = {
     skipLinksLabel?: string;
 };

package/dist/types/controllers/types.d.ts

@@ -17,6 +17,3 @@ export type SkipLinkData = {
      */
     listIndex?: number;
 };
-export type SkipLinkI18n = {
-    title: string;
-};

package/dist/types-ts4.5/common/constants.d.ts

@@ -5,15 +5,11 @@ export declare const VAR_RIGHT_PANEL_WIDTH = "rightPanelWidth";
 export declare const VAR_TOP_NAVIGATION_HEIGHT = "topNavigationHeight";
 export declare const VAR_BANNER_HEIGHT = "bannerHeight";
 export declare const VAR_LEFT_SIDEBAR_FLYOUT = "leftSidebarFlyoutWidth";
-export declare const DIMENSIONS: string[];
 export declare const LEFT_PANEL = "left-panel";
 export declare const RIGHT_PANEL = "right-panel";
 export declare const BANNER = "banner";
 export declare const TOP_NAVIGATION = "top-navigation";
 export declare const CONTENT = "content";
-export declare const MAIN = "main";
-export declare const LEFT_SIDEBAR = "left-sidebar";
-export declare const RIGHT_SIDEBAR = "right-sidebar";
 export declare const DEFAULT_BANNER_HEIGHT = 56;
 export declare const DEFAULT_TOP_NAVIGATION_HEIGHT = 56;
 export declare const DEFAULT_LEFT_SIDEBAR_WIDTH = 240;
@@ -22,17 +18,14 @@ export declare const DEFAULT_RIGHT_PANEL_WIDTH = 368;
 export declare const DEFAULT_LEFT_PANEL_WIDTH = 368;
 export declare const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 export declare const MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
-export declare const MIN_LEFT_SIDEBAR_WIDTH = 80;
 export declare const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
 export declare const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 export declare const MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
 export declare const TRANSITION_DURATION = 300;
 export declare const FLYOUT_DELAY = 200;
-export declare const LEFT_SIDEBAR_EXPANDED_WIDTH = "expandedLeftSidebarWidth";
 export declare const PAGE_LAYOUT_LS_KEY = "DS_PAGE_LAYOUT_UI_STATE";
 export declare const IS_SIDEBAR_DRAGGING = "data-is-sidebar-dragging";
 export declare const IS_SIDEBAR_COLLAPSING = "data-is-sidebar-collapsing";
-export declare const IS_FLYOUT_OPEN = "data-is-flyout-open";
 export declare const GRAB_AREA_LINE_SELECTOR = "data-grab-area-line";
 export declare const GRAB_AREA_SELECTOR = "data-grab-area";
 export declare const RESIZE_BUTTON_SELECTOR = "data-resize-button";

package/dist/types-ts4.5/common/utils.d.ts

@@ -1,5 +1,4 @@
-import { type DimensionNames, type Dimensions } from './types';
-declare const emptyGridState: Dimensions;
+import { type DimensionNames } from './types';
 declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
 declare const getGridStateFromStorage: (key: string) => any;
 declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;
@@ -10,4 +9,4 @@ declare const getPageLayoutSlotSelector: (slotName: string) => {
     "data-ds--page-layout--slot": string;
 };
 declare const getPageLayoutSlotCSSSelector: (slotName: string) => string;
-export { emptyGridState, mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector, };
+export { mergeGridStateIntoStorage, getGridStateFromStorage, removeFromGridStateInStorage, resolveDimension, getLeftPanelWidth, getLeftSidebarPercentage, getPageLayoutSlotSelector, getPageLayoutSlotCSSSelector, };

package/dist/types-ts4.5/components/resize-control/grab-area.d.ts

@@ -5,7 +5,7 @@
 import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
 import { type LeftSidebarProps } from '../../common/types';
-export type GrabAreaProps = {
+type GrabAreaProps = {
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;
     label: string;

package/dist/types-ts4.5/components/skip-links/types.d.ts

@@ -1,8 +1,3 @@
-export type SkipLinkData = {
-    id: string;
-    name: string;
-    ref?: undefined;
-};
 export type SkipLinkWrapperProps = {
     skipLinksLabel?: string;
 };

package/dist/types-ts4.5/controllers/types.d.ts

@@ -17,6 +17,3 @@ export type SkipLinkData = {
      */
     listIndex?: number;
 };
-export type SkipLinkI18n = {
-    title: string;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "4.0.0",
+	"version": "4.0.2",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,13 +42,13 @@
 	"homepage": "https://atlassian.design/components/page-layout/",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^24.0.0",
+		"@atlaskit/icon": "^24.1.0",
 		"@atlaskit/link": "^3.0.0",
-		"@atlaskit/motion": "^4.0.0",
+		"@atlaskit/motion": "^5.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.0.0",
+		"@atlaskit/primitives": "^14.1.0",
 		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.0.0",
+		"@atlaskit/tokens": "^4.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -62,25 +62,20 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@atlaskit/atlassian-navigation": "^5.0.0",
-		"@atlaskit/atlassian-notifications": "^0.7.0",
-		"@atlaskit/drawer": "^10.0.0",
+		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/docs": "*",
 		"@atlaskit/logo": "^16.0.0",
-		"@atlaskit/menu": "^3.0.0",
-		"@atlaskit/notification-indicator": "^10.0.0",
-		"@atlaskit/notification-log-client": "^6.2.0",
+		"@atlaskit/menu": "^3.1.0",
 		"@atlaskit/popup": "^2.0.0",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/side-navigation": "^5.0.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visual-regression": "*",
-		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@types/raf-schd": "^4.0.1",
-		"jest-emotion": "^10.0.32",
 		"raf-stub": "^2.0.1",
-		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"
 	},
 	"platform-feature-flags": {

package/dist/cjs/controllers/use-update-css-vars.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-function useUpdateCssVar(cssVar, value) {
-  (0, _react.useEffect)(function () {
-    document.documentElement.style.setProperty("--".concat(cssVar), "".concat(value, "px"));
-    return function () {
-      document.documentElement.style.removeProperty("--".concat(cssVar));
-    };
-  }, [cssVar, value]);
-}
-var _default = exports.default = useUpdateCssVar;

package/dist/es2019/controllers/use-update-css-vars.js

@@ -1,10 +0,0 @@
-import { useEffect } from 'react';
-function useUpdateCssVar(cssVar, value) {
-  useEffect(() => {
-    document.documentElement.style.setProperty(`--${cssVar}`, `${value}px`);
-    return () => {
-      document.documentElement.style.removeProperty(`--${cssVar}`);
-    };
-  }, [cssVar, value]);
-}
-export default useUpdateCssVar;

package/dist/esm/controllers/use-update-css-vars.js

@@ -1,10 +0,0 @@
-import { useEffect } from 'react';
-function useUpdateCssVar(cssVar, value) {
-  useEffect(function () {
-    document.documentElement.style.setProperty("--".concat(cssVar), "".concat(value, "px"));
-    return function () {
-      document.documentElement.style.removeProperty("--".concat(cssVar));
-    };
-  }, [cssVar, value]);
-}
-export default useUpdateCssVar;

package/dist/types/controllers/use-update-css-vars.d.ts

@@ -1,2 +0,0 @@
-declare function useUpdateCssVar(cssVar: string, value: number | string): void;
-export default useUpdateCssVar;

package/dist/types-ts4.5/controllers/use-update-css-vars.d.ts

@@ -1,2 +0,0 @@
-declare function useUpdateCssVar(cssVar: string, value: number | string): void;
-export default useUpdateCssVar;