@elastic/eui-docusaurus-theme 2.0.0

package/lib/components/demo/source/get_source_from_children.js

@@ -0,0 +1,42 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { Children } from 'react';
+import { isElement } from 'react-is';
+/**
+ * Get source string from given children.
+ */
+export const getSourceFromChildren = (children) => {
+    // Direct (non-MDX) usage almost always passes a string
+    if (typeof children === 'string') {
+        return children;
+    }
+    if (Children.count(children) !== 1 || !isElement(children)) {
+        // This should never happen
+        return null;
+    }
+    const element = children;
+    const functionName = element.type.name;
+    // The code block content could render in either MDXPre (development builds)
+    // or pre (optimized production builds)
+    if (typeof element.type !== 'function' ||
+        (functionName !== 'MDXPre' && functionName !== 'pre')) {
+        return null;
+    }
+    if (!isElement(element.props.children)) {
+        return null;
+    }
+    const codeElement = element.props.children;
+    if (!codeElement || !codeElement.props.children) {
+        return null;
+    }
+    const code = codeElement.props.children;
+    if (typeof code !== 'string') {
+        return null;
+    }
+    return code;
+};

package/lib/components/demo/source/index.d.ts

@@ -0,0 +1 @@
+export { DemoSource, type DemoSourceProps } from './source';

package/lib/components/demo/source/index.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export { DemoSource } from './source';

package/lib/components/demo/source/source.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface DemoSourceProps extends PropsWithChildren {
+    filename?: string;
+    isActive?: boolean;
+}
+export declare const DemoSource: ({ children, filename, isActive }: DemoSourceProps) => null;

package/lib/components/demo/source/source.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useEffect } from 'react';
+import { useDemoContext } from '../context';
+import { getSourceFromChildren } from './get_source_from_children';
+export const DemoSource = ({ children, filename, isActive = false }) => {
+    const demoContext = useDemoContext();
+    useEffect(() => {
+        const source = getSourceFromChildren(children);
+        if (source) {
+            const transformedSource = source.replace(/\n$/, '');
+            demoContext.addSource({
+                code: transformedSource,
+                isActive,
+                filename,
+            });
+        }
+    }, [children]);
+    return null;
+};

package/lib/components/figma_embed/index.d.ts

@@ -0,0 +1,5 @@
+import { IframeHTMLAttributes } from 'react';
+export interface FigmaEmbedProps extends IframeHTMLAttributes<HTMLIFrameElement> {
+    url: string;
+}
+export declare const FigmaEmbed: ({ url, ...rest }: FigmaEmbedProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/components/figma_embed/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useMemo } from 'react';
+import { useEuiMemoizedStyles } from '@elastic/eui';
+import { css } from '@emotion/react';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+const getFigmaEmbedStyles = (euiTheme) => ({
+    wrapper: css `
+    border: 1px solid ${euiTheme.euiTheme.colors.lightShade};
+    border-radius: ${euiTheme.euiTheme.size.s};
+    margin: ${euiTheme.euiTheme.size.xl} 0;
+  `,
+    iframe: css `
+    border-radius: ${euiTheme.euiTheme.size.s};
+    display: block;
+  `,
+});
+export const FigmaEmbed = ({ url, ...rest }) => {
+    const baseUrl = useBaseUrl('/', { absolute: true });
+    const styles = useEuiMemoizedStyles(getFigmaEmbedStyles);
+    const src = useMemo(() => {
+        const params = new URLSearchParams({
+            embed_host: 'eui.elastic.co',
+            embed_origin: baseUrl,
+            url,
+        });
+        return `https://www.figma.com/embed?${params.toString()}`;
+    }, [url, baseUrl]);
+    return (_jsx("div", { css: styles.wrapper, children: _jsx("iframe", { ...rest, css: styles.iframe, height: "450", width: "100%", src: src, allowFullScreen: true }) }));
+};

