@itwin/core-react 4.11.0 → 4.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport * as ReactAutosuggest from \"react-autosuggest\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n  /** Value of [[AutoSuggest]] option. */\n  value: string;\n  /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n  label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (\n  value: string\n) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Optional input value override. */\n  value?: string;\n  /** Options for dropdown. */\n  options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n  /** Asynchronously calculate suggestions for any given input value. */\n  getSuggestions?: AsyncGetAutoSuggestDataFunc;\n  /** Gets a label associated with a given value */\n  getLabel?: (value: string | undefined) => string;\n  /** Handler for when suggested selected. */\n  onSuggestionSelected: (selected: AutoSuggestData) => void;\n  /** Handler for Enter key. */\n  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Escape key. */\n  onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Tab key. */\n  onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for input receiving focus. */\n  onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Called every time you need to clear suggestions. */\n  onSuggestionsClearRequested?: () => void;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n\n  /** Use it only if you need to customize the rendering of the input.\n   * @internal\n   */\n  renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n  /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n   * @internal\n   */\n  renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n  /** @internal */\n  alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<\n  AutoSuggestProps,\n  AutoSuggestState\n> {\n  private _isMounted = false;\n\n  constructor(props: AutoSuggestProps) {\n    super(props);\n\n    // Autosuggest is a controlled component.\n    // This means that you need to provide an input value\n    // and an onChange handler that updates this value (see below).\n    // Suggestions also need to be provided to the Autosuggest,\n    // and they are initially empty because the Autosuggest is closed.\n    this.state = {\n      inputValue: this.getLabel(props.value),\n      suggestions: [],\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (\n      this.props.value !== prevProps.value ||\n      this.props.options !== prevProps.options\n    ) {\n      this.setState((_prevState, props) => ({\n        inputValue: this.getLabel(props.value),\n      }));\n    }\n  }\n\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let newValue = \"\";\n\n    if (e.target.tagName === \"LI\" && e.target.textContent)\n      newValue = e.target.textContent;\n    else if (e.target.value) newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this.props.onInputFocus) this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (\n    request: ReactAutosuggest.SuggestionsFetchRequestedParams\n  ): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted) this.setState({ suggestions });\n  };\n\n  /** Autosuggest will call this function every time you need to clear suggestions. */\n  private _onSuggestionsClearRequested = () => {\n    this.setState({ suggestions: [] });\n    this.props.onSuggestionsClearRequested &&\n      this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (\n    _event: React.FormEvent<any>,\n    data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>\n  ): void => {\n    this.props.onSuggestionSelected(data.suggestion);\n  };\n\n  /** Teach Autosuggest how to calculate suggestions for any given input value. */\n  private _getSuggestions = async (\n    value: string\n  ): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions) return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.options or props.getSuggestions should be provided`\n      );\n      return Promise.resolve([]);\n    }\n\n    const inputValue = value.trim().toLowerCase();\n    const inputLength = inputValue.length;\n\n    return Promise.resolve(\n      inputLength === 0\n        ? /* istanbul ignore next */ []\n        : this.props.options.filter((data: AutoSuggestData) => {\n            return (\n              data.label.toLowerCase().includes(inputValue) ||\n              data.value.toLowerCase().includes(inputValue)\n            );\n          })\n    );\n  };\n\n  /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */\n  private _getSuggestionValue = (suggestion: AutoSuggestData) =>\n    suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>{suggestion.label}</span>\n  );\n\n  private getLabel(value: string | undefined): string {\n    let label = \"\";\n\n    if (this.props.getLabel) {\n      label = this.props.getLabel(value);\n    } else if (this.props.options instanceof Array) {\n      const entry = this.props.options.find(\n        (data: AutoSuggestData) => data.value === value\n      );\n      if (entry) label = entry.label;\n    } else {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.getLabel should be provided when props.options is a function`\n      );\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case Key.Enter.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEnter) this.props.onPressEnter(e);\n        break;\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEscape) this.props.onPressEscape(e);\n        break;\n      case Key.Tab.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressTab) this.props.onPressTab(e);\n        break;\n    }\n  };\n\n  private _theme = {\n    container: \"uicore-autosuggest__container\",\n    containerOpen: \"uicore-autosuggest__container--open\",\n    input: \"uicore-autosuggest__input\",\n    inputOpen: \"uicore-autosuggest__input--open\",\n    inputFocused: \"uicore-autosuggest__input--focused\",\n    suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n    suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n    suggestionsList: \"uicore-autosuggest__suggestions-list\",\n    suggestion: \"uicore-autosuggest__suggestion\",\n    suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n    suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n    sectionContainer: \"uicore-autosuggest__section-container\",\n    sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n    sectionTitle: \"uicore-autosuggest__section-title\",\n  };\n\n  public override render(): React.ReactElement {\n    const { inputValue, suggestions } = this.state;\n    const {\n      value,\n      onChange,\n      placeholder,\n      options,\n      onSuggestionSelected,\n      setFocus,\n      alwaysRenderSuggestions,\n      onPressEnter,\n      onPressEscape,\n      onPressTab,\n      onInputFocus,\n      getLabel,\n      getSuggestions,\n      renderInputComponent,\n      renderSuggestionsContainer,\n      onSuggestionsClearRequested,\n      ...props\n    } = this.props;\n    const inputPlaceholder = !inputValue ? placeholder : undefined;\n\n    const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n      ...props,\n      value: inputValue,\n      onChange: this._onChange,\n      onFocus: this._onFocus,\n      placeholder: inputPlaceholder,\n      autoFocus: setFocus,\n    };\n\n    const defaultRenderInputComponent: React.ComponentProps<\n      typeof ReactAutosuggest\n    >[\"renderInputComponent\"] = (renderInputProps) => {\n      const { size, ...other } = renderInputProps;\n      return <Input {...other} />;\n    };\n    return (\n      // The onKeyDown event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        className={this.props.className}\n        style={this.props.style}\n        onKeyDown={this._handleKeyDown}\n      >\n        <ReactAutosuggest\n          theme={this._theme}\n          suggestions={suggestions}\n          onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n          getSuggestionValue={this._getSuggestionValue}\n          renderSuggestion={this._renderSuggestion}\n          inputProps={inputProps}\n          onSuggestionSelected={this._onSuggestionSelected}\n          alwaysRenderSuggestions={alwaysRenderSuggestions}\n          renderInputComponent={\n            renderInputComponent || defaultRenderInputComponent\n          }\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"AutoSuggest.js","sourceRoot":"","sources":["../../../../src/core-react/autosuggest/AutoSuggest.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module AutoSuggest\n */\n\nimport \"./AutoSuggest.scss\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport ReactAutosuggest from \"react-autosuggest\";\nimport { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Data for the [[AutoSuggest]] options\n * @public\n */\nexport interface AutoSuggestData {\n  /** Value of [[AutoSuggest]] option. */\n  value: string;\n  /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */\n  label: string;\n}\n\n/** Prototype for function returning AutoSuggestData\n * @public\n */\nexport type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];\n\n/** Prototype for async function returning AutoSuggestData\n * @public\n */\nexport type AsyncGetAutoSuggestDataFunc = (\n  value: string\n) => Promise<AutoSuggestData[]>;\n\n/** Properties for the [[AutoSuggest]] component.\n * @public\n */\nexport interface AutoSuggestProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    CommonProps {\n  /** Optional input value override. */\n  value?: string;\n  /** Options for dropdown. */\n  options?: AutoSuggestData[] | GetAutoSuggestDataFunc;\n  /** Asynchronously calculate suggestions for any given input value. */\n  getSuggestions?: AsyncGetAutoSuggestDataFunc;\n  /** Gets a label associated with a given value */\n  getLabel?: (value: string | undefined) => string;\n  /** Handler for when suggested selected. */\n  onSuggestionSelected: (selected: AutoSuggestData) => void;\n  /** Handler for Enter key. */\n  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Escape key. */\n  onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for Tab key. */\n  onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  /** Handler for input receiving focus. */\n  onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Called every time you need to clear suggestions. */\n  onSuggestionsClearRequested?: () => void;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n\n  /** Use it only if you need to customize the rendering of the input.\n   * @internal\n   */\n  renderInputComponent?: any; // ReactAutosuggest.RenderInputComponent<AutoSuggestData>; NOTE: changed to \"any\" because build was failing with RenderInputComponent is not generic?\n  /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.\n   * @internal\n   */\n  renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;\n\n  /** @internal */\n  alwaysRenderSuggestions?: boolean;\n}\n\n/** @internal */\ninterface AutoSuggestState {\n  inputValue: string;\n  suggestions: AutoSuggestData[];\n}\n\n/** Auto Suggest React component. Uses the react-autosuggest component internally.\n * @public\n */\nexport class AutoSuggest extends React.PureComponent<\n  AutoSuggestProps,\n  AutoSuggestState\n> {\n  private _isMounted = false;\n\n  constructor(props: AutoSuggestProps) {\n    super(props);\n\n    // Autosuggest is a controlled component.\n    // This means that you need to provide an input value\n    // and an onChange handler that updates this value (see below).\n    // Suggestions also need to be provided to the Autosuggest,\n    // and they are initially empty because the Autosuggest is closed.\n    this.state = {\n      inputValue: this.getLabel(props.value),\n      suggestions: [],\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: AutoSuggestProps) {\n    if (\n      this.props.value !== prevProps.value ||\n      this.props.options !== prevProps.options\n    ) {\n      this.setState((_prevState, props) => ({\n        inputValue: this.getLabel(props.value),\n      }));\n    }\n  }\n\n  private _onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let newValue = \"\";\n\n    if (e.target.tagName === \"LI\" && e.target.textContent)\n      newValue = e.target.textContent;\n    else if (e.target.value) newValue = e.target.value;\n\n    this.setState({\n      inputValue: newValue,\n    });\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    // istanbul ignore else\n    if (this.props.onInputFocus) this.props.onInputFocus(e);\n  };\n\n  /** Autosuggest will call this function every time you need to update suggestions. */\n  private _onSuggestionsFetchRequested = async (\n    request: ReactAutosuggest.SuggestionsFetchRequestedParams\n  ): Promise<void> => {\n    const value = request.value;\n    const suggestions = await this._getSuggestions(value);\n\n    if (this._isMounted) this.setState({ suggestions });\n  };\n\n  /** Autosuggest will call this function every time you need to clear suggestions. */\n  private _onSuggestionsClearRequested = () => {\n    this.setState({ suggestions: [] });\n    this.props.onSuggestionsClearRequested &&\n      this.props.onSuggestionsClearRequested();\n  };\n\n  private _onSuggestionSelected = (\n    _event: React.FormEvent<any>,\n    data: ReactAutosuggest.SuggestionSelectedEventData<AutoSuggestData>\n  ): void => {\n    this.props.onSuggestionSelected(data.suggestion);\n  };\n\n  /** Teach Autosuggest how to calculate suggestions for any given input value. */\n  private _getSuggestions = async (\n    value: string\n  ): Promise<AutoSuggestData[]> => {\n    if (typeof this.props.options === \"function\")\n      return Promise.resolve(this.props.options(value));\n\n    if (this.props.getSuggestions) return this.props.getSuggestions(value);\n\n    if (this.props.options === undefined) {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.options or props.getSuggestions should be provided`\n      );\n      return Promise.resolve([]);\n    }\n\n    const inputValue = value.trim().toLowerCase();\n    const inputLength = inputValue.length;\n\n    return Promise.resolve(\n      inputLength === 0\n        ? /* istanbul ignore next */ []\n        : this.props.options.filter((data: AutoSuggestData) => {\n            return (\n              data.label.toLowerCase().includes(inputValue) ||\n              data.value.toLowerCase().includes(inputValue)\n            );\n          })\n    );\n  };\n\n  /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */\n  private _getSuggestionValue = (suggestion: AutoSuggestData) =>\n    suggestion.label;\n\n  /** Render each suggestion. */\n  private _renderSuggestion = (suggestion: AutoSuggestData) => (\n    <span>{suggestion.label}</span>\n  );\n\n  private getLabel(value: string | undefined): string {\n    let label = \"\";\n\n    if (this.props.getLabel) {\n      label = this.props.getLabel(value);\n    } else if (this.props.options instanceof Array) {\n      const entry = this.props.options.find(\n        (data: AutoSuggestData) => data.value === value\n      );\n      if (entry) label = entry.label;\n    } else {\n      Logger.logError(\n        UiCore.loggerCategory(this),\n        `props.getLabel should be provided when props.options is a function`\n      );\n    }\n\n    return label;\n  }\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case Key.Enter.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEnter) this.props.onPressEnter(e);\n        break;\n      case Key.Escape.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressEscape) this.props.onPressEscape(e);\n        break;\n      case Key.Tab.valueOf():\n        // istanbul ignore else\n        if (this.props.onPressTab) this.props.onPressTab(e);\n        break;\n    }\n  };\n\n  private _theme = {\n    container: \"uicore-autosuggest__container\",\n    containerOpen: \"uicore-autosuggest__container--open\",\n    input: \"uicore-autosuggest__input\",\n    inputOpen: \"uicore-autosuggest__input--open\",\n    inputFocused: \"uicore-autosuggest__input--focused\",\n    suggestionsContainer: \"uicore-autosuggest__suggestions-container\",\n    suggestionsContainerOpen: \"uicore-autosuggest__suggestions-container--open\",\n    suggestionsList: \"uicore-autosuggest__suggestions-list\",\n    suggestion: \"uicore-autosuggest__suggestion\",\n    suggestionFirst: \"uicore-autosuggest__suggestion--first\",\n    suggestionHighlighted: \"uicore-autosuggest__suggestion--highlighted\",\n    sectionContainer: \"uicore-autosuggest__section-container\",\n    sectionContainerFirst: \"uicore-autosuggest__section-container--first\",\n    sectionTitle: \"uicore-autosuggest__section-title\",\n  };\n\n  public override render(): React.ReactElement {\n    const { inputValue, suggestions } = this.state;\n    const {\n      value,\n      onChange,\n      placeholder,\n      options,\n      onSuggestionSelected,\n      setFocus,\n      alwaysRenderSuggestions,\n      onPressEnter,\n      onPressEscape,\n      onPressTab,\n      onInputFocus,\n      getLabel,\n      getSuggestions,\n      renderInputComponent,\n      renderSuggestionsContainer,\n      onSuggestionsClearRequested,\n      ...props\n    } = this.props;\n    const inputPlaceholder = !inputValue ? placeholder : undefined;\n\n    const inputProps: ReactAutosuggest.InputProps<AutoSuggestData> = {\n      ...props,\n      value: inputValue,\n      onChange: this._onChange,\n      onFocus: this._onFocus,\n      placeholder: inputPlaceholder,\n      autoFocus: setFocus,\n    };\n\n    const defaultRenderInputComponent: React.ComponentProps<\n      typeof ReactAutosuggest\n    >[\"renderInputComponent\"] = (renderInputProps) => {\n      const { size, ...other } = renderInputProps;\n      return <Input {...other} />;\n    };\n    return (\n      // The onKeyDown event handler is only being used to capture bubbled events\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        className={this.props.className}\n        style={this.props.style}\n        onKeyDown={this._handleKeyDown}\n      >\n        <ReactAutosuggest\n          theme={this._theme}\n          suggestions={suggestions}\n          onSuggestionsFetchRequested={this._onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this._onSuggestionsClearRequested}\n          getSuggestionValue={this._getSuggestionValue}\n          renderSuggestion={this._renderSuggestion}\n          inputProps={inputProps}\n          onSuggestionSelected={this._onSuggestionSelected}\n          alwaysRenderSuggestions={alwaysRenderSuggestions}\n          renderInputComponent={\n            renderInputComponent || defaultRenderInputComponent\n          }\n          renderSuggestionsContainer={renderSuggestionsContainer}\n        />\n      </div>\n    );\n  }\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,GAAG,EAAE,GAAG,CAAC;CACV;AAED;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IACxC,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,4BAIzC"}

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

