@commercetools-uikit/collapsible-panel 12.2.2 → 12.2.6

package/dist/declarations/src/collapsible-panel-header.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+declare type TCollapsiblePanelHeader = {
+    children: ReactNode;
+};
+declare const CollapsiblePanelHeader: {
+    (props: TCollapsiblePanelHeader): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CollapsiblePanelHeader;

package/dist/declarations/src/collapsible-panel.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+export declare type TCollapsiblePanel = {
+    id?: string;
+    header: ReactNode;
+    secondaryHeader?: ReactNode;
+    description?: string;
+    className?: string;
+    isSticky?: boolean;
+    headerControls?: ReactNode;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    tone?: 'urgent' | 'primary';
+    theme?: 'dark' | 'light';
+    condensed?: boolean;
+    hideExpansionControls?: boolean;
+    headerControlsAlignment?: 'left' | 'right';
+    isDefaultClosed?: boolean;
+    isClosed?: boolean;
+    onToggle?: () => void;
+    horizontalConstraint?: 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
+};
+declare const CollapsiblePanel: {
+    (props: TCollapsiblePanel): import("@emotion/react/jsx-runtime").JSX.Element;
+    getPanelContentId: (id?: string | undefined) => string;
+    displayName: string;
+    defaultProps: Pick<TCollapsiblePanel, "id" | "condensed" | "theme" | "isDisabled" | "horizontalConstraint" | "headerControlsAlignment">;
+    Header: {
+        (props: {
+            children: ReactNode;
+        }): import("@emotion/react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default CollapsiblePanel;

package/dist/declarations/src/collapsible-panel.styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { TCollapsiblePanel } from './collapsible-panel';
+declare function getThemeStyle(theme?: TCollapsiblePanel['theme']): import("@emotion/utils").SerializedStyles;
+declare const getHeaderContainerStyles: (props: Pick<TCollapsiblePanel, 'headerControlsAlignment' | 'condensed' | 'isDisabled' | 'isSticky'>, isOpen: boolean) => (false | import("@emotion/utils").SerializedStyles | undefined)[];
+declare const baseContainerStyles: import("@emotion/utils").SerializedStyles;
+declare const HeaderControlsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const SectionContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const SectionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { baseContainerStyles, getHeaderContainerStyles, getThemeStyle, SectionContent, SectionWrapper, HeaderControlsWrapper, };

package/dist/declarations/src/header-icon.d.ts

@@ -0,0 +1,14 @@
+declare type THeaderIcon = {
+    tone?: 'urgent' | 'primary';
+    isClosed: boolean;
+    isDisabled: boolean;
+    size: 'small' | 'medium' | 'big' | 'scale';
+};
+declare const HeaderIcon: {
+    (props: THeaderIcon): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+    defaultProps: {
+        tone: string;
+    };
+};
+export default HeaderIcon;

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './collapsible-panel';
+export { default as version } from './version';

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/collapsible-panel",
   "description": "A panel to collapse and expand your content.",
-  "version": "12.2.2",
+  "version": "12.2.6",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -11,7 +11,6 @@
   "homepage": "https://uikit.commercetools.com",
   "keywords": ["javascript", "design system", "react", "uikit"],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
@@ -19,20 +18,17 @@
   "main": "dist/commercetools-uikit-collapsible-panel.cjs.js",
   "module": "dist/commercetools-uikit-collapsible-panel.esm.js",
   "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../scripts/version.js replace"
-  },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.8",
-    "@commercetools-uikit/accessible-button": "12.2.2",
-    "@commercetools-uikit/collapsible-motion": "12.2.2",
-    "@commercetools-uikit/constraints": "12.2.2",
-    "@commercetools-uikit/design-system": "12.2.2",
-    "@commercetools-uikit/icons": "12.2.2",
-    "@commercetools-uikit/spacings": "12.2.2",
-    "@commercetools-uikit/text": "12.2.2",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/accessible-button": "12.2.5",
+    "@commercetools-uikit/collapsible-motion": "12.2.5",
+    "@commercetools-uikit/constraints": "12.2.5",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/icons": "12.2.6",
+    "@commercetools-uikit/spacings": "12.2.5",
+    "@commercetools-uikit/text": "12.2.5",
+    "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "4.17.21",