@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/core-react/autosuggest/AutoSuggest.js

@@ -1,171 +1,171 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module AutoSuggest
- */
-import "./AutoSuggest.scss";
-import * as React from "react";
-import * as ReactAutosuggest from "react-autosuggest";
-import { Logger } from "@itwin/core-bentley";
-import { SpecialKey } from "@itwin/appui-abstract";
-import { UiCore } from "../UiCore";
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- */
-export class AutoSuggest extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._isMounted = false;
-        this._onChange = (e) => {
-            let newValue = "";
-            if (e.target.tagName === "LI" && e.target.textContent)
-                newValue = e.target.textContent;
-            else if (e.target.value)
-                newValue = e.target.value;
-            this.setState({
-                inputValue: newValue,
-            });
-        };
-        this._onFocus = (e) => {
-            // istanbul ignore else
-            if (this.props.onInputFocus)
-                this.props.onInputFocus(e);
-        };
-        /** Autosuggest will call this function every time you need to update suggestions. */
-        this._onSuggestionsFetchRequested = async (request) => {
-            const value = request.value;
-            const suggestions = await this._getSuggestions(value);
-            if (this._isMounted)
-                this.setState({ suggestions });
-        };
-        /** Autosuggest will call this function every time you need to clear suggestions. */
-        this._onSuggestionsClearRequested = () => {
-            this.setState({ suggestions: [] });
-            this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();
-        };
-        this._onSuggestionSelected = (_event, data) => {
-            this.props.onSuggestionSelected(data.suggestion);
-        };
-        /** Teach Autosuggest how to calculate suggestions for any given input value. */
-        this._getSuggestions = async (value) => {
-            if (typeof this.props.options === "function")
-                return Promise.resolve(this.props.options(value));
-            if (this.props.getSuggestions)
-                return this.props.getSuggestions(value);
-            if (this.props.options === undefined) {
-                Logger.logError(UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);
-                return Promise.resolve([]);
-            }
-            const inputValue = value.trim().toLowerCase();
-            const inputLength = inputValue.length;
-            return Promise.resolve(inputLength === 0 ?
-                /* istanbul ignore next */ [] :
-                this.props.options.filter((data) => {
-                    return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);
-                }));
-        };
-        /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
-        this._getSuggestionValue = (suggestion) => suggestion.label;
-        /** Render each suggestion. */
-        this._renderSuggestion = (suggestion) => (React.createElement("span", null, suggestion.label));
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case SpecialKey.Enter:
-                    // istanbul ignore else
-                    if (this.props.onPressEnter)
-                        this.props.onPressEnter(e);
-                    break;
-                case SpecialKey.Escape:
-                    // istanbul ignore else
-                    if (this.props.onPressEscape)
-                        this.props.onPressEscape(e);
-                    break;
-                case SpecialKey.Tab:
-                    // istanbul ignore else
-                    if (this.props.onPressTab)
-                        this.props.onPressTab(e);
-                    break;
-            }
-        };
-        this._theme = {
-            container: "uicore-autosuggest__container",
-            containerOpen: "uicore-autosuggest__container--open",
-            input: "iui-input uicore-autosuggest__input",
-            inputOpen: "uicore-autosuggest__input--open",
-            inputFocused: "uicore-autosuggest__input--focused",
-            suggestionsContainer: "uicore-autosuggest__suggestions-container",
-            suggestionsContainerOpen: "uicore-autosuggest__suggestions-container--open",
-            suggestionsList: "uicore-autosuggest__suggestions-list",
-            suggestion: "uicore-autosuggest__suggestion",
-            suggestionFirst: "uicore-autosuggest__suggestion--first",
-            suggestionHighlighted: "uicore-autosuggest__suggestion--highlighted",
-            sectionContainer: "uicore-autosuggest__section-container",
-            sectionContainerFirst: "uicore-autosuggest__section-container--first",
-            sectionTitle: "uicore-autosuggest__section-title",
-        };
-        // Autosuggest is a controlled component.
-        // This means that you need to provide an input value
-        // and an onChange handler that updates this value (see below).
-        // Suggestions also need to be provided to the Autosuggest,
-        // and they are initially empty because the Autosuggest is closed.
-        this.state = {
-            inputValue: this.getLabel(props.value),
-            suggestions: [],
-        };
-    }
-    /** @internal */
-    componentDidMount() {
-        this._isMounted = true;
-    }
-    /** @internal */
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {
-            this.setState((_prevState, props) => ({
-                inputValue: this.getLabel(props.value),
-            }));
-        }
-    }
-    getLabel(value) {
-        let label = "";
-        if (this.props.getLabel) {
-            label = this.props.getLabel(value);
-        }
-        else if (this.props.options instanceof Array) {
-            const entry = this.props.options.find((data) => data.value === value);
-            if (entry)
-                label = entry.label;
-        }
-        else {
-            Logger.logError(UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);
-        }
-        return label;
-    }
-    render() {
-        const { inputValue, suggestions } = this.state;
-        const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars
-        onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars
-        getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars
-        renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars
-        ...props } = this.props;
-        const inputPlaceholder = (!inputValue) ? placeholder : undefined;
-        const inputProps = {
-            ...props,
-            value: inputValue,
-            onChange: this._onChange,
-            onFocus: this._onFocus,
-            placeholder: inputPlaceholder,
-            autoFocus: setFocus,
-        };
-        return (
-        // The onKeyDown event handler is only being used to capture bubbled events
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        React.createElement("div", { className: this.props.className, style: this.props.style, onKeyDown: this._handleKeyDown },
-            React.createElement(ReactAutosuggest, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module AutoSuggest
+ */
+import "./AutoSuggest.scss";
+import * as React from "react";
+import * as ReactAutosuggest from "react-autosuggest";
+import { Logger } from "@itwin/core-bentley";
+import { SpecialKey } from "@itwin/appui-abstract";
+import { UiCore } from "../UiCore";
+/** Auto Suggest React component. Uses the react-autosuggest component internally.
+ * @public
+ */
+export class AutoSuggest extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._isMounted = false;
+        this._onChange = (e) => {
+            let newValue = "";
+            if (e.target.tagName === "LI" && e.target.textContent)
+                newValue = e.target.textContent;
+            else if (e.target.value)
+                newValue = e.target.value;
+            this.setState({
+                inputValue: newValue,
+            });
+        };
+        this._onFocus = (e) => {
+            // istanbul ignore else
+            if (this.props.onInputFocus)
+                this.props.onInputFocus(e);
+        };
+        /** Autosuggest will call this function every time you need to update suggestions. */
+        this._onSuggestionsFetchRequested = async (request) => {
+            const value = request.value;
+            const suggestions = await this._getSuggestions(value);
+            if (this._isMounted)
+                this.setState({ suggestions });
+        };
+        /** Autosuggest will call this function every time you need to clear suggestions. */
+        this._onSuggestionsClearRequested = () => {
+            this.setState({ suggestions: [] });
+            this.props.onSuggestionsClearRequested && this.props.onSuggestionsClearRequested();
+        };
+        this._onSuggestionSelected = (_event, data) => {
+            this.props.onSuggestionSelected(data.suggestion);
+        };
+        /** Teach Autosuggest how to calculate suggestions for any given input value. */
+        this._getSuggestions = async (value) => {
+            if (typeof this.props.options === "function")
+                return Promise.resolve(this.props.options(value));
+            if (this.props.getSuggestions)
+                return this.props.getSuggestions(value);
+            if (this.props.options === undefined) {
+                Logger.logError(UiCore.loggerCategory(this), `props.options or props.getSuggestions should be provided`);
+                return Promise.resolve([]);
+            }
+            const inputValue = value.trim().toLowerCase();
+            const inputLength = inputValue.length;
+            return Promise.resolve(inputLength === 0 ?
+                /* istanbul ignore next */ [] :
+                this.props.options.filter((data) => {
+                    return data.label.toLowerCase().includes(inputValue) || data.value.toLowerCase().includes(inputValue);
+                }));
+        };
+        /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
+        this._getSuggestionValue = (suggestion) => suggestion.label;
+        /** Render each suggestion. */
+        this._renderSuggestion = (suggestion) => (React.createElement("span", null, suggestion.label));
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case SpecialKey.Enter:
+                    // istanbul ignore else
+                    if (this.props.onPressEnter)
+                        this.props.onPressEnter(e);
+                    break;
+                case SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onPressEscape)
+                        this.props.onPressEscape(e);
+                    break;
+                case SpecialKey.Tab:
+                    // istanbul ignore else
+                    if (this.props.onPressTab)
+                        this.props.onPressTab(e);
+                    break;
+            }
+        };
+        this._theme = {
+            container: "uicore-autosuggest__container",
+            containerOpen: "uicore-autosuggest__container--open",
+            input: "iui-input uicore-autosuggest__input",
+            inputOpen: "uicore-autosuggest__input--open",
+            inputFocused: "uicore-autosuggest__input--focused",
+            suggestionsContainer: "uicore-autosuggest__suggestions-container",
+            suggestionsContainerOpen: "uicore-autosuggest__suggestions-container--open",
+            suggestionsList: "uicore-autosuggest__suggestions-list",
+            suggestion: "uicore-autosuggest__suggestion",
+            suggestionFirst: "uicore-autosuggest__suggestion--first",
+            suggestionHighlighted: "uicore-autosuggest__suggestion--highlighted",
+            sectionContainer: "uicore-autosuggest__section-container",
+            sectionContainerFirst: "uicore-autosuggest__section-container--first",
+            sectionTitle: "uicore-autosuggest__section-title",
+        };
+        // Autosuggest is a controlled component.
+        // This means that you need to provide an input value
+        // and an onChange handler that updates this value (see below).
+        // Suggestions also need to be provided to the Autosuggest,
+        // and they are initially empty because the Autosuggest is closed.
+        this.state = {
+            inputValue: this.getLabel(props.value),
+            suggestions: [],
+        };
+    }
+    /** @internal */
+    componentDidMount() {
+        this._isMounted = true;
+    }
+    /** @internal */
+    componentWillUnmount() {
+        this._isMounted = false;
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.value !== prevProps.value || this.props.options !== prevProps.options) {
+            this.setState((_prevState, props) => ({
+                inputValue: this.getLabel(props.value),
+            }));
+        }
+    }
+    getLabel(value) {
+        let label = "";
+        if (this.props.getLabel) {
+            label = this.props.getLabel(value);
+        }
+        else if (this.props.options instanceof Array) {
+            const entry = this.props.options.find((data) => data.value === value);
+            if (entry)
+                label = entry.label;
+        }
+        else {
+            Logger.logError(UiCore.loggerCategory(this), `props.getLabel should be provided when props.options is a function`);
+        }
+        return label;
+    }
+    render() {
+        const { inputValue, suggestions } = this.state;
+        const { value, onChange, placeholder, options, onSuggestionSelected, setFocus, alwaysRenderSuggestions, // eslint-disable-line @typescript-eslint/no-unused-vars
+        onPressEnter, onPressEscape, onPressTab, onInputFocus, getLabel, // eslint-disable-line @typescript-eslint/no-unused-vars
+        getSuggestions, // eslint-disable-line deprecation/deprecation, @typescript-eslint/no-unused-vars
+        renderInputComponent, renderSuggestionsContainer, onSuggestionsClearRequested, // eslint-disable-line @typescript-eslint/no-unused-vars
+        ...props } = this.props;
+        const inputPlaceholder = (!inputValue) ? placeholder : undefined;
+        const inputProps = {
+            ...props,
+            value: inputValue,
+            onChange: this._onChange,
+            onFocus: this._onFocus,
+            placeholder: inputPlaceholder,
+            autoFocus: setFocus,
+        };
+        return (
+        // The onKeyDown event handler is only being used to capture bubbled events
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        React.createElement("div", { className: this.props.className, style: this.props.style, onKeyDown: this._handleKeyDown },
+            React.createElement(ReactAutosuggest, { theme: this._theme, suggestions: suggestions, onSuggestionsFetchRequested: this._onSuggestionsFetchRequested, onSuggestionsClearRequested: this._onSuggestionsClearRequested, getSuggestionValue: this._getSuggestionValue, renderSuggestion: this._renderSuggestion, inputProps: inputProps, onSuggestionSelected: this._onSuggestionSelected, alwaysRenderSuggestions: alwaysRenderSuggestions, renderInputComponent: renderInputComponent, renderSuggestionsContainer: renderSuggestionsContainer })));
+    }
+}
 //# sourceMappingURL=AutoSuggest.js.map

