@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/core-react/UiCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAM,OAAO,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAtEc,mBAAY,GAAG,KAAK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport type { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n  private static _initialized = false;\r\n  private static _localization?: Localization;\r\n\r\n  /**\r\n   * Registers the Localization service namespace for UiCore.\r\n   * @param localization The internationalization service created by the host application.\r\n   */\r\n  public static async initialize(localization: Localization): Promise<void> {\r\n    if (UiCore._initialized) {\r\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n      return;\r\n    }\r\n\r\n    UiCore._localization = localization;\r\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n    if (window.customElements.get(\"svg-loader\") === undefined)\r\n      window.customElements.define(\"svg-loader\", IconWebComponent);\r\n\r\n    UiCore._initialized = true;\r\n  }\r\n\r\n  /** Unregisters the UiCore localization namespace */\r\n  public static terminate() {\r\n    if (UiCore._localization)\r\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n    UiCore._localization = undefined;\r\n\r\n    UiCore._initialized = false;\r\n  }\r\n\r\n  /** Determines if UiCore has been initialized */\r\n  public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n  /** The internationalization service created by the host application.\r\n   * @internal\r\n   */\r\n  public static get localization(): Localization {\r\n    // istanbul ignore else\r\n    if (!UiCore._localization)\r\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n    // istanbul ignore next\r\n    return UiCore._localization;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return \"UiCore\";\r\n  }\r\n\r\n  /** Calls localization.getLocalizedString with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n   * @internal\r\n   */\r\n  public static translate(key: string | string[]): string {\r\n    if (!UiCore._localization) {\r\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n      return \"\";\r\n    }\r\n    return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\r\n  }\r\n\r\n  /** @internal */\r\n  public static get packageName(): string {\r\n    return \"core-react\";\r\n  }\r\n\r\n  /** @internal */\r\n  public static loggerCategory(obj: any): string {\r\n    const className = getClassName(obj);\r\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n    return category;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAM,OAAO,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAtEc,mBAAY,GAAG,KAAK,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport type { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n  private static _initialized = false;\r\n  private static _localization?: Localization;\r\n\r\n  /**\r\n   * Registers the Localization service namespace for UiCore.\r\n   * @param localization The internationalization service created by the host application.\r\n   */\r\n  public static async initialize(localization: Localization): Promise<void> {\r\n    if (UiCore._initialized) {\r\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n      return;\r\n    }\r\n\r\n    UiCore._localization = localization;\r\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n    if (window.customElements.get(\"svg-loader\") === undefined)\r\n      window.customElements.define(\"svg-loader\", IconWebComponent);\r\n\r\n    UiCore._initialized = true;\r\n  }\r\n\r\n  /** Unregisters the UiCore localization namespace */\r\n  public static terminate() {\r\n    if (UiCore._localization)\r\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n    UiCore._localization = undefined;\r\n\r\n    UiCore._initialized = false;\r\n  }\r\n\r\n  /** Determines if UiCore has been initialized */\r\n  public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n  /** The internationalization service created by the host application.\r\n   * @internal\r\n   */\r\n  public static get localization(): Localization {\r\n    // istanbul ignore else\r\n    if (!UiCore._localization)\r\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n    // istanbul ignore next\r\n    return UiCore._localization;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return \"UiCore\";\r\n  }\r\n\r\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n   * @internal\r\n   */\r\n  public static translate(key: string | string[]): string {\r\n    if (!UiCore._localization) {\r\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n      return \"\";\r\n    }\r\n    return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\r\n  }\r\n\r\n  /** @internal */\r\n  public static get packageName(): string {\r\n    return \"core-react\";\r\n  }\r\n\r\n  /** @internal */\r\n  public static loggerCategory(obj: any): string {\r\n    const className = getClassName(obj);\r\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n    return category;\r\n  }\r\n\r\n}\r\n"]}

package/lib/esm/core-react/_typography.scss

@@ -3,18 +3,17 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "./style/opacity.scss";
-@import "~@itwin/itwinui-css/scss/style/typography";
 
-$title-weight: $iui-font-weight-normal;
-$title-size: $iui-font-size-leading;
+$title-weight: var(--iui-font-weight-normal);
+$title-size: var(--iui-font-size-2);
 $title-opacity: $uicore-opacity-1;
 
-$body-weight: $iui-font-weight-light;
-$body-size: $iui-font-size;
+$body-weight: var(--iui-font-weight-light);
+$body-size: var(--iui-font-size-1);
 $body-opacity: $uicore-opacity-2;
 
-$body1-weight: $iui-font-weight-normal;
-$body1-size: $iui-font-size;
+$body1-weight: var(--iui-font-weight-normal);
+$body1-size: var(--iui-font-size-1);
 $body1-opacity: $uicore-opacity-2;
 
 @mixin title($rgb: unset) {
@@ -42,4 +41,4 @@ $body1-opacity: $uicore-opacity-2;
   @if $rgb != unset {
     color: rgba($rgb, $body1-opacity);
   }
-}
+}

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

@@ -92,7 +92,7 @@ export class AutoSuggest extends React.PureComponent {
         this._theme = {
             container: "uicore-autosuggest__container",
             containerOpen: "uicore-autosuggest__container--open",
-            input: "uicore-autosuggest__input",
+            input: "iui-input uicore-autosuggest__input",
             inputOpen: "uicore-autosuggest__input--open",
             inputFocused: "uicore-autosuggest__input--focused",
             suggestionsContainer: "uicore-autosuggest__suggestions-container",

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

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

@@ -5,17 +5,14 @@
 @import "../scrollbar";
 @import "../inputs/variables";
 @import "../style/variables";
-@import "~@itwin/itwinui-css/scss/inputs/input";
-@import "~@itwin/itwinui-css/scss/style/typography";
 
 .uicore-autosuggest__container {
   position: relative;
 }
 
 .uicore-autosuggest__input {
-  @include iui-input;
-  min-height: $uicore-component-height-normal;
-  padding: $uicore-iui-input-padding;
+  min-height: $uicore-component-height-normal !important;
+  padding: $uicore-iui-input-padding !important;
 }
 
 .uicore-autosuggest__input--focused {
@@ -40,8 +37,8 @@
   position: absolute;
   top: 24px;
   width: 100%;
-  border: 1px solid $buic-inputs-border;
-  background-color: $buic-background-control;
+  border: 1px solid var(--iui-color-border-foreground);
+  background-color: var(--iui-color-background);
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   box-sizing: border-box;
@@ -65,7 +62,7 @@
 }
 
 .uicore-autosuggest__suggestion--highlighted {
-  background-color: $buic-row-selection;
+  background-color: var(--iui-color-background-accent-muted);
 }
 
 .uicore-autosuggest__section-container {
@@ -78,6 +75,6 @@
 
 .uicore-autosuggest__section-title {
   padding: 10px 0 0 10px;
-  font-size: $iui-font-size-small;
+  font-size: var(--iui-font-size-0);
   color: $buic-background-table-header;
-}
+}

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

@@ -2,7 +2,6 @@
  * @module Utilities
  */
 /// <reference types="react" />
-import "./BetaBadge.scss";
 import { CommonProps } from "../utils/Props";
 /** Beta Badge React component
  * @internal

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

@@ -1 +1 @@
-{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAS3C"}
+{"version":3,"file":"BetaBadge.d.ts","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,eAS3C"}

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

@@ -5,7 +5,6 @@
 /** @packageDocumentation
  * @module Utilities
  */
-import "./BetaBadge.scss";
 import classnames from "classnames";
 import * as React from "react";
 import { Badge } from "./Badge";

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

@@ -1 +1 @@
-{"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,sBAAsB,EACjD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,KAAK,OACP,KAAK,EACT,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,SAAS,GACpB,CAAC;AACL,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport \"./BetaBadge.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Badge } from \"./Badge\";\r\nimport betaBadgeIcon from \"./technical-preview-badge.svg\";\r\n\r\n/** Beta Badge React component\r\n * @internal\r\n */\r\nexport function BetaBadge(props: CommonProps) {\r\n  const className = classnames(\"core-badge-betaBadge\",\r\n    props.className,\r\n  );\r\n  return <Badge\r\n    {...props}\r\n    svg={betaBadgeIcon}\r\n    className={className}\r\n  />;\r\n}\r\n"]}
+{"version":3,"file":"BetaBadge.js","sourceRoot":"","sources":["../../../../src/core-react/badge/BetaBadge.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAkB;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,sBAAsB,EACjD,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,oBAAC,KAAK,OACP,KAAK,EACT,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,SAAS,GACpB,CAAC;AACL,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Badge } from \"./Badge\";\r\nimport betaBadgeIcon from \"./technical-preview-badge.svg\";\r\n\r\n/** Beta Badge React component\r\n * @internal\r\n */\r\nexport function BetaBadge(props: CommonProps) {\r\n  const className = classnames(\"core-badge-betaBadge\",\r\n    props.className,\r\n  );\r\n  return <Badge\r\n    {...props}\r\n    svg={betaBadgeIcon}\r\n    className={className}\r\n  />;\r\n}\r\n"]}

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

@@ -5,5 +5,5 @@
 @import "../style/themecolors";
 
 .core-new-badge {
-  color: $buic-foreground-success;
+  color: var(--iui-color-text-positive);
 }

package/lib/esm/core-react/button/blue.scss

@@ -3,23 +3,15 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
-
 @import "./button";
 @import "./disabled";
 
-
 @mixin uicore-buttons-blue {
-
   @include uicore-buttons-button;
-
-  background:         $buic-accessory-primary;
-  color:              $buic-accessory-hollow;
+  background: var(--iui-color-background-accent);
+  color: var(--iui-color-white);
 
   &:hover {
-    background-color:   $uicore-blue-5;
-  }
-
-  &:active {
-    background-color:   $uicore-blue-4;
+    background-color: var(--iui-color-background-accent-hover);
   }
 }

package/lib/esm/core-react/button/button.scss

@@ -3,35 +3,30 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
 
 // cspell:ignore unbordered
 
 /// Mixins ---------------------------------------------------------------------
 
 @mixin uicore-buttons-button {
-
-  display:                inline-block;
-
-  padding:                $uicore-button-padding $uicore-unbordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  border-radius:          $iui-border-radius;
-  line-height:            $uicore-button-line-height;
-  outline:                none;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  text-decoration:        none;
-  cursor:                 pointer;
-  box-sizing:             border-box;
-  box-shadow:             transparent 0px 1px 1px inset;
-  border:                 1px solid transparent;
-  transition:             all $iui-speed-fast ease-in-out;
+  display: inline-block;
+
+  padding: $uicore-button-padding $uicore-unbordered-padding;
+  margin: $uicore-inputs-margin 0;
+  border-radius: var(--iui-border-radius-1);
+  line-height: $uicore-button-line-height;
+  outline: none;
+  font-family: var(--iui-font-sans);
+  font-size: var(--iui-font-size-1);
+  text-decoration: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  box-shadow: transparent 0px 1px 1px inset;
+  border: 1px solid transparent;
+  transition: all var(--iui-duration-1) ease-in-out;
 
   &:active,
   &:focus {
-
     @include uicore-buttons-button-focused;
   }
 
@@ -39,43 +34,37 @@
   &[disabled]:hover,
   &[disabled]:active,
   &[disabled]:focus {
-
     @include uicore-buttons-button-disabled;
   }
 }
 
 @mixin uicore-buttons-button-focused {
-
-  box-shadow:           $uicore-button-focus-boxshadow;
+  box-shadow: $uicore-button-focus-boxshadow;
 }
 
 @mixin uicore-buttons-button-unbordered {
-
-  border-color:         transparent;
-  box-shadow:           transparent 0px 1px 1px inset;
+  border-color: transparent;
+  box-shadow: transparent 0px 1px 1px inset;
 }
 
 @mixin uicore-buttons-button-disabled {
-
-  opacity:                $uicore-opacity-disabled;
-  background-color:       $uicore-gray;
-  border:                 0;
-  color:                  $uicore-white;
-  cursor:                 not-allowed;
+  opacity: $uicore-opacity-disabled;
+  background-color: $uicore-gray;
+  border: 0;
+  color: var(--iui-color-white);
+  cursor: not-allowed;
 }
 
 @mixin uicore-buttons-large-size {
-
-  padding:                $uicore-inputs-padding-large $uicore-unbordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
+  padding: $uicore-inputs-padding-large $uicore-unbordered-padding-large;
+  margin: $uicore-inputs-margin-large 0;
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-normal);
 }
 
 @mixin uicore-buttons-large-bordered-size {
-
-  padding:                $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
+  padding: $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
+  margin: $uicore-inputs-margin-large 0;
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-normal);
 }

