@atlaskit/mobile-header 7.0.27 → 7.0.29

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/mobile-header
 
+## 7.0.29
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.0.28
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.0.27
 
 ### Patch Changes

package/dist/cjs/styled.js

@@ -9,8 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
-var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 // @atlaskit/navigation has a specific z-index, so we need to layer the header
 // components relative to that.
 var navLayer = _constants.layers.navigation();
@@ -27,7 +27,6 @@ var xPositioning = function xPositioning(_ref) {
   (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translateX(", ");\n\t\t\t"])), isOpen ? '0' : '100vw') : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
   (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tleft: 0;\n\t\t\t\ttransform: translateX(", ");\n\t\t\t"])), isOpen ? '0' : '-100vw');
 };
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MobileNavSlider = exports.MobileNavSlider = _styled.default.div(
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
@@ -45,14 +44,12 @@ function (props) {
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 xPositioning);
-
 // make space so content below doesn't slip beneath the header
 // since the content is `position: fixed`
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MobilePageHeader = exports.MobilePageHeader = _styled.default.header({
   height: "".concat(mobileHeaderHeight, "px")
 });
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MobilePageHeaderContent = exports.MobilePageHeaderContent = _styled.default.div(function (props) {
   return {
@@ -86,14 +83,12 @@ var opacityOut = (0, _react.keyframes)({
     opacity: 0
   }
 });
-
 // @atlaskit/blanket has a z-index *higher* than @atlaskit/navigation,
 // so we can't display the AK blanket underneath the navigation.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var FakeBlanket = exports.FakeBlanket = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground: ", ";\n\tbottom: 0;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\tz-index: ", ";\n\tanimation: ", " 0.2s ease-out;\n"])), "var(--ds-blanket, #050C1F75)", layers.blanket, function (p) {
   return p.isOpen ? opacityIn : opacityOut;
 });
-
 // use proper h1 and header styles but for mobile we don't want a top margin
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var PageHeading = exports.PageHeading = _styled.default.h1({

package/dist/es2019/styled.js

@@ -1,6 +1,6 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, keyframes } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import styled from '@emotion/styled';
 import { layers as akLayers } from '@atlaskit/theme/constants';
 // @atlaskit/navigation has a specific z-index, so we need to layer the header
@@ -26,7 +26,6 @@ css`
 				left: 0;
 				transform: translateX(${isOpen ? '0' : '-100vw'});
 			`;
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MobileNavSlider = styled.div(
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
@@ -42,14 +41,12 @@ props => ({
 }),
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 xPositioning);
-
 // make space so content below doesn't slip beneath the header
 // since the content is `position: fixed`
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MobilePageHeader = styled.header({
   height: `${mobileHeaderHeight}px`
 });
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MobilePageHeaderContent = styled.div(props => ({
   alignItems: 'center',
@@ -81,7 +78,6 @@ const opacityOut = keyframes({
     opacity: 0
   }
 });
-
 // @atlaskit/blanket has a z-index *higher* than @atlaskit/navigation,
 // so we can't display the AK blanket underneath the navigation.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -95,7 +91,6 @@ export const FakeBlanket = styled.div`
 	z-index: ${layers.blanket};
 	animation: ${p => p.isOpen ? opacityIn : opacityOut} 0.2s ease-out;
 `;
-
 // use proper h1 and header styles but for mobile we don't want a top margin
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const PageHeading = styled.h1({

package/dist/esm/styled.js

@@ -1,8 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, keyframes } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import styled from '@emotion/styled';
 import { layers as akLayers } from '@atlaskit/theme/constants';
 // @atlaskit/navigation has a specific z-index, so we need to layer the header
@@ -21,7 +21,6 @@ var xPositioning = function xPositioning(_ref) {
   css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translateX(", ");\n\t\t\t"])), isOpen ? '0' : '100vw') : // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
   css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t\tleft: 0;\n\t\t\t\ttransform: translateX(", ");\n\t\t\t"])), isOpen ? '0' : '-100vw');
 };
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MobileNavSlider = styled.div(
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
@@ -39,14 +38,12 @@ function (props) {
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 xPositioning);
-
 // make space so content below doesn't slip beneath the header
 // since the content is `position: fixed`
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MobilePageHeader = styled.header({
   height: "".concat(mobileHeaderHeight, "px")
 });
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MobilePageHeaderContent = styled.div(function (props) {
   return {
@@ -80,14 +77,12 @@ var opacityOut = keyframes({
     opacity: 0
   }
 });
-
 // @atlaskit/blanket has a z-index *higher* than @atlaskit/navigation,
 // so we can't display the AK blanket underneath the navigation.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var FakeBlanket = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tbackground: ", ";\n\tbottom: 0;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\tz-index: ", ";\n\tanimation: ", " 0.2s ease-out;\n"])), "var(--ds-blanket, #050C1F75)", layers.blanket, function (p) {
   return p.isOpen ? opacityIn : opacityOut;
 });
-
 // use proper h1 and header styles but for mobile we don't want a top margin
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var PageHeading = styled.h1({

package/dist/types/styled.d.ts

@@ -1,28 +1,37 @@
-export declare const MobileNavSlider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { type Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+type StyledMobileNavSlider = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isOpen: boolean;
     side: string;
     topOffset: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobilePageHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileNavSlider: StyledMobileNavSlider;
+type StyledMobilePageHeader = StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const MobilePageHeaderContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const MobilePageHeader: StyledMobilePageHeader;
+type StyledMobilePageHeaderContent = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     topOffset: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FakeBlanket: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobilePageHeaderContent: StyledMobilePageHeaderContent;
+type StyledFakeBlanket = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isOpen: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PageHeading: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FakeBlanket: StyledFakeBlanket;
+type StyledPageHeading = StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const PageHeading: StyledPageHeading;
+export {};

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

@@ -1,28 +1,37 @@
-export declare const MobileNavSlider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { type Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+type StyledMobileNavSlider = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isOpen: boolean;
     side: string;
     topOffset: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobilePageHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileNavSlider: StyledMobileNavSlider;
+type StyledMobilePageHeader = StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const MobilePageHeaderContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const MobilePageHeader: StyledMobilePageHeader;
+type StyledMobilePageHeaderContent = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     topOffset: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FakeBlanket: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobilePageHeaderContent: StyledMobilePageHeaderContent;
+type StyledFakeBlanket = StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isOpen: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PageHeading: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FakeBlanket: StyledFakeBlanket;
+type StyledPageHeading = StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const PageHeading: StyledPageHeading;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/mobile-header",
-	"version": "7.0.27",
+	"version": "7.0.29",
 	"description": "A React component rendering a mobile header",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,9 +29,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^10.1.0",
+		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/styled": "^11.0.0"
 	},
@@ -40,7 +40,7 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlassian/a11y-jest-testing": "^0.8.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0",