package/lib/components/guideline/guideline.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { EuiPanelProps } from '@elastic/eui';
+import { GuidelineType } from './types';
+export interface GuidelineProps extends PropsWithChildren {
+    type: GuidelineType;
+    text: string | ReactNode;
+    panelPadding?: EuiPanelProps['paddingSize'];
+    panelStyle?: EuiPanelProps['style'];
+}
+export declare const Guideline: ({ children, text, type, panelPadding, panelStyle, }: GuidelineProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/components/guideline/guideline.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useMemo } from 'react';
+import { EuiFlexItem, EuiSplitPanel, useEuiMemoizedStyles, highContrastModeStyles, } from '@elastic/eui';
+import { css } from '@emotion/react';
+import { GuidelineText } from './guideline_text';
+const getGuidelineStyles = (euiThemeContext) => {
+    const { euiTheme } = euiThemeContext;
+    return {
+        root: css `
+      margin-block: var(--eui-theme-content-vertical-spacing);
+    `,
+        wrapper: css `
+      border-block-end: ${euiTheme.border.thick};
+      border-start-start-radius: ${euiTheme.border.radius.medium};
+      border-start-end-radius: ${euiTheme.border.radius.medium};
+      overflow: hidden;
+
+      ${highContrastModeStyles(euiThemeContext, {
+            // Code block is used within a panel which already has a border - skip doubling up
+            preferred: `
+          & > .euiCodeBlock {
+            border: none;
+          }
+        `,
+        })}
+    `,
+        wrapperDo: css `
+      border-color: ${euiTheme.colors.success};
+    `,
+        wrapperDont: css `
+      border-color: ${euiTheme.colors.danger};
+    `,
+        textWrapper: css `
+      margin-block-start: var(--eui-size-xs);
+    `,
+    };
+};
+export const Guideline = ({ children, text, type = 'default', panelPadding = 'm', panelStyle, }) => {
+    const styles = useEuiMemoizedStyles(getGuidelineStyles);
+    const panelColor = useMemo(() => {
+        if (type === 'do') {
+            return 'success';
+        }
+        if (type === 'dont') {
+            return 'danger';
+        }
+        return 'subdued';
+    }, [type]);
+    const textElement = useMemo(() => {
+        if (typeof text === 'string') {
+            return _jsx(GuidelineText, { type: type, children: text });
+        }
+        return text;
+    }, [text]);
+    const wrapperStyles = [
+        styles.wrapper,
+        type === 'do' && styles.wrapperDo,
+        type === 'dont' && styles.wrapperDont,
+    ];
+    return (_jsx(EuiFlexItem, { css: styles.root, style: { flexBasis: 300 }, children: _jsx(EuiSplitPanel.Outer, { color: "transparent", hasBorder: false, hasShadow: false, children: _jsxs("figure", { children: [_jsx(EuiSplitPanel.Inner, { css: wrapperStyles, color: panelColor, paddingSize: panelPadding, style: panelStyle, children: children }), _jsx(EuiSplitPanel.Inner, { paddingSize: "none", css: styles.textWrapper, children: textElement })] }) }) }));
+};

package/lib/components/guideline/guideline_text.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { GuidelineType } from './types';
+export interface GuidelineTextProps extends PropsWithChildren {
+    type: GuidelineType;
+}
+export declare const GuidelineText: ({ type, children }: GuidelineTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/components/guideline/guideline_text.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useMemo } from 'react';
+import { EuiText } from '@elastic/eui';
+export const GuidelineText = ({ type, children }) => {
+    const textPrefix = useMemo(() => {
+        if (type === 'default') {
+            return undefined;
+        }
+        return (_jsxs(_Fragment, { children: [_jsx("strong", { children: type === 'do' ? 'Do:' : `Don't:` }), "\u00A0"] }));
+    }, [type]);
+    const textColor = useMemo(() => {
+        if (type === 'do') {
+            return 'success';
+        }
+        if (type === 'dont') {
+            return 'danger';
+        }
+        return 'text';
+    }, [type]);
+    return (_jsx(EuiText, { size: "s", color: textColor, children: _jsxs("p", { children: [textPrefix, children] }) }));
+};