package/lib/esm/core-react/button/hollow.scss

@@ -13,18 +13,18 @@
     @include uicore-buttons-button;
 
     padding:            $uicore-button-padding-bordered $uicore-bordered-padding;
-    border-color:       $buic-foreground-disabled;
+    border-color:       var(--iui-color-border-foreground);
     background-color:   transparent;
-    color:              $buic-text-color;
+    color:              var(--iui-color-text);
 
     &:hover {
 
-      border-color:       $buic-foreground-body;
-      color:              $buic-foreground-activehover;
+      border-color:       var(--iui-color-border-foreground-hover);
+      color:              var(--iui-color-text-hover);
     }
 
     &:active, &:focus {
 
-      border-color:       $buic-foreground-activehover;
+      border-color:       var(--iui-color-border-foreground-hover);
     }
 }

package/lib/esm/core-react/button/primary.scss

@@ -3,23 +3,15 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
-
 @import "./button";
 @import "./disabled";
 
-
 @mixin uicore-buttons-primary {
-
   @include uicore-buttons-button;
-
-  background:         $buic-accessory-success;
-  color:              $buic-accessory-hollow;
+  background: var(--iui-color-background-positive);
+  color: var(--iui-color-white);
 
   &:hover {
-    background-color:   $uicore-green-5;
-  }
-
-  &:active {
-    background-color:   $uicore-green-4;
+    background-color: var(--iui-color-background-positive-hover);
   }
 }

