@atlaskit/right-side-panel 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/right-side-panel
 
+## 1.2.1
+
+### Patch Changes
+
+- [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"sideEffects": false
 }

package/dist/types-ts4.0/components/RightSidePanel/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const transitionDurationMs = 220;
+export declare const transitionTimingFunction = "cubic-bezier(0.2, 0, 0, 1)";
+export declare const panelWidth = 368;

package/dist/types-ts4.0/components/RightSidePanel/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Component, ReactNode } from 'react';
+export declare const UNMOUNTED = "unmounted";
+export declare const EXITED = "exited";
+export declare const ENTERING = "entering";
+export declare const ENTERED = "entered";
+export declare const EXITING = "exiting";
+export declare enum TransitionStatus {
+    UNMOUNTED = "unmounted",
+    EXITED = "exited",
+    ENTERING = "entering",
+    ENTERED = "entered",
+    EXITING = "exiting"
+}
+export interface Props {
+    isOpen: boolean;
+    attachPanelTo: string;
+    children?: ReactNode;
+    skipAnimationOnMount?: boolean;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    disableEnterAnimation?: boolean;
+    disableExitAnimation?: boolean;
+    onOpenAnimationFinished?: () => void;
+    onCloseAnimationFinished?: () => void;
+}
+export interface State {
+    entered: boolean;
+    container?: Element | null;
+}
+export declare class RightSidePanel extends Component<Props, State> {
+    attachPanelTo: string;
+    state: {
+        entered: boolean;
+        container: undefined;
+    };
+    componentDidMount(): void;
+    renderDrawer(Container: HTMLElement): ReactNode;
+    render(): React.ReactNode;
+}
+export default RightSidePanel;

package/dist/types-ts4.0/components/RightSidePanel/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const RightSidePanelDrawer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const RightSidePanelDrawerContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types-ts4.0/components/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FlexContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RightSidePanel } from './components/RightSidePanel';
+export { FlexContainer, ContentWrapper } from './components/styled';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/right-side-panel",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A cross-product right-side-panel component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -57,7 +57,8 @@
   "techstack": {
     "@repo/internal": {
       "design-tokens": [
-        "color"
+        "color",
+        "spacing"
       ]
     }
   }

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,74 @@
+## API Report File for "@atlaskit/right-side-panel"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ClassAttributes } from 'react';
+import { Component } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { HTMLAttributes } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { StyledComponent } from '@emotion/styled-base';
+
+// @public (undocumented)
+export const ContentWrapper: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
+
+// @public (undocumented)
+export const FlexContainer: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
+
+// @public (undocumented)
+interface Props {
+    // (undocumented)
+    attachPanelTo: string;
+    // (undocumented)
+    children?: ReactNode;
+    // (undocumented)
+    disableEnterAnimation?: boolean;
+    // (undocumented)
+    disableExitAnimation?: boolean;
+    // (undocumented)
+    isOpen: boolean;
+    // (undocumented)
+    mountOnEnter?: boolean;
+    // (undocumented)
+    onCloseAnimationFinished?: () => void;
+    // (undocumented)
+    onOpenAnimationFinished?: () => void;
+    // (undocumented)
+    skipAnimationOnMount?: boolean;
+    // (undocumented)
+    unmountOnExit?: boolean;
+}
+
+// @public (undocumented)
+export class RightSidePanel extends Component<Props, State> {
+    // (undocumented)
+    attachPanelTo: string;
+    // (undocumented)
+    componentDidMount(): void;
+    // (undocumented)
+    render(): React_2.ReactNode;
+    // (undocumented)
+    renderDrawer(Container: HTMLElement): ReactNode;
+    // (undocumented)
+    state: {
+        entered: boolean;
+        container: undefined;
+    };
+}
+
+// @public (undocumented)
+interface State {
+    // (undocumented)
+    container?: Element | null;
+    // (undocumented)
+    entered: boolean;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```