package/lib/components/guideline/index.d.ts

@@ -0,0 +1,2 @@
+export { Guideline, type GuidelineProps } from './guideline';
+export { GuidelineText, type GuidelineTextProps } from './guideline_text';

package/lib/components/guideline/index.js

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export { Guideline } from './guideline';
+export { GuidelineText } from './guideline_text';

package/lib/components/guideline/types.d.ts

@@ -0,0 +1 @@
+export type GuidelineType = 'do' | 'dont' | 'default';

package/lib/components/guideline/types.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export {};

package/lib/components/high_contrast_mode_toggle/index.d.ts

@@ -0,0 +1 @@
+export declare const HighContrastModeToggle: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/components/high_contrast_mode_toggle/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useContext } from 'react';
+import { useEuiTheme } from '@elastic/eui';
+import { NavbarItem } from '../navbar_item';
+import { AppThemeContext } from '../theme_context';
+export const HighContrastModeToggle = () => {
+    const euiThemeContext = useEuiTheme();
+    const appContext = useContext(AppThemeContext);
+    const { changeHighContrastMode } = appContext;
+    const isForcedContrastMode = euiThemeContext.highContrastMode === 'forced';
+    const _highContrastMode = appContext.highContrastMode && !isForcedContrastMode
+        ? appContext.highContrastMode
+        : euiThemeContext.highContrastMode;
+    return (_jsx(NavbarItem, { title: 'Toggle high contrast mode', icon: "contrast", isMenuItem: false, isSelected: !!_highContrastMode, onClick: () => changeHighContrastMode(!_highContrastMode) }));
+};

package/lib/components/icon/index.d.ts

@@ -0,0 +1 @@
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<import("@elastic/eui").EuiIconProps, "stylesMemoizer"> & import("react").RefAttributes<Omit<import("@elastic/eui").EuiIconProps, "stylesMemoizer">>>;

package/lib/components/icon/index.js

@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { EuiIcon } from '@elastic/eui';
+export const Icon = EuiIcon;

package/lib/components/index.d.ts

@@ -0,0 +1,7 @@
+export { AppThemeContext, useAppTheme } from './theme_context';
+export { Badge } from './badge';
+export { FigmaEmbed } from './figma_embed';
+export { Guideline, GuidelineText } from './guideline';
+export { Icon } from './icon';
+export { PropTable } from './prop_table';
+export { createDemo, Demo, DemoSource, type DemoProps } from './demo';

package/lib/components/index.js

@@ -0,0 +1,14 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export { AppThemeContext, useAppTheme } from './theme_context';
+export { Badge } from './badge';
+export { FigmaEmbed } from './figma_embed';
+export { Guideline, GuidelineText } from './guideline';
+export { Icon } from './icon';
+export { PropTable } from './prop_table';
+export { createDemo, Demo, DemoSource } from './demo';

package/lib/components/navbar_item/index.d.ts