package/lib/esm/core-react/button/variables.scss

@@ -9,11 +9,14 @@
 // cspell:ignore unbordered
 
 $uicore-button-height: 28px;
-$uicore-button-line-height: $uicore-baseline * 1.5;
-$uicore-button-padding: ($uicore-button-height - $uicore-button-line-height) *
-  0.5;
-$uicore-button-padding-bordered: $uicore-button-padding - 1px;
-$uicore-button-padding-bordered-large: $uicore-inputs-padding-large - 1px;
-$uicore-unbordered-padding: $uicore-baseline;
-$uicore-bordered-padding: $uicore-unbordered-padding - 1px;
+$uicore-button-line-height: calc(var(--iui-size-s) * 1.5);
+$uicore-button-padding: calc(
+  (#{$uicore-button-height} - #{$uicore-button-line-height}) * 0.5
+);
+$uicore-button-padding-bordered: calc(#{$uicore-button-padding} - 1px);
+$uicore-button-padding-bordered-large: calc(
+  #{$uicore-inputs-padding-large} - 1px
+);
+$uicore-unbordered-padding: var(--iui-size-s);
+$uicore-bordered-padding: calc(#{$uicore-unbordered-padding} - 1px);
 $uicore-button-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;

package/lib/esm/core-react/checkbox/checkbox.scss

@@ -2,21 +2,16 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-// @import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
+@import "../style/index";
 
 @mixin uicore-inputs-checkbox {
-
   display: block;
   position: relative;
-  font-size: $iui-font-size;
+  font-size: var(--iui-font-size-1);
   line-height: normal;
   cursor: pointer;
   user-select: none;
-  color: $buic-foreground-body;
+  color: var(--iui-color-text);
   min-width: 1em;
   min-height: 1.57em;
 
@@ -33,7 +28,7 @@
   }
 
   .core-checkbox-label {
-    padding-left: $iui-l;
+    padding-left: var(--iui-size-l);
   }
 
   .core-checkbox-checkmark,
@@ -44,32 +39,32 @@
     height: 1em;
     width: 1em;
     border: 1px solid $buic-foreground-disabled;
-    background-color:  $buic-background-control;
-    border-radius: $iui-border-radius;
+    background-color: $buic-background-control;
+    border-radius: var(--iui-border-radius-1);
   }
 
   &:hover:not(.core-disabled) input ~ .core-checkbox-checkmark,
   &:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-activehover;
-    transition:       all $iui-speed-fast ease-out;
+    border-color: $buic-foreground-activehover;
+    transition: all var(--iui-duration-1) ease-out;
   }
 
   & input:checked ~ .core-checkbox-checkmark,
   & input:checked ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-muted;
+    border-color: $buic-foreground-muted;
   }
 
   & input:active ~ .core-checkbox-checkmark,
   & input:active ~ .core-checkbox-indeterminate,
   & input:focus ~ .core-checkbox-checkmark,
   & input:focus ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-focus-border;