package/lib/esm/core-react/autosuggest/AutoSuggest.scss

@@ -4,14 +4,13 @@
 *--------------------------------------------------------------------------------------------*/
 @import "../scrollbar";
 @import "../inputs/variables";
-@import "../style/variables";
 
 .uicore-autosuggest__container {
   position: relative;
 }
 
 .uicore-autosuggest__input {
-  min-height: $uicore-component-height-normal !important;
+  min-height: 28px !important;
   padding: $uicore-iui-input-padding !important;
 }
 

package/lib/esm/core-react/badge/Badge.d.ts

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import "./Badge.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[Badge]] React component
- * @internal
- */
-export interface BadgeProps extends CommonProps {
-    svg: any;
-}
-/** Beta Badge React component
- * @internal
- */
-export declare class Badge extends React.PureComponent<BadgeProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+import "./Badge.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Badge]] React component
+ * @internal
+ */
+export interface BadgeProps extends CommonProps {
+    svg: any;
+}
+/** Beta Badge React component
+ * @internal
+ */
+export declare class Badge extends React.PureComponent<BadgeProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Badge.d.ts.map

package/lib/esm/core-react/badge/Badge.js

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import "./Badge.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { IconSpecUtilities } from "@itwin/appui-abstract";
-import { Icon } from "../icons/IconComponent";
-/** Beta Badge React component
- * @internal
- */
-export class Badge extends React.PureComponent {
-    render() {
-        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(this.props.svg);
-        return (React.createElement("div", { className: classnames("core-badge", this.props.className), style: this.props.style },
-            React.createElement(Icon, { iconSpec: iconSpec })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import "./Badge.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { IconSpecUtilities } from "@itwin/appui-abstract";
+import { Icon } from "../icons/IconComponent";
+/** Beta Badge React component
+ * @internal
+ */
+export class Badge extends React.PureComponent {
+    render() {
+        const iconSpec = IconSpecUtilities.createWebComponentIconSpec(this.props.svg);
+        return (React.createElement("div", { className: classnames("core-badge", this.props.className), style: this.props.style },
+            React.createElement(Icon, { iconSpec: iconSpec })));
+    }
+}
 //# sourceMappingURL=Badge.js.map

package/lib/esm/core-react/badge/BadgeUtilities.d.ts

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-import { BadgeType } from "@itwin/appui-abstract";
-/** Converts BetaType to Badge React component
- * @internal
- */
-export declare class BadgeUtilities {
-    /** Converts BetaType to Badge React component */
-    static getComponentForBadgeType(badgeType?: BadgeType): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { BadgeType } from "@itwin/appui-abstract";
+/** Converts BetaType to Badge React component
+ * @internal
+ */
+export declare class BadgeUtilities {
+    /** Converts BetaType to Badge React component */
+    static getComponentForBadgeType(badgeType?: BadgeType): React.ReactNode;
+}
 //# sourceMappingURL=BadgeUtilities.d.ts.map

package/lib/esm/core-react/badge/BadgeUtilities.js

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-import { BadgeType } from "@itwin/appui-abstract";
-import { BetaBadge } from "./BetaBadge";
-import { NewBadge } from "./NewBadge";
-/** Converts BetaType to Badge React component
- * @internal
- */
-export class BadgeUtilities {
-    /** Converts BetaType to Badge React component */
-    static getComponentForBadgeType(badgeType) {
-        if (badgeType === undefined)
-            return undefined;
-        let component;
-        switch (badgeType) {
-            case BadgeType.TechnicalPreview:
-                component = React.createElement(BetaBadge, null);
-                break;
-            case BadgeType.New:
-                component = React.createElement(NewBadge, null);
-                break;
-            case BadgeType.None:
-                component = undefined;
-                break;
-        }
-        return component;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { BadgeType } from "@itwin/appui-abstract";
+import { BetaBadge } from "./BetaBadge";
+import { NewBadge } from "./NewBadge";
+/** Converts BetaType to Badge React component
+ * @internal
+ */
+export class BadgeUtilities {
+    /** Converts BetaType to Badge React component */
+    static getComponentForBadgeType(badgeType) {
+        if (badgeType === undefined)
+            return undefined;
+        let component;
+        switch (badgeType) {
+            case BadgeType.TechnicalPreview:
+                component = React.createElement(BetaBadge, null);
+                break;
+            case BadgeType.New:
+                component = React.createElement(NewBadge, null);
+                break;
+            case BadgeType.None:
+                component = undefined;
+                break;
+        }
+        return component;
+    }
+}
 //# sourceMappingURL=BadgeUtilities.js.map

package/lib/esm/core-react/badge/BetaBadge.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/// <reference types="react" />
-import { CommonProps } from "../utils/Props";
-/** Beta Badge React component
- * @internal
- */
-export declare function BetaBadge(props: CommonProps): JSX.Element;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/// <reference types="react" />
+import { CommonProps } from "../utils/Props";
+/** Beta Badge React component
+ * @internal
+ */
+export declare function BetaBadge(props: CommonProps): JSX.Element;
 //# sourceMappingURL=BetaBadge.d.ts.map

package/lib/esm/core-react/badge/BetaBadge.js

@@ -1,19 +1,19 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Badge } from "./Badge";
-import betaBadgeIcon from "./technical-preview-badge.svg";
-/** Beta Badge React component
- * @internal
- */
-export function BetaBadge(props) {
-    const className = classnames("core-badge-betaBadge", props.className);
-    return React.createElement(Badge, { ...props, svg: betaBadgeIcon, className: className });
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Badge } from "./Badge";
+import betaBadgeIcon from "./technical-preview-badge.svg";
+/** Beta Badge React component
+ * @internal
+ */
+export function BetaBadge(props) {
+    const className = classnames("core-badge-betaBadge", props.className);
+    return React.createElement(Badge, { ...props, svg: betaBadgeIcon, className: className });
+}
 //# sourceMappingURL=BetaBadge.js.map

package/lib/esm/core-react/badge/NewBadge.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/// <reference types="react" />
-import "./NewBadge.scss";
-import { CommonProps } from "../utils/Props";
-/** New Badge React component
- * @internal
- */
-export declare function NewBadge(props: CommonProps): JSX.Element;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/// <reference types="react" />
+import "./NewBadge.scss";
+import { CommonProps } from "../utils/Props";
+/** New Badge React component
+ * @internal
+ */
+export declare function NewBadge(props: CommonProps): JSX.Element;
 //# sourceMappingURL=NewBadge.d.ts.map