@@ -0,0 +1,19 @@
+import { CommonProps, ExclusiveUnion, IconType, PropsForAnchor, PropsForButton, UseEuiTheme } from '@elastic/eui';
+type SharedProps = {
+    icon: IconType;
+    showLabel?: boolean;
+    isMenuItem?: boolean;
+    isSelected?: boolean;
+} & CommonProps;
+type Props = ExclusiveUnion<PropsForAnchor<SharedProps>, PropsForButton<SharedProps>>;
+export declare const getStyles: ({ euiTheme }: UseEuiTheme) => {
+    item: import("@emotion/react").SerializedStyles;
+    navItem: import("@emotion/react").SerializedStyles;
+    menuItem: import("@emotion/react").SerializedStyles;
+    darkMode: import("@emotion/react").SerializedStyles;
+    disabled: import("@emotion/react").SerializedStyles;
+    selected: import("@emotion/react").SerializedStyles;
+    title: import("@emotion/react").SerializedStyles;
+};
+export declare const NavbarItem: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/navbar_item/index.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { useContext } from 'react';
+import { css } from '@emotion/react';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import { EuiIcon, useEuiMemoizedStyles, } from '@elastic/eui';
+import { AppThemeContext } from '../theme_context';
+// converted from css modules to Emotion
+export const getStyles = ({ euiTheme }) => ({
+    item: css `
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+
+    -webkit-tap-highlight-color: transparent;
+    transition: background var(--ifm-transition-fast);
+
+    &:hover {
+      background-color: ${euiTheme.components.buttons.backgroundTextHover};
+      color: currentColor;
+    }
+  `,
+    navItem: css `
+    justify-content: center;
+    width: ${euiTheme.size.xl};
+    height: ${euiTheme.size.xl};
+    border-radius: 50%;
+  `,
+    menuItem: css `
+    justify-content: flex-start;
+    gap: ${euiTheme.size.s};
+
+    @media (min-width: 997px) {
+      justify-content: center;
+      width: ${euiTheme.size.xl};
+      height: ${euiTheme.size.xl};
+      border-radius: 50%;
+    }
+  `,
+    darkMode: css `
+    &:hover {
+      color: currentColor;
+    }
+  `,
+    disabled: css `
+    cursor: not-allowed;
+  `,
+    selected: css `
+    background-color: ${euiTheme.colors.backgroundFilledText};
+    color: ${euiTheme.colors.textInverse};
+  `,
+    title: css `
+    @media (min-width: 997px) {
+      display: none;
+    }
+  `,
+});
+// using a type guard to ensure proper typing from ExclusiveUnion
+const isAnchorClick = (onClick, href) => href != null;
+export const NavbarItem = (props) => {
+    const { className, title, icon, onClick, href, target, showLabel, isMenuItem = true, isSelected, css, } = props;
+    const isBrowser = useIsBrowser();
+    const { colorMode } = useContext(AppThemeContext);
+    const isDarkMode = colorMode === 'dark';
+    const styles = useEuiMemoizedStyles(getStyles);
+    const cssStyles = [
+        styles.item,
+        isMenuItem ? styles.menuItem : styles.navItem,
+        !isBrowser && styles.disabled,
+        isSelected && styles.selected,
+        isDarkMode && styles.darkMode,
+    ];
+    const content = showLabel ? (_jsxs(_Fragment, { children: [_jsx(EuiIcon, { type: icon }), _jsx("span", { css: styles.title, children: title })] })) : (_jsx(EuiIcon, { type: icon }));
+    if (isAnchorClick(onClick, href)) {
+        return (_jsx("a", { href: href, target: target ?? '_blank', title: title, className: className, css: cssStyles, onClick: onClick, "aria-label": title, "aria-live": "polite", children: content }));
+    }
+    return (_jsx("button", { type: "button", disabled: !isBrowser, className: className, css: cssStyles, onClick: onClick, title: title, "aria-label": title, "aria-live": "polite", "aria-pressed": isSelected != null ? isSelected : undefined, children: content }));
+};

package/lib/components/prop_table/definition_types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Represents a processed component prop with its metadata
+ */
+export type ProcessedComponentProp = {
+    /** Name of the prop */
+    name: string;
+    /** Description of the prop */
+    description: string;
+    /** Whether the prop is required */
+    isRequired?: boolean;
+    /** Type information for the prop */
+    type?: {
+        name: string;
+        raw?: string;
+        [key: string]: any;
+    };
+    /** Default value of the prop */
+    defaultValue?: string;
+    /** Allow additional properties that might be needed in the future */
+    [key: string]: any;
+};
+/**
+ * Represents a type extension with display name and potentially other information
+ */
+export type ExtendedType = {
+    /** Display name of the type being extended */
+    displayName: string;
+    /** Any additional metadata about the extended type */
+    [key: string]: any;
+};
+/**
+ * Represents a processed component with its metadata
+ */
+export type ProcessedComponent = {
+    /** Display name of the component */
+    displayName: string;
+    /** Props of the component as a record of prop name to prop details */
+    props: Record<string, ProcessedComponentProp>;
+    /** Types that this component extends */
+    extends: ExtendedType[];
+    /** Allow additional properties that might be needed in the future */
+    [key: string]: any;
+};