@@ -5,17 +5,18 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import "./Badge.scss";
-import classnames from "classnames";
 import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-/** Beta Badge React component
+import { BadgeType } from "./BadgeType";
+import { TechnicalPreviewBadge } from "./TechnicalPreviewBadge";
+import { NewBadge } from "./NewBadge";
+/** Badge component that renders based on a badge type.
  * @internal
  */
-export class Badge extends React.PureComponent {
-    render() {
-        return (React.createElement("div", { className: classnames("core-badge", this.props.className), style: this.props.style },
-            React.createElement(Icon, { iconSpec: this.props.svg })));
-    }
+export function Badge({ type }) {
+    if (type === BadgeType.TechnicalPreview)
+        return React.createElement(TechnicalPreviewBadge, null);
+    if (type === BadgeType.New)
+        return React.createElement(NewBadge, null);
+    return null;
 }
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAS9C;;GAEG;AACH,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CAC9B,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./Badge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\n\n/** Properties for the [[Badge]] React component\n * @internal\n */\nexport interface BadgeProps extends CommonProps {\n  svg: any;\n}\n\n/** Beta Badge React component\n * @internal\n */\nexport class Badge extends React.PureComponent<BadgeProps> {\n  public override render(): React.ReactElement {\n    return (\n      <div\n        className={classnames(\"core-badge\", this.props.className)}\n        style={this.props.style}\n      >\n        <Icon iconSpec={this.props.svg} />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,EAAc;IACxC,IAAI,IAAI,KAAK,SAAS,CAAC,gBAAgB;QAAE,OAAO,oBAAC,qBAAqB,OAAG,CAAC;IAC1E,IAAI,IAAI,KAAK,SAAS,CAAC,GAAG;QAAE,OAAO,oBAAC,QAAQ,OAAG,CAAC;IAChD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { BadgeType } from \"./BadgeType\";\nimport { TechnicalPreviewBadge } from \"./TechnicalPreviewBadge\";\nimport { NewBadge } from \"./NewBadge\";\n\n/** Properties for the [[Badge]] component.\n * @internal\n */\nexport interface BadgeProps {\n  type?: BadgeType;\n}\n\n/** Badge component that renders based on a badge type.\n * @internal\n */\nexport function Badge({ type }: BadgeProps) {\n  if (type === BadgeType.TechnicalPreview) return <TechnicalPreviewBadge />;\n  if (type === BadgeType.New) return <NewBadge />;\n  return null;\n}\n"]}

package/lib/{cjs/core-react/badge/BadgeUtilities.d.ts → esm/core-react/badge/BadgeType.d.ts}

@@ -1,7 +1,6 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import * as React from "react";
 import { BadgeType as _BadgeType } from "@itwin/appui-abstract";
 /** Specifies type of badge, if any, that should be overlaid on UI component.
  * @public
@@ -11,11 +10,4 @@ export type BadgeType = _BadgeType;
  * @public
  */
 export declare const BadgeType: typeof _BadgeType;
-/** Converts BadgeType 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
+//# sourceMappingURL=BadgeType.d.ts.map

package/lib/esm/core-react/badge/BadgeType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,SAAS,mBAAa,CAAC"}

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

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { BadgeType as _BadgeType } from "@itwin/appui-abstract";
+/** Specifies type of badge, if any, that should be overlaid on UI component.
+ * @public
+ */
+export const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+//# sourceMappingURL=BadgeType.js.map

package/lib/esm/core-react/badge/BadgeType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BadgeType.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOhE;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,+EAA+E","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport { BadgeType as _BadgeType } from \"@itwin/appui-abstract\";\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport type BadgeType = _BadgeType; // eslint-disable-line deprecation/deprecation\n\n/** Specifies type of badge, if any, that should be overlaid on UI component.\n * @public\n */\nexport const BadgeType = _BadgeType; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\n"]}

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

@@ -3,9 +3,8 @@
  */
 import "./NewBadge.scss";
 import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** New Badge React component
+/** New badge component.
  * @internal
  */
-export declare function NewBadge(props: CommonProps): React.JSX.Element;
+export declare function NewBadge(): React.JSX.Element;
 //# sourceMappingURL=NewBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,qBAS1C"}
+{"version":3,"file":"NewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,QAAQ,sBAYvB"}

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

@@ -6,15 +6,14 @@
  * @module Utilities
  */
 import "./NewBadge.scss";
-import classnames from "classnames";
 import * as React from "react";
-import { Badge } from "./Badge";
-import newBadgeIcon from "./new-feature-badge.svg";
-/** New Badge React component
+import { Icon } from "@itwin/itwinui-react";
+/** New badge component.
  * @internal
  */
-export function NewBadge(props) {
-    const { className, ...badgeProps } = props;
-    return (React.createElement(Badge, { ...badgeProps, className: classnames("core-new-badge", className), svg: newBadgeIcon }));
+export function NewBadge() {
+    return (React.createElement(Icon, { className: "core-badge-newBadge" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16" },
+            React.createElement("path", { d: "m15 0h-14c-.4 0-.8.2-.9.6s-.1.8.2 1.1l14 14c.2.2.4.3.7.3.1 0 .3 0 .4-.1.4-.2.6-.5.6-.9v-14c0-.6-.4-1-1-1m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2" }))));
 }
 //# sourceMappingURL=NewBadge.js.map

package/lib/esm/core-react/badge/NewBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAkB;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,oBAAC,KAAK,OACA,UAAU,EACd,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,YAAY,GACjB,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./NewBadge.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Badge } from \"./Badge\";\nimport newBadgeIcon from \"./new-feature-badge.svg\";\n\n/** New Badge React component\n * @internal\n */\nexport function NewBadge(props: CommonProps) {\n  const { className, ...badgeProps } = props;\n  return (\n    <Badge\n      {...badgeProps}\n      className={classnames(\"core-new-badge\", className)}\n      svg={newBadgeIcon}\n    />\n  );\n}\n"]}
+{"version":3,"file":"NewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/NewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB;QACnC,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,gBAAgB,EAAC,eAAe;YAEhC,8BAAM,CAAC,EAAC,0JAA0J,GAAG,CACjK,CACD,CACR,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./NewBadge.scss\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\n/** New badge component.\n * @internal\n */\nexport function NewBadge() {\n  return (\n    <Icon className=\"core-badge-newBadge\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        enableBackground=\"new 0 0 16 16\"\n      >\n        <path d=\"m15 0h-14c-.4 0-.8.2-.9.6s-.1.8.2 1.1l14 14c.2.2.4.3.7.3.1 0 .3 0 .4-.1.4-.2.6-.5.6-.9v-14c0-.6-.4-1-1-1m-4 7c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2\" />\n      </svg>\n    </Icon>\n  );\n}\n"]}

