@storybook/components 7.0.0-alpha.11 → 7.0.0-alpha.12

package/dist/index.d.ts

@@ -158,15 +158,16 @@ interface SyntaxHighlighterCustomProps {
 declare type SyntaxHighlighterFormatTypes = boolean | 'dedent' | BuiltInParserName;
 declare type lineTagPropsFunction = (lineNumber: number) => React.HTMLProps<HTMLElement>;
 interface SyntaxHighlighterBaseProps {
-    language?: string;
-    style?: any;
+    children?: React.ReactNode;
+    codeTagProps?: React.HTMLProps<HTMLElement>;
     customStyle?: any;
+    language?: string;
+    lineNumberStyle?: any;
     lineProps?: lineTagPropsFunction | React.HTMLProps<HTMLElement>;
-    codeTagProps?: React.HTMLProps<HTMLElement>;
-    useInlineStyles?: boolean;
     showLineNumbers?: boolean;
     startingLineNumber?: number;
-    lineNumberStyle?: any;
+    style?: any;
+    useInlineStyles?: boolean;
 }
 declare type SyntaxHighlighterProps = SyntaxHighlighterBaseProps & SyntaxHighlighterCustomProps;
 
@@ -187,15 +188,20 @@ interface ActionBarProps {
 declare const ActionBar: FunctionComponent<ActionBarProps>;
 
 interface SpacedProps {
+    children?: react__default.ReactNode;
     col?: number;
     row?: number;
     outer?: number | boolean;
 }
 declare const Spaced: FunctionComponent<SpacedProps>;
 
-declare const Placeholder: FunctionComponent;
+interface PlaceholderProps {
+    children?: react__default.ReactNode;
+}
+declare const Placeholder: FunctionComponent<PlaceholderProps>;
 
 interface ScrollAreaProps {
+    children?: react__default.ReactNode;
     horizontal?: boolean;
     vertical?: boolean;
     className?: string;
@@ -245,6 +251,7 @@ declare const ButtonWrapper: _storybook_theming.StyledComponent<react__default.D
 declare const Button: FunctionComponent<ComponentProps<typeof ButtonWrapper>>;
 
 interface FieldProps {
+    children?: ReactNode;
     label?: ReactNode;
 }
 
@@ -252,7 +259,7 @@ declare const Form: _storybook_theming.StyledComponent<react.DetailedHTMLProps<r
     Field: react.FunctionComponent<FieldProps>;
     Input: _storybook_theming.StyledComponent<any, {
         size?: "flex" | "auto" | "100%";
-        align?: "start" | "center" | "end";
+        align?: "center" | "end" | "start";
         valid?: "valid" | "error" | "warn";
         height?: number;
     }, _storybook_theming.Theme> & {
@@ -260,7 +267,7 @@ declare const Form: _storybook_theming.StyledComponent<react.DetailedHTMLProps<r
     };
     Select: _storybook_theming.StyledComponent<any, Omit<react.SelectHTMLAttributes<HTMLSelectElement>, "height" | "size" | "valid" | "align"> & {
         size?: "flex" | "auto" | "100%";
-        align?: "start" | "center" | "end";
+        align?: "center" | "end" | "start";
         valid?: "valid" | "error" | "warn";
         height?: number;
     }, _storybook_theming.Theme> & {
@@ -268,7 +275,7 @@ declare const Form: _storybook_theming.StyledComponent<react.DetailedHTMLProps<r
     };
     Textarea: _storybook_theming.StyledComponent<any, Omit<react_textarea_autosize.TextareaAutosizeProps, "height" | "size" | "valid" | "align"> & {
         size?: "flex" | "auto" | "100%";
-        align?: "start" | "center" | "end";
+        align?: "center" | "end" | "start";
         valid?: "valid" | "error" | "warn";
         height?: number;
     }, _storybook_theming.Theme> & {
@@ -502,6 +509,7 @@ interface TabWrapperProps {
 }
 declare const TabWrapper: FunctionComponent<TabWrapperProps>;
 interface TabsProps {
+    children?: FuncChildren[] | ReactNode;
     id?: string;
     tools?: ReactNode;
     selected?: string;
@@ -513,9 +521,11 @@ interface TabsProps {
     bordered?: boolean;
 }
 declare const Tabs: FunctionComponent<TabsProps>;
-declare type FuncChildren = () => void;
+declare type FuncChildren = ({ active }: {
+    active: boolean;
+}) => JSX.Element;
 interface TabsStateProps {
-    children: (ReactNode | FuncChildren)[];
+    children: FuncChildren[] | ReactNode;
     initial: string;
     absolute: boolean;
     bordered: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "7.0.0-alpha.11",
+  "version": "7.0.0-alpha.12",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -51,9 +51,9 @@
     "prepare": "esrun ../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "7.0.0-alpha.11",
+    "@storybook/client-logger": "7.0.0-alpha.12",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/theming": "7.0.0-alpha.11",
+    "@storybook/theming": "7.0.0-alpha.12",
     "core-js": "^3.8.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.10.0",
@@ -62,12 +62,16 @@
   "devDependencies": {
     "@digitak/esrun": "^3.2.2",
     "@popperjs/core": "^2.6.0",
+    "@testing-library/jest-dom": "^5.16.4",
     "@types/color-convert": "^2.0.0",
+    "@types/lodash": "^4.14.182",
     "@types/overlayscrollbars": "^1.12.0",
+    "@types/qs": "^6.9.7",
     "@types/react-syntax-highlighter": "11.0.5",
+    "@types/util-deprecate": "^1.0.0",
     "color-convert": "^2.0.1",
     "css": "^3.0.0",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "jest": "^26.6.3",
     "lodash": "^4.17.21",
@@ -97,5 +101,5 @@
     ],
     "platform": "neutral"
   },
-  "gitHead": "688d338903e84a7e83cb104472e868e734399f65"
+  "gitHead": "5070efff271ecb5c26b3eb94c128c4896171cffe"
 }