package/lib/components/prop_table/definition_types.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export {};

package/lib/components/prop_table/extended_types.d.ts

@@ -0,0 +1,5 @@
+import { ProcessedComponent } from './definition_types';
+export type PropTableExtendedTypesProps = {
+    definition: ProcessedComponent;
+};
+export declare const PropTableExtendedTypes: ({ definition, }: PropTableExtendedTypesProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/lib/components/prop_table/extended_types.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { Fragment, useMemo } from 'react';
+import { EuiLink, EuiText } from '@elastic/eui';
+import { extendedTypesInfo } from './extended_types_info';
+export const PropTableExtendedTypes = ({ definition, }) => {
+    const extendedTypes = useMemo(() => {
+        const types = definition.extends.filter((type) => extendedTypesInfo.hasOwnProperty(type.displayName));
+        if (types.every((type) => type.displayName.indexOf('HTMLAttributes') > -1)) {
+            const htmlAttributesIndex = types.findIndex((type) => type.displayName === 'HTMLAttributes');
+            if (htmlAttributesIndex > -1 && types.length > 1) {
+                types.splice(htmlAttributesIndex, 1);
+            }
+        }
+        return types;
+    }, [definition.extends]);
+    if (!extendedTypes.length) {
+        return null;
+    }
+    return (_jsxs(EuiText, { size: "s", children: ["Extends", ' ', extendedTypes.map((type, index) => (_jsxs(Fragment, { children: [_jsx(EuiLink, { href: extendedTypesInfo[type.displayName].url, children: type.displayName }), extendedTypes.length - 1 > index && ', '] }, index)))] }));
+};

package/lib/components/prop_table/extended_types_info.d.ts

@@ -0,0 +1,26 @@
+export declare const extendedTypesInfo: {
+    HTMLAttributes: {
+        name: string;
+        url: string;
+    };
+    SelectHTMLAttributes: {
+        name: string;
+        url: string;
+    };
+    TextareaHTMLAttributes: {
+        name: string;
+        url: string;
+    };
+    InputHTMLAttributes: {
+        name: string;
+        url: string;
+    };
+    AnchorHTMLAttributes: {
+        name: string;
+        url: string;
+    };
+    ButtonHTMLAttributes: {
+        name: string;
+        url: string;
+    };
+};

package/lib/components/prop_table/extended_types_info.js

@@ -0,0 +1,34 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export const extendedTypesInfo = {
+    // HTMLAttributes is removed from display if any of the following elements also exist
+    HTMLAttributes: {
+        name: 'HTMLElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement',
+    },
+    SelectHTMLAttributes: {
+        name: 'HTMLSelectElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement',
+    },
+    TextareaHTMLAttributes: {
+        name: 'HTMLTextAreaElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement',
+    },
+    InputHTMLAttributes: {
+        name: 'HTMLInputElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement',
+    },
+    AnchorHTMLAttributes: {
+        name: 'HTMLAnchorElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement',
+    },
+    ButtonHTMLAttributes: {
+        name: 'HTMLButtonElement',
+        url: 'https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement',
+    },
+};

package/lib/components/prop_table/index.d.ts

@@ -0,0 +1 @@
+export { PropTable } from './prop_table';

package/lib/components/prop_table/index.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+export { PropTable } from './prop_table';

package/lib/components/prop_table/prop_table.d.ts

@@ -0,0 +1,8 @@
+import { ProcessedComponent } from './definition_types';
+export type PropTableProps = {
+    definition: ProcessedComponent;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    showTitle?: boolean;
+    parseDescription?: (description: string) => string | undefined;
+};
+export declare const PropTable: ({ definition, headingLevel, showTitle, parseDescription, }: PropTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;