package/lib/esm/core-react/badge/NewBadge.scss

@@ -2,8 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-.core-new-badge {
+.core-badge-newBadge {
   color: var(--iui-color-text-positive);
+  transform: rotate(270deg);
 }

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

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import "./TechnicalPreviewBadge.scss";
+import * as React from "react";
+/** Technical preview badge component.
+ * @internal
+ */
+export declare function TechnicalPreviewBadge(): React.JSX.Element;
+//# sourceMappingURL=TechnicalPreviewBadge.d.ts.map

package/lib/esm/core-react/badge/TechnicalPreviewBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnicalPreviewBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/TechnicalPreviewBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,qBAAqB,sBAoCpC"}

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 "./TechnicalPreviewBadge.scss";
+import * as React from "react";
+import { Icon } from "@itwin/itwinui-react";
+/** Technical preview badge component.
+ * @internal
+ */
+export function TechnicalPreviewBadge() {
+    return (React.createElement(Icon, { className: "core-badge-technicalPreviewBadge" },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 16 16" },
+            React.createElement("defs", null,
+                React.createElement("linearGradient", { id: "a", x1: "8", y1: "15", x2: "8", y2: "1", gradientUnits: "userSpaceOnUse" },
+                    React.createElement("stop", { offset: "0", stopColor: "#ffc335" }),
+                    React.createElement("stop", { offset: "1", stopColor: "#ffdf52" }))),
+            React.createElement("path", { d: "M15,1V15L1,1H15", fill: "url(#a)" }),
+            React.createElement("path", { d: "M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z", fill: "#ffc000" }),
+            React.createElement("circle", { cx: "11", cy: "5", r: "2", opacity: "0.9", style: { isolation: "isolate" } }))));
+}
+//# sourceMappingURL=TechnicalPreviewBadge.js.map

