@splunk/react-ui 4.11.0 → 4.12.0

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

@@ -0,0 +1,2 @@
+declare const Basic: () => JSX.Element;
+export default Basic;

package/types/src/TextArea/docs/examples/Disabled.d.ts

@@ -0,0 +1,2 @@
+declare const Disabled: () => JSX.Element;
+export default Disabled;

package/types/src/TextArea/docs/examples/Error.d.ts

@@ -0,0 +1,2 @@
+declare const Error: () => JSX.Element;
+export default Error;

package/types/src/TextArea/docs/examples/Inline.d.ts

@@ -0,0 +1,2 @@
+declare const Inline: () => JSX.Element;
+export default Inline;

package/types/src/TextArea/docs/examples/Uncontrolled.d.ts

@@ -0,0 +1,2 @@
+declare function Uncontrolled(): JSX.Element;
+export default Uncontrolled;

package/types/src/TextArea/index.d.ts

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

package/types/src/{Text → TextArea}/syncHeightWithShadow.d.ts

@@ -1,6 +1,5 @@
-export default function syncHeightWithShadow({ height, multiline, rowsMax, rowsMin, shadow, }: {
+export default function syncHeightWithShadow({ height, rowsMax, rowsMin, shadow, }: {
     height?: number;
-    multiline: boolean;
     rowsMax: number;
     rowsMin: number;
     shadow: HTMLInputElement | HTMLTextAreaElement | null;

package/types/src/TransitionOpen/TransitionOpen.d.ts

@@ -53,3 +53,4 @@ declare class TransitionOpen extends Component<TransitionOpenProps, TransitionOp
     render(): JSX.Element;
 }
 export default TransitionOpen;
+export { TransitionOpenPropsBase };

package/types/src/TransitionOpen/index.d.ts

@@ -1 +1,2 @@
 export { default } from './TransitionOpen';
+export * from './TransitionOpen';

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { TypographyVariant, TypographyParams } from '@splunk/themes/mixins';
+import { ComponentProps } from '../utils/types';
+declare 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';
+interface TypographyPropsBase extends TypographyParams {
+    /**
+     * Text and inline icons
+     * */
+    children: React.ReactNode;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLElement>;
+    /**
+     * Tag for the element to render children content into.
+     * Use the most semantically appropriate tag.
+     * Layout elements like `div` are not allowed; use the `typography` mixin from `@splunk/themes` instead.
+     */
+    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'.
+     */
+    variant?: TypographyVariant;
+    /**
+     * Set the font-family to sans-serif or monospace based on current theme.
+     */
+    family?: 'sansSerif' | 'monospace';
+    /**
+     * Set the size to a system-standard size.
+     */
+    size?: 56 | 36 | 32 | 24 | 20 | 18 | 16 | 14 | 12 | 10;
+    /**
+     * Set the line-height to a system-standard size.
+     */
+    lineHeight?: 64 | 40 | 32 | 28 | 24 | 22 | 20 | 16 | 13;
+    /**
+     * Set the color to a system-standard color: e.g. `active` for `@splunk/themes/variables.contentColorActive`.
+     */
+    color?: 'active' | 'default' | 'disabled' | 'inverted' | 'muted';
+    /**
+     * Set the font-weight to a system-standard value.
+     *
+     * Number or equivalent string can be used.
+     * See: [font-weight | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
+     */
+    weight?: 300 | 400 | 500 | 600 | 700 | 800 | 900 | '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;
+}
+declare type TypographyProps = ComponentProps<TypographyPropsBase, TypographyElementTypes>;
+declare type AllTypographyParams = {
+    [P in keyof TypographyParams]-?: boolean;
+};
+/**
+ * Typography renders text content with styling based on the Splunk Design System.
+ */
+export declare function Typography({ children, as, elementRef, ...otherProps }: TypographyProps): JSX.Element;
+export declare namespace Typography {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        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">;
+        size: PropTypes.Requireable<number>;
+        lineHeight: PropTypes.Requireable<number>;
+        color: PropTypes.Requireable<string>;
+        weight: PropTypes.Requireable<React.ReactText>;
+        withReset: PropTypes.Requireable<boolean>;
+    };
+}
+export default Typography;
+export { AllTypographyParams };

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

@@ -0,0 +1,2 @@
+declare function Basic(): JSX.Element;
+export default Basic;

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

@@ -0,0 +1,2 @@
+declare function Variants(): JSX.Element;
+export default Variants;

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

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

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

@@ -0,0 +1 @@
+export {};

package/usePrevious.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 177);
+/******/ 	return __webpack_require__(__webpack_require__.s = 180);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 177:
+/***/ 180:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";