@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/types/src/TransitionOpen/docs/examples/SlideFromBottom.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromBottom(): JSX.Element;
+import React from 'react';
+declare function SlideFromBottom(): React.JSX.Element;
 export default SlideFromBottom;

package/types/src/TransitionOpen/docs/examples/SlideFromLeft.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromLeft(): JSX.Element;
+import React from 'react';
+declare function SlideFromLeft(): React.JSX.Element;
 export default SlideFromLeft;

package/types/src/TransitionOpen/docs/examples/SlideFromRight.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromRight(): JSX.Element;
+import React from 'react';
+declare function SlideFromRight(): React.JSX.Element;
 export default SlideFromRight;

package/types/src/TransitionOpen/docs/examples/SlideFromTop.d.ts

@@ -1,2 +1,3 @@
-declare function SlideFromTop(): JSX.Element;
+import React from 'react';
+declare function SlideFromTop(): React.JSX.Element;
 export default SlideFromTop;

package/types/src/Tree/Tree.d.ts

@@ -11,7 +11,7 @@ interface TreePropsBase {
     defaultIndent?: boolean;
 }
 type TreeProps = ComponentProps<TreePropsBase, 'ul'>;
-declare function Tree({ children, defaultIndent, ...otherProps }: TreeProps): JSX.Element;
+declare function Tree({ children, defaultIndent, ...otherProps }: TreeProps): React.JSX.Element;
 declare namespace Tree {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/Tree/TreeItem.d.ts

@@ -24,7 +24,7 @@ type TreeItemProps = ComponentProps<TreeItemPropsBase, 'li'>;
 type TreeItemClickHandler = (event: React.MouseEvent<HTMLSpanElement>, id: string) => void;
 type TreeItemKeyDownHandler = (event: React.KeyboardEvent<HTMLLIElement>, id: string, showChildren: boolean | undefined, childrenCleaned: React.ReactElement[] | undefined | null, handleToggle: TreeItemToggleHandler) => void;
 type TreeItemToggleHandler = (isOpen: boolean, event?: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLSpanElement>) => void;
-declare function TreeItem({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): JSX.Element;
+declare function TreeItem({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): React.JSX.Element;
 declare namespace TreeItem {
     var propTypes: {
         id: PropTypes.Requireable<string>;

package/types/src/Typography/Typography.d.ts

@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
 import { TypographyVariant, TypographyParams } from '@splunk/themes/mixins';
 import { ComponentProps } from '../utils/types';
 type TypographyElementTypes = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'blockquote' | 'dd' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'li' | 'ol' | 'ul' | 'pre' | 'abbr' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'u' | 'time' | 'sup' | 'sub' | 'strong' | 'small' | 'samp' | 's' | 'var' | 'ruby' | 'rt' | 'rp';
-type DeprecatedTypographyWeightValues = 300 | 400 | 500 | 600 | 700 | 800 | 900;
-interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
+interface TypographyPropsBase extends TypographyParams {
     /**
      * Text and inline icons
      * */
@@ -21,22 +20,21 @@ interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
     as: TypographyElementTypes;
     /**
      * A variant from the Splunk Design System's Type: 'body', 'title1', 'title2', 'title3',
-     * 'title4', 'title5', 'title6', 'title7', 'largeBody', 'smallBody',
-     * 'footnote', 'monoBody', or 'monoSmallBody'.
+     * 'title4', 'title5', 'title6', 'largeBody', 'smallBody', 'monoBody', or 'monoSmallBody'.
      */
     variant?: TypographyVariant;
     /**
      * Set the font-family to sans-serif or monospace based on current theme.
      */
-    family?: 'sansSerif' | 'monospace';
+    family?: 'sansSerif' | 'monospace' | 'title';
     /**
      * Set the size to a system-standard size.
      */
-    size?: 56 | 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;
+    size?: 24 | 20 | 18 | 16 | 14 | 12;
     /**
      * Set the line-height to a system-standard size.
      */
-    lineHeight?: 64 | 40 | 32 | 28 | 24 | 22 | 20 | 16 | 13;
+    lineHeight?: 'single' | 'tight' | 'snug' | 'comfortable' | 'relaxed' | 'spacious' | 'normal';
     /**
      * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
      */
@@ -44,34 +42,27 @@ interface TypographyPropsBase extends Omit<TypographyParams, 'weight'> {
     /**
      * Set the font-weight to a system-standard value.
      *
-     * ___Numeric values are deprecated___ and will be removed in the next release.
-     *
      * The following standard weight names are supported, using camelCase syntax.
      * See: [font-weight | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping)
      */
-    weight?: DeprecatedTypographyWeightValues | 'light' | 'normal' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
-    /**
-     * Apply a reset to the element's margin and padding. This defaults to true if using a `variant`.
-     */
-    withReset?: boolean;
+    weight?: 'light' | 'normal' | 'semiBold' | 'bold' | 'extraBold' | 'heavy';
 }
 type TypographyProps = ComponentProps<TypographyPropsBase, TypographyElementTypes>;
 /**
  * Typography renders text content with styling based on the Splunk Design System.
  */
-export declare function Typography({ children, as, elementRef, variant, family, size, lineHeight, color, weight, withReset, ...otherProps }: TypographyProps): JSX.Element;
+export declare function Typography({ children, as, elementRef, variant, family, size, lineHeight, color, weight, ...otherProps }: TypographyProps): React.JSX.Element;
 export declare namespace Typography {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         as: PropTypes.Validator<string>;
         elementRef: PropTypes.Requireable<object>;
         family: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<"body" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "title7" | "largeBody" | "smallBody" | "footnote" | "monoBody" | "monoSmallBody">;
+        variant: PropTypes.Requireable<"body" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "largeBody" | "smallBody" | "monoBody" | "monoSmallBody">;
         size: PropTypes.Requireable<number>;
-        lineHeight: PropTypes.Requireable<number>;
+        lineHeight: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<string | number>;
-        withReset: PropTypes.Requireable<boolean>;
+        weight: PropTypes.Requireable<string>;
     };
 }
 export default Typography;

package/types/src/Typography/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/WaitSpinner/WaitSpinner.d.ts

@@ -2,12 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface WaitSpinnerPropsBase {
-    /** @deprecated This prop is deprecated and will be removed in the next major version. */
     children?: never;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
-    elementRef?: React.Ref<SVGSVGElement>;
+    elementRef?: React.Ref<HTMLDivElement>;
     /** A string to display to screen readers. Set the prop to `null` or an empty string to hide the
      * spinner from screen readers, such as when there is already a text label beside it. */
     screenReaderText?: string | null;
@@ -17,7 +16,7 @@ interface WaitSpinnerPropsBase {
     size?: 'small' | 'medium' | 'large';
 }
 type WaitSpinnerProps = ComponentProps<WaitSpinnerPropsBase, 'div'>;
-declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): JSX.Element;
+declare function WaitSpinner({ elementRef, screenReaderText, size, ...otherProps }: WaitSpinnerProps): React.JSX.Element;
 declare namespace WaitSpinner {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

package/types/src/WaitSpinner/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/utils/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type ClassComponentProps<P extends {}, D extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & D & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
 type ComponentProps<P extends {}, I extends keyof JSX.IntrinsicElements, B extends keyof P | keyof JSX.IntrinsicElements[I] = never> = P & Omit<JSX.IntrinsicElements[I], keyof P | B | 'ref' | 'css'>;
 type ObjKeys = <T>(o: T) => Extract<keyof T, string>[];

package/Concertina.d.ts

@@ -1,2 +0,0 @@
-export { default } from './types/src/Concertina';
-export * from './types/src/Concertina';