package/lib/esm/core-react/badge/TechnicalPreviewBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnicalPreviewBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/TechnicalPreviewBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC;QAChD,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAC,WAAW;YAEnB;gBACE,wCACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,aAAa,EAAC,gBAAgB;oBAE9B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG;oBACvC,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,CACxB,CACZ;YACP,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,GAAG;YAC3C,8BACE,CAAC,EAAC,8KAA8K,EAChL,IAAI,EAAC,SAAS,GACd;YACF,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,OAAO,EAAC,KAAK,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAC/B,CACE,CACD,CACR,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport \"./TechnicalPreviewBadge.scss\";\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/itwinui-react\";\n\n/** Technical preview badge component.\n * @internal\n */\nexport function TechnicalPreviewBadge() {\n  return (\n    <Icon className=\"core-badge-technicalPreviewBadge\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n        viewBox=\"0 0 16 16\"\n      >\n        <defs>\n          <linearGradient\n            id=\"a\"\n            x1=\"8\"\n            y1=\"15\"\n            x2=\"8\"\n            y2=\"1\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop offset=\"0\" stopColor=\"#ffc335\" />\n            <stop offset=\"1\" stopColor=\"#ffdf52\" />\n          </linearGradient>\n        </defs>\n        <path d=\"M15,1V15L1,1H15\" fill=\"url(#a)\" />\n        <path\n          d=\"M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z\"\n          fill=\"#ffc000\"\n        />\n        <circle\n          cx=\"11\"\n          cy=\"5\"\n          r=\"2\"\n          opacity=\"0.9\"\n          style={{ isolation: \"isolate\" }}\n        />\n      </svg>\n    </Icon>\n  );\n}\n"]}