-    box-shadow:       $uicore-inputs-focus-boxshadow;
+    border-color: $buic-foreground-focus-border;
+    box-shadow: $uicore-inputs-focus-boxshadow;
   }
 
   .core-checkbox-checkmark::after,
   .core-checkbox-indeterminate::after {
-    content: '';
+    content: "";
     position: absolute;
     display: none;
   }
@@ -116,14 +111,14 @@
   }
 
   &.success {
-    color: $buic-foreground-success;
+    color: var(--iui-color-text-positive);
   }
 
   &.warning {
-    color: $buic-foreground-warning;
+    color: var(--iui-color-text-warning);
   }
 
   &.error {
-    color: $buic-foreground-alert;
+    color: var(--iui-color-text-negative);
   }
 }

package/lib/esm/core-react/checklistbox/CheckListBox.d.ts

@@ -32,7 +32,10 @@ export declare function CheckListBoxSeparator(): JSX.Element;
 /** React component showing a list of Checkbox items.
  * @public
  */
-export declare class CheckListBox extends React.PureComponent<CommonProps> {
+export declare class CheckListBox extends React.PureComponent<CommonProps & {
+    /** Content */
+    children?: React.ReactNode;
+}> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=CheckListBox.d.ts.map

package/lib/esm/core-react/checklistbox/CheckListBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAWvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,gBAIpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAChD,MAAM;CAQvB"}
+{"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAWvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,gBAIpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,GAAG;IAClE,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;IACgB,MAAM;CAQvB"}

package/lib/esm/core-react/checklistbox/CheckListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAA0B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module CheckListBox\r\n */\r\n\r\nimport \"./CheckListBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[CheckListBoxItem]] component\r\n * @public\r\n */\r\nexport interface CheckListBoxItemProps extends CommonProps {\r\n  /** Label */\r\n  label: string;\r\n  /** Indicates whether the item is checked or not */\r\n  checked?: boolean;\r\n  /** Indicates whether the item is disabled or not */\r\n  disabled?: boolean;\r\n  /** Function called when item is clicked. */\r\n  onClick?: () => any;\r\n  /** Function called when item is changed. */\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\r\n}\r\n\r\n/** Item with a checkbox added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\r\n    return (\r\n      <li>\r\n        <Checkbox checked={this.props.checked} disabled={this.props.disabled}\r\n          className={className} style={this.props.style}\r\n          label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\r\n          data-testid=\"core-chk-listboxitem-checkbox\" />\r\n      </li>\r\n    );\r\n  }\r\n}\r\n\r\n/** Separator added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport function CheckListBoxSeparator() {\r\n  return (\r\n    <div className=\"core-chk-listbox-separator\" />\r\n  );\r\n}\r\n\r\n/** React component showing a list of Checkbox items.\r\n * @public\r\n */\r\nexport class CheckListBox extends React.PureComponent<CommonProps> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listbox\", this.props.className);\r\n    return (\r\n      <ul className={className} style={this.props.style}>\r\n        {this.props.children}\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAGtC;IACgB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module CheckListBox\r\n */\r\n\r\nimport \"./CheckListBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[CheckListBoxItem]] component\r\n * @public\r\n */\r\nexport interface CheckListBoxItemProps extends CommonProps {\r\n  /** Label */\r\n  label: string;\r\n  /** Indicates whether the item is checked or not */\r\n  checked?: boolean;\r\n  /** Indicates whether the item is disabled or not */\r\n  disabled?: boolean;\r\n  /** Function called when item is clicked. */\r\n  onClick?: () => any;\r\n  /** Function called when item is changed. */\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\r\n}\r\n\r\n/** Item with a checkbox added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\r\n    return (\r\n      <li>\r\n        <Checkbox checked={this.props.checked} disabled={this.props.disabled}\r\n          className={className} style={this.props.style}\r\n          label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\r\n          data-testid=\"core-chk-listboxitem-checkbox\" />\r\n      </li>\r\n    );\r\n  }\r\n}\r\n\r\n/** Separator added to a [[CheckListBox]].\r\n * @public\r\n */\r\nexport function CheckListBoxSeparator() {\r\n  return (\r\n    <div className=\"core-chk-listbox-separator\" />\r\n  );\r\n}\r\n\r\n/** React component showing a list of Checkbox items.\r\n * @public\r\n */\r\nexport class CheckListBox extends React.PureComponent<CommonProps & {\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}> {\r\n  public override render() {\r\n    const className = classnames(\"core-chk-listbox\", this.props.className);\r\n    return (\r\n      <ul className={className} style={this.props.style}>\r\n        {this.props.children}\r\n      </ul>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/checklistbox/CheckListBox.scss

@@ -16,7 +16,7 @@
 
   > .core-chk-listbox-separator {
     height: 1px;
-    background: $buic-inputs-border;
+    background: var(--iui-color-border-foreground);
     margin: 4px 0;
     pointer-events: none;
   }

package/lib/esm/core-react/classes.scss

@@ -3,16 +3,11 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "./style/index";
-
 @import "./base/classes";
 @import "./button/classes";
 @import "./checkbox/classes";
 @import "./expandable/classes";
 @import "./icons/classes";
 @import "./inputs/classes";
-@import "./progress-indicators/classes";
-@import "./radio/classes";
-@import "./select/classes";
 @import "./tabs/classes";
 @import "./text/classes";
-@import "./tiles/classes";