@itwin/core-react 4.0.0-dev.9 → 4.0.0

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

@@ -1,42 +1,42 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../_scrollbar";
-
-@mixin uicore-centered {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-@mixin uicore-full-height {
-  height: 100%;
-}
-
-@mixin uicore-full-width {
-  width: 100%;
-}
-
-@mixin uicore-full-size {
-  @include uicore-full-height;
-  @include uicore-full-width;
-}
-
-@mixin uicore-fill-centered {
-  @include uicore-centered;
-  @include uicore-full-size;
-}
-
-@mixin uicore-scrollview {
-  @include uicore-full-size;
-  overflow-y: auto;
-
-  @include uicore-touch-scrolling;
-  @include uicore-scrollbar();
-}
-
-@mixin uicore-flex-wrap-container {
-  display: flex;
-  flex-wrap: wrap;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../_scrollbar";
+
+@mixin uicore-centered {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@mixin uicore-full-height {
+  height: 100%;
+}
+
+@mixin uicore-full-width {
+  width: 100%;
+}
+
+@mixin uicore-full-size {
+  @include uicore-full-height;
+  @include uicore-full-width;
+}
+
+@mixin uicore-fill-centered {
+  @include uicore-centered;
+  @include uicore-full-size;
+}
+
+@mixin uicore-scrollview {
+  @include uicore-full-size;
+  overflow-y: auto;
+
+  @include uicore-touch-scrolling;
+  @include uicore-scrollbar();
+}
+
+@mixin uicore-flex-wrap-container {
+  display: flex;
+  flex-wrap: wrap;
+}

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

@@ -1,13 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-centered { @include uicore-centered; }
-.uicore-full-height { @include uicore-full-height; }
-.uicore-full-width { @include uicore-full-width; }
-.uicore-full-size { @include uicore-full-size; }
-.uicore-fill-centered { @include uicore-fill-centered; }
-.uicore-scrollview { @include uicore-scrollview; }
-.uicore-flex-wrap-container { @include uicore-flex-wrap-container; }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-centered { @include uicore-centered; }
+.uicore-full-height { @include uicore-full-height; }
+.uicore-full-width { @include uicore-full-width; }
+.uicore-full-size { @include uicore-full-size; }
+.uicore-fill-centered { @include uicore-fill-centered; }
+.uicore-scrollview { @include uicore-scrollview; }
+.uicore-flex-wrap-container { @include uicore-flex-wrap-container; }

package/lib/esm/core-react/base/index.scss

@@ -1,5 +1,5 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./base";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./base";

package/lib/esm/core-react/button/UnderlinedButton.d.ts

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module Button
- */
-import "./UnderlinedButton.scss";
-import * as React from "react";
-/** Properties for the [[UnderlinedButton]] React component
- * @public
- */
-export interface UnderlinedButtonProps {
-    /** String that will be rendered by the button */
-    children: string | React.ReactNode;
-    /** Additional className */
-    className?: string;
-    /** Title of the button */
-    title?: string;
-    /** Callback to onClick event */
-    onClick?: (e: React.MouseEvent) => void;
-    /** Callback to activate */
-    onActivate?: () => void;
-}
-/** A React component that makes text clickable and underlined
- * @public
- */
-export declare function UnderlinedButton(props: UnderlinedButtonProps): JSX.Element;
+/** @packageDocumentation
+ * @module Button
+ */
+import "./UnderlinedButton.scss";
+import * as React from "react";
+/** Properties for the [[UnderlinedButton]] React component
+ * @public
+ */
+export interface UnderlinedButtonProps {
+    /** String that will be rendered by the button */
+    children: string | React.ReactNode;
+    /** Additional className */
+    className?: string;
+    /** Title of the button */
+    title?: string;
+    /** Callback to onClick event */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Callback to activate */
+    onActivate?: () => void;
+}
+/** A React component that makes text clickable and underlined
+ * @public
+ */
+export declare function UnderlinedButton(props: UnderlinedButtonProps): JSX.Element;
 //# sourceMappingURL=UnderlinedButton.d.ts.map

package/lib/esm/core-react/button/UnderlinedButton.js

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Button
- */
-import "./UnderlinedButton.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { SpecialKey } from "@itwin/appui-abstract";
-/** A React component that makes text clickable and underlined
- * @public
- */
-export function UnderlinedButton(props) {
-    const handleKeyUp = React.useCallback((event) => {
-        const key = event.key;
-        switch (key) {
-            case SpecialKey.Enter:
-            case SpecialKey.Space:
-                props.onActivate && props.onActivate();
-                break;
-        }
-    }, [props]);
-    const handleClick = React.useCallback((e) => {
-        props.onClick && props.onClick(e);
-        props.onActivate && props.onActivate();
-    }, [props]);
-    const className = classnames("core-underlined-button", props.className ? props.className : undefined);
-    return (React.createElement("span", { className: className, title: props.title, onClick: handleClick, onKeyUp: handleKeyUp, tabIndex: 0, role: "link" }, props.children));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Button
+ */
+import "./UnderlinedButton.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { SpecialKey } from "@itwin/appui-abstract";
+/** A React component that makes text clickable and underlined
+ * @public
+ */
+export function UnderlinedButton(props) {
+    const handleKeyUp = React.useCallback((event) => {
+        const key = event.key;
+        switch (key) {
+            case SpecialKey.Enter:
+            case SpecialKey.Space:
+                props.onActivate && props.onActivate();
+                break;
+        }
+    }, [props]);
+    const handleClick = React.useCallback((e) => {
+        props.onClick && props.onClick(e);
+        props.onActivate && props.onActivate();
+    }, [props]);
+    const className = classnames("core-underlined-button", props.className ? props.className : undefined);
+    return (React.createElement("span", { className: className, title: props.title, onClick: handleClick, onKeyUp: handleKeyUp, tabIndex: 0, role: "link" }, props.children));
+}
 //# sourceMappingURL=UnderlinedButton.js.map

package/lib/esm/core-react/button/UnderlinedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlinedButton.js","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAkBnD;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU,CAAC,KAAK,CAAC;YACtB,KAAK,UAAU,CAAC,KAAK;gBACnB,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACvC,MAAM;SACT;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC5D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,UAAU,CAC1B,wBAAwB,EACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAC9C,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM,IAEV,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,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 Button\r\n */\r\n\r\nimport \"./UnderlinedButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\n\r\n/** Properties for the [[UnderlinedButton]] React component\r\n * @public\r\n */\r\nexport interface UnderlinedButtonProps {\r\n  /** String that will be rendered by the button */\r\n  children: string | React.ReactNode;\r\n  /** Additional className */\r\n  className?: string;\r\n  /** Title of the button */\r\n  title?: string;\r\n  /** Callback to onClick event */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** Callback to activate */\r\n  onActivate?: () => void;\r\n}\r\n\r\n/** A React component that makes text clickable and underlined\r\n * @public\r\n */\r\nexport function UnderlinedButton(props: UnderlinedButtonProps) {\r\n  const handleKeyUp = React.useCallback((event: React.KeyboardEvent) => {\r\n    const key = event.key;\r\n\r\n    switch (key) {\r\n      case SpecialKey.Enter:\r\n      case SpecialKey.Space:\r\n        props.onActivate && props.onActivate();\r\n        break;\r\n    }\r\n  }, [props]);\r\n\r\n  const handleClick = React.useCallback((e: React.MouseEvent) => {\r\n    props.onClick && props.onClick(e);\r\n    props.onActivate && props.onActivate();\r\n  }, [props]);\r\n\r\n  const className = classnames(\r\n    \"core-underlined-button\",\r\n    props.className ? props.className : undefined,\r\n  );\r\n\r\n  return (\r\n    <span\r\n      className={className}\r\n      title={props.title}\r\n      onClick={handleClick}\r\n      onKeyUp={handleKeyUp}\r\n      tabIndex={0}\r\n      role=\"link\"\r\n    >\r\n      {props.children}\r\n    </span>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"UnderlinedButton.js","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAkBnD;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG,EAAE;YACX,KAAK,UAAU,CAAC,KAAK,CAAC;YACtB,KAAK,UAAU,CAAC,KAAK;gBACnB,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACvC,MAAM;SACT;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC5D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,UAAU,CAC1B,wBAAwB,EACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAC9C,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM,IAEV,KAAK,CAAC,QAAQ,CACV,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 Button\n */\n\nimport \"./UnderlinedButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\n\n/** Properties for the [[UnderlinedButton]] React component\n * @public\n */\nexport interface UnderlinedButtonProps {\n  /** String that will be rendered by the button */\n  children: string | React.ReactNode;\n  /** Additional className */\n  className?: string;\n  /** Title of the button */\n  title?: string;\n  /** Callback to onClick event */\n  onClick?: (e: React.MouseEvent) => void;\n  /** Callback to activate */\n  onActivate?: () => void;\n}\n\n/** A React component that makes text clickable and underlined\n * @public\n */\nexport function UnderlinedButton(props: UnderlinedButtonProps) {\n  const handleKeyUp = React.useCallback((event: React.KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case SpecialKey.Enter:\n      case SpecialKey.Space:\n        props.onActivate && props.onActivate();\n        break;\n    }\n  }, [props]);\n\n  const handleClick = React.useCallback((e: React.MouseEvent) => {\n    props.onClick && props.onClick(e);\n    props.onActivate && props.onActivate();\n  }, [props]);\n\n  const className = classnames(\n    \"core-underlined-button\",\n    props.className ? props.className : undefined,\n  );\n\n  return (\n    <span\n      className={className}\n      title={props.title}\n      onClick={handleClick}\n      onKeyUp={handleKeyUp}\n      tabIndex={0}\n      role=\"link\"\n    >\n      {props.children}\n    </span>\n  );\n}\n"]}

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

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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.scss";
-@import "../inputs/index.scss";
-
-$color: $buic-foreground-primary;
-$hoverColor: $buic-foreground-primary-tone;
-
-.core-underlined-button {
-  background: transparent;
-  color: $color;
-  border: 0px solid $color;
-  border-bottom-width: 1px;
-
-  width: fit-content;
-
-  cursor: pointer;
-
-  &:hover {
-    color: $hoverColor;
-    border-color: $hoverColor;
-  }
-
-  &:focus {
-    color: $hoverColor;
-    border-color: $hoverColor;
-    background-color: $buic-background-focus-overlay;
-    outline: none;
-  }
-
+/*---------------------------------------------------------------------------------------------
+* 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.scss";
+@import "../inputs/index.scss";
+
+$color: $buic-foreground-primary;
+$hoverColor: $buic-foreground-primary-tone;
+
+.core-underlined-button {
+  background: transparent;
+  color: $color;
+  border: 0px solid $color;
+  border-bottom-width: 1px;
+
+  width: fit-content;
+
+  cursor: pointer;
+
+  &:hover {
+    color: $hoverColor;
+    border-color: $hoverColor;
+  }
+
+  &:focus {
+    color: $hoverColor;
+    border-color: $hoverColor;
+    background-color: $buic-background-focus-overlay;
+    outline: none;
+  }
+
 }

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

@@ -1,41 +1,41 @@
-/** @packageDocumentation
- * @module CheckListBox
- */
-import "./CheckListBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[CheckListBoxItem]] component
- * @public
- */
-export interface CheckListBoxItemProps extends CommonProps {
-    /** Label */
-    label: string;
-    /** Indicates whether the item is checked or not */
-    checked?: boolean;
-    /** Indicates whether the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: () => any;
-    /** Function called when item is changed. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
-}
-/** Item with a checkbox added to a [[CheckListBox]].
- * @public
- */
-export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
-    render(): JSX.Element;
-}
-/** Separator added to a [[CheckListBox]].
- * @public
- */
-export declare function CheckListBoxSeparator(): JSX.Element;
-/** React component showing a list of Checkbox items.
- * @public
- */
-export declare class CheckListBox extends React.PureComponent<CommonProps & {
-    /** Content */
-    children?: React.ReactNode;
-}> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module CheckListBox
+ */
+import "./CheckListBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[CheckListBoxItem]] component
+ * @public
+ */
+export interface CheckListBoxItemProps extends CommonProps {
+    /** Label */
+    label: string;
+    /** Indicates whether the item is checked or not */
+    checked?: boolean;
+    /** Indicates whether the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: () => any;
+    /** Function called when item is changed. */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+}
+/** Item with a checkbox added to a [[CheckListBox]].
+ * @public
+ */
+export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
+    render(): JSX.Element;
+}
+/** Separator added to a [[CheckListBox]].
+ * @public
+ */
+export declare function CheckListBoxSeparator(): JSX.Element;
+/** React component showing a list of Checkbox items.
+ * @public
+ */
+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.js

@@ -1,37 +1,37 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module CheckListBox
- */
-import "./CheckListBox.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Checkbox } from "@itwin/itwinui-react";
-/** Item with a checkbox added to a [[CheckListBox]].
- * @public
- */
-export class CheckListBoxItem extends React.PureComponent {
-    render() {
-        const className = classnames("core-chk-listboxitem-checkbox", this.props.className);
-        return (React.createElement("li", null,
-            React.createElement(Checkbox, { checked: this.props.checked, disabled: this.props.disabled, className: className, style: this.props.style, label: this.props.label, onClick: this.props.onClick, onChange: this.props.onChange, "data-testid": "core-chk-listboxitem-checkbox" })));
-    }
-}
-/** Separator added to a [[CheckListBox]].
- * @public
- */
-export function CheckListBoxSeparator() {
-    return (React.createElement("div", { className: "core-chk-listbox-separator" }));
-}
-/** React component showing a list of Checkbox items.
- * @public
- */
-export class CheckListBox extends React.PureComponent {
-    render() {
-        const className = classnames("core-chk-listbox", this.props.className);
-        return (React.createElement("ul", { className: className, style: this.props.style }, this.props.children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module CheckListBox
+ */
+import "./CheckListBox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Checkbox } from "@itwin/itwinui-react";
+/** Item with a checkbox added to a [[CheckListBox]].
+ * @public
+ */
+export class CheckListBoxItem extends React.PureComponent {
+    render() {
+        const className = classnames("core-chk-listboxitem-checkbox", this.props.className);
+        return (React.createElement("li", null,
+            React.createElement(Checkbox, { checked: this.props.checked, disabled: this.props.disabled, className: className, style: this.props.style, label: this.props.label, onClick: this.props.onClick, onChange: this.props.onChange, "data-testid": "core-chk-listboxitem-checkbox" })));
+    }
+}
+/** Separator added to a [[CheckListBox]].
+ * @public
+ */
+export function CheckListBoxSeparator() {
+    return (React.createElement("div", { className: "core-chk-listbox-separator" }));
+}
+/** React component showing a list of Checkbox items.
+ * @public
+ */
+export class CheckListBox extends React.PureComponent {
+    render() {
+        const className = classnames("core-chk-listbox", this.props.className);
+        return (React.createElement("ul", { className: className, style: this.props.style }, this.props.children));
+    }
+}
 //# sourceMappingURL=CheckListBox.js.map

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,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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\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 CheckListBox\n */\n\nimport \"./CheckListBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[CheckListBoxItem]] component\n * @public\n */\nexport interface CheckListBoxItemProps extends CommonProps {\n  /** Label */\n  label: string;\n  /** Indicates whether the item is checked or not */\n  checked?: boolean;\n  /** Indicates whether the item is disabled or not */\n  disabled?: boolean;\n  /** Function called when item is clicked. */\n  onClick?: () => any;\n  /** Function called when item is changed. */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\n}\n\n/** Item with a checkbox added to a [[CheckListBox]].\n * @public\n */\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\n  public override render() {\n    const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\n    return (\n      <li>\n        <Checkbox checked={this.props.checked} disabled={this.props.disabled}\n          className={className} style={this.props.style}\n          label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\n          data-testid=\"core-chk-listboxitem-checkbox\" />\n      </li>\n    );\n  }\n}\n\n/** Separator added to a [[CheckListBox]].\n * @public\n */\nexport function CheckListBoxSeparator() {\n  return (\n    <div className=\"core-chk-listbox-separator\" />\n  );\n}\n\n/** React component showing a list of Checkbox items.\n * @public\n */\nexport class CheckListBox extends React.PureComponent<CommonProps & {\n  /** Content */\n  children?: React.ReactNode;\n}> {\n  public override render() {\n    const className = classnames(\"core-chk-listbox\", this.props.className);\n    return (\n      <ul className={className} style={this.props.style}>\n        {this.props.children}\n      </ul>\n    );\n  }\n}\n"]}

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

@@ -1,23 +1,22 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../checkbox/index.scss";
-
-.core-chk-listbox {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  position: relative;
-
-  > li > .core-chk-listboxitem-checkbox {
-    margin: 4px 0;
-  }
-
-  > .core-chk-listbox-separator {
-    height: 1px;
-    background: $buic-inputs-border;
-    margin: 4px 0;
-    pointer-events: none;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.core-chk-listbox {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+
+  > li > .core-chk-listboxitem-checkbox {
+    margin: 4px 0;
+  }
+
+  > .core-chk-listbox-separator {
+    height: 1px;
+    background: var(--iui-color-border-foreground);
+    margin: 4px 0;
+    pointer-events: none;
+  }
 }

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

@@ -1,14 +1,11 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./base/classes";
-@import "./button/classes";
-@import "./checkbox/classes";
-@import "./expandable/classes";
-@import "./icons/classes";
-@import "./inputs/classes";
-@import "./tabs/classes";
-@import "./text/classes";
+/*---------------------------------------------------------------------------------------------
+* 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 "./base/classes";
+@import "./expandable/classes";
+@import "./icons/classes";
+@import "./inputs/classes";
+@import "./tabs/classes";
+@import "./text/classes";