package/lib/esm/core-react/badge/{Badge.scss → TechnicalPreviewBadge.scss}

@@ -2,12 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-$icon-size: 16px;
-
-.core-badge {
+.core-badge-technicalPreviewBadge {
   transform: rotate(270deg);
-  width: $icon-size;
-  height: $icon-size;
 }

package/lib/esm/core-react/base/Centered.d.ts

@@ -6,6 +6,7 @@ import type { CommonDivProps } from "../utils/Props";
 /** Centered React functional component.
  * Displays content centered vertically and horizontally.
  * @public
+ * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent="center" />`.
  */
 export declare function Centered(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=Centered.d.ts.map

package/lib/esm/core-react/base/Centered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,qBAE7C"}
+{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,qBAG7C"}

package/lib/esm/core-react/base/Centered.js

@@ -10,8 +10,10 @@ import { Div } from "./Div";
 /** Centered React functional component.
  * Displays content centered vertically and horizontally.
  * @public
+ * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent="center" />`.
  */
 export function Centered(props) {
+    // eslint-disable-next-line deprecation/deprecation
     return React.createElement(Div, { ...props, mainClassName: "uicore-centered" });
 }
 //# sourceMappingURL=Centered.js.map

package/lib/esm/core-react/base/Centered.js.map

@@ -1 +1 @@
-{"version":3,"file":"Centered.js","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAqB;IAC5C,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,iBAAiB,GAAG,CAAC;AAC5D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Centered React functional component.\n * Displays content centered vertically and horizontally.\n * @public\n */\nexport function Centered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-centered\" />;\n}\n"]}
+{"version":3,"file":"Centered.js","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAqB;IAC5C,mDAAmD;IACnD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,iBAAiB,GAAG,CAAC;AAC5D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Centered React functional component.\n * Displays content centered vertically and horizontally.\n * @public\n * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent=\"center\" />`.\n */\nexport function Centered(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uicore-centered\" />;\n}\n"]}

package/lib/esm/core-react/base/Div.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Properties for the [[Div]] component
  * @public
+ * @deprecated in 4.12.x. Props of deprecated component {@link Div}.
  */
 export interface DivProps extends CommonDivProps {
     /** Main CSS class name */
@@ -12,6 +13,7 @@ export interface DivProps extends CommonDivProps {
 }
 /** Base div element React component
  * @public
+ * @deprecated in 4.12.x. Use HTMLDivElement instead i.e. `<div />`.
  */
 export declare function Div(props: DivProps): React.JSX.Element;
 //# sourceMappingURL=Div.d.ts.map

package/lib/esm/core-react/base/Div.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAYlC"}
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AAEH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAYlC"}

package/lib/esm/core-react/base/Div.js

@@ -9,7 +9,9 @@ import classnames from "classnames";
 import * as React from "react";
 /** Base div element React component
  * @public
+ * @deprecated in 4.12.x. Use HTMLDivElement instead i.e. `<div />`.
  */
+// eslint-disable-next-line deprecation/deprecation
 export function Div(props) {
     const { mainClassName, className, style, children, ...divProps } = props;
     return (React.createElement("div", { ...divProps, className: classnames(mainClassName, className), style: style }, children));

package/lib/esm/core-react/base/Div.js.map

@@ -1 +1 @@
-{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,gCACM,QAAQ,EACZ,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\n\n/** Properties for the [[Div]] component\n * @public\n */\nexport interface DivProps extends CommonDivProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** Base div element React component\n * @public\n */\nexport function Div(props: DivProps) {\n  const { mainClassName, className, style, children, ...divProps } = props;\n\n  return (\n    <div\n      {...divProps}\n      className={classnames(mainClassName, className)}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,gCACM,QAAQ,EACZ,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\n\n/** Properties for the [[Div]] component\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link Div}.\n */\nexport interface DivProps extends CommonDivProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** Base div element React component\n * @public\n * @deprecated in 4.12.x. Use HTMLDivElement instead i.e. `<div />`.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function Div(props: DivProps) {\n  const { mainClassName, className, style, children, ...divProps } = props;\n\n  return (\n    <div\n      {...divProps}\n      className={classnames(mainClassName, className)}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/lib/esm/core-react/base/DivWithOutsideClick.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 import type { CommonDivProps } from "../utils/Props";
 /** Div element with Outside Click behavior
  * @public
+ * @deprecated in 4.12.x. Use props of a basic component, like {@link https://itwinui.bentley.com/docs/popover iTwinUI popover `closeOnOutsideClick`} or {@link useOnOutsideClick} hook.
  */
 export declare const DivWithOutsideClick: {
     new (props: (CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps) | Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>): {

package/lib/esm/core-react/base/DivWithOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DivWithOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE/B,CAAC"}
+{"version":3,"file":"DivWithOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE/B,CAAC"}

package/lib/esm/core-react/base/DivWithOutsideClick.js

@@ -9,6 +9,7 @@ import * as React from "react";
 import { withOnOutsideClick } from "../hocs/withOnOutsideClick";
 /** Div element with Outside Click behavior
  * @public
+ * @deprecated in 4.12.x. Use props of a basic component, like {@link https://itwinui.bentley.com/docs/popover iTwinUI popover `closeOnOutsideClick`} or {@link useOnOutsideClick} hook.
  */
 export const DivWithOutsideClick = withOnOutsideClick((props) => React.createElement("div", { ...props }));
 //# sourceMappingURL=DivWithOutsideClick.js.map

package/lib/esm/core-react/base/DivWithOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"DivWithOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACnD,CAAC,KAAqB,EAAE,EAAE,CAAC,gCAAS,KAAK,GAAI,CAC9C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { withOnOutsideClick } from \"../hocs/withOnOutsideClick\";\nimport type { CommonDivProps } from \"../utils/Props\";\n\n/** Div element with Outside Click behavior\n * @public\n */\nexport const DivWithOutsideClick = withOnOutsideClick(\n  (props: CommonDivProps) => <div {...props} />\n);\n"]}
+{"version":3,"file":"DivWithOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CACnD,CAAC,KAAqB,EAAE,EAAE,CAAC,gCAAS,KAAK,GAAI,CAC9C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { withOnOutsideClick } from \"../hocs/withOnOutsideClick\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport type { useOnOutsideClick } from \"../utils/hooks/useOnOutsideClick\";\n\n/** Div element with Outside Click behavior\n * @public\n * @deprecated in 4.12.x. Use props of a basic component, like {@link https://itwinui.bentley.com/docs/popover iTwinUI popover `closeOnOutsideClick`} or {@link useOnOutsideClick} hook.\n */\nexport const DivWithOutsideClick = withOnOutsideClick(\n  (props: CommonDivProps) => <div {...props} />\n);\n"]}

package/lib/esm/core-react/base/FillCentered.d.ts

@@ -6,6 +6,7 @@ import type { CommonDivProps } from "../utils/Props";
 /** Full height & width and centered React functional component.
  * Displays content centered vertically and horizontally and has a height and width of 100%.
  * @public
+ * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
  */
 export declare function FillCentered(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=FillCentered.d.ts.map

package/lib/esm/core-react/base/FillCentered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,qBAEjD"}
+{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,qBAGjD"}

package/lib/esm/core-react/base/FillCentered.js

@@ -10,8 +10,10 @@ import { Div } from "./Div";
 /** Full height & width and centered React functional component.
  * Displays content centered vertically and horizontally and has a height and width of 100%.
  * @public
+ * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
  */
 export function FillCentered(props) {
+    // eslint-disable-next-line deprecation/deprecation
     return React.createElement(Div, { ...props, mainClassName: "uicore-fill-centered" });
 }
 //# sourceMappingURL=FillCentered.js.map

package/lib/esm/core-react/base/FillCentered.js.map

@@ -1 +1 @@
-{"version":3,"file":"FillCentered.js","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACjE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Full height & width and centered React functional component.\n * Displays content centered vertically and horizontally and has a height and width of 100%.\n * @public\n */\nexport function FillCentered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-fill-centered\" />;\n}\n"]}
+{"version":3,"file":"FillCentered.js","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,mDAAmD;IACnD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACjE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Full height & width and centered React functional component.\n * Displays content centered vertically and horizontally and has a height and width of 100%.\n * @public\n * @deprecated in 4.12.x. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.\n */\nexport function FillCentered(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uicore-fill-centered\" />;\n}\n"]}

package/lib/esm/core-react/base/FlexWrapContainer.d.ts

@@ -7,6 +7,7 @@ import type { CommonDivProps } from "../utils/Props";
  * Wraps content onto multiple lines and
  * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
  * @public
+ * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
  */
 export declare function FlexWrapContainer(props: CommonDivProps): React.JSX.Element;
 //# sourceMappingURL=FlexWrapContainer.d.ts.map

package/lib/esm/core-react/base/FlexWrapContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,qBAEtD"}
+{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,qBAGtD"}

package/lib/esm/core-react/base/FlexWrapContainer.js

@@ -11,8 +11,10 @@ import { Div } from "./Div";
  * Wraps content onto multiple lines and
  * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
  * @public
+ * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
  */
 export function FlexWrapContainer(props) {
+    // eslint-disable-next-line deprecation/deprecation
     return React.createElement(Div, { ...props, mainClassName: "uicore-flex-wrap-container" });
 }
 //# sourceMappingURL=FlexWrapContainer.js.map

package/lib/esm/core-react/base/FlexWrapContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexWrapContainer.js","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAqB;IACrD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,4BAA4B,GAAG,CAAC;AACvE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Flex Wrap Container React functional component.\n * Wraps content onto multiple lines and\n * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.\n * @public\n */\nexport function FlexWrapContainer(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-flex-wrap-container\" />;\n}\n"]}
+{"version":3,"file":"FlexWrapContainer.js","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAqB;IACrD,mDAAmD;IACnD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,4BAA4B,GAAG,CAAC;AACvE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Flex Wrap Container React functional component.\n * Wraps content onto multiple lines and\n * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.\n */\nexport function FlexWrapContainer(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uicore-flex-wrap-container\" />;\n}\n"]}

package/lib/esm/core-react/base/Gap.d.ts

@@ -5,12 +5,14 @@ import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** Properties for the [[Gap]] component.
  * @public
+ * @deprecated in 4.12.x. Props of deprecated component {@link Gap}.
  */
 export interface GapProps extends CommonProps {
     size?: string;
 }
 /** Horizontal gap or space React component. Defaults to 10px.
  * @public
+ * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex `gap`} or {@link https://itwinui.bentley.com/docs/variables#size iTwinUI size variables} instead.
  */
 export declare function Gap(props: GapProps): React.JSX.Element;
 //# sourceMappingURL=Gap.d.ts.map

package/lib/esm/core-react/base/Gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAKlC"}
+{"version":3,"file":"Gap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AAEH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,qBAKlC"}

package/lib/esm/core-react/base/Gap.js

@@ -8,10 +8,12 @@
 import * as React from "react";
 /** Horizontal gap or space React component. Defaults to 10px.
  * @public
+ * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex `gap`} or {@link https://itwinui.bentley.com/docs/variables#size iTwinUI size variables} instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 export function Gap(props) {
     const { size, style, ...rest } = props;
-    const paddingLeft = size !== null && size !== void 0 ? size : "10px";
+    const paddingLeft = size ?? "10px";
     return React.createElement("span", { style: { ...style, paddingLeft }, ...rest });
 }
 //# sourceMappingURL=Gap.js.map

package/lib/esm/core-react/base/Gap.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,CAAC;IAEnC,OAAO,8BAAM,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,KAAM,IAAI,GAAI,CAAC;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Gap]] component.\n * @public\n */\nexport interface GapProps extends CommonProps {\n  size?: string;\n}\n\n/** Horizontal gap or space React component. Defaults to 10px.\n * @public\n */\nexport function Gap(props: GapProps) {\n  const { size, style, ...rest } = props;\n  const paddingLeft = size ?? \"10px\";\n\n  return <span style={{ ...style, paddingLeft }} {...rest} />;\n}\n"]}
+{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,IAAI,MAAM,CAAC;IAEnC,OAAO,8BAAM,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,KAAM,IAAI,GAAI,CAAC;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Gap]] component.\n * @public\n * @deprecated in 4.12.x. Props of deprecated component {@link Gap}.\n */\nexport interface GapProps extends CommonProps {\n  size?: string;\n}\n\n/** Horizontal gap or space React component. Defaults to 10px.\n * @public\n * @deprecated in 4.12.x. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex `gap`} or {@link https://itwinui.bentley.com/docs/variables#size iTwinUI size variables} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function Gap(props: GapProps) {\n  const { size, style, ...rest } = props;\n  const paddingLeft = size ?? \"10px\";\n\n  return <span style={{ ...style, paddingLeft }} {...rest} />;\n}\n"]}