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

package/lib/cjs/core-react/expandable/ExpandableList.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Expandable
- */
-import "./ExpandableList.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[ExpandableList]] component
- * @public
- */
-export interface ExpandableListProps extends CommonProps {
-    /** Index of the default active block */
-    defaultActiveBlock?: number;
-    /** Indicates whether to allow only one expanded block */
-    singleExpandOnly?: boolean;
-    /** Indicates whether the single expanded block is collapsible */
-    singleIsCollapsible?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-/** @internal */
-interface ExpandableListState {
-    activeBlock: number;
-}
-/**
- * ExpandableList React component is a container for ExpandableBlock components.
- * @public
- */
-export declare class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {
-    constructor(props: ExpandableListProps);
-    static defaultProps: Partial<ExpandableListProps>;
-    private _handleBlockToggle;
-    private renderBlocks;
-    /** @internal */
-    componentDidUpdate(prevProps: ExpandableListProps): void;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Expandable
+ */
+import "./ExpandableList.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[ExpandableList]] component
+ * @public
+ */
+export interface ExpandableListProps extends CommonProps {
+    /** Index of the default active block */
+    defaultActiveBlock?: number;
+    /** Indicates whether to allow only one expanded block */
+    singleExpandOnly?: boolean;
+    /** Indicates whether the single expanded block is collapsible */
+    singleIsCollapsible?: boolean;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** @internal */
+interface ExpandableListState {
+    activeBlock: number;
+}
+/**
+ * ExpandableList React component is a container for ExpandableBlock components.
+ * @public
+ */
+export declare class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {
+    constructor(props: ExpandableListProps);
+    static defaultProps: Partial<ExpandableListProps>;
+    private _handleBlockToggle;
+    private renderBlocks;
+    /** @internal */
+    componentDidUpdate(prevProps: ExpandableListProps): void;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ExpandableList.d.ts.map

package/lib/cjs/core-react/expandable/ExpandableList.js

@@ -1,58 +1,58 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Expandable
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandableList = void 0;
-require("./ExpandableList.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/**
- * ExpandableList React component is a container for ExpandableBlock components.
- * @public
- */
-class ExpandableList extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        // set active block
-        this._handleBlockToggle = (index, onToggle) => {
-            let activeBlock = index;
-            if (this.props.singleIsCollapsible && index === this.state.activeBlock)
-                activeBlock = -1;
-            this.setState({ activeBlock });
-            // istanbul ignore else
-            if (onToggle) {
-                onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
-            }
-        };
-        this.state = { activeBlock: this.props.defaultActiveBlock };
-    }
-    renderBlocks() {
-        return React.Children.map(this.props.children, (child, i) => {
-            return React.cloneElement(child, {
-                key: i,
-                isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,
-                onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),
-            });
-        });
-    }
-    /** @internal */
-    componentDidUpdate(prevProps) {
-        if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {
-            this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock }));
-        }
-    }
-    render() {
-        return (React.createElement("div", { className: (0, classnames_1.default)("uicore-expandable-blocks-list", this.props.className), style: this.props.style }, this.renderBlocks()));
-    }
-}
-exports.ExpandableList = ExpandableList;
-ExpandableList.defaultProps = {
-    singleExpandOnly: false,
-    defaultActiveBlock: 0,
-};
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Expandable
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableList = void 0;
+require("./ExpandableList.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/**
+ * ExpandableList React component is a container for ExpandableBlock components.
+ * @public
+ */
+class ExpandableList extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        // set active block
+        this._handleBlockToggle = (index, onToggle) => {
+            let activeBlock = index;
+            if (this.props.singleIsCollapsible && index === this.state.activeBlock)
+                activeBlock = -1;
+            this.setState({ activeBlock });
+            // istanbul ignore else
+            if (onToggle) {
+                onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
+            }
+        };
+        this.state = { activeBlock: this.props.defaultActiveBlock };
+    }
+    renderBlocks() {
+        return React.Children.map(this.props.children, (child, i) => {
+            return React.cloneElement(child, {
+                key: i,
+                isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,
+                onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),
+            });
+        });
+    }
+    /** @internal */
+    componentDidUpdate(prevProps) {
+        if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {
+            this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock }));
+        }
+    }
+    render() {
+        return (React.createElement("div", { className: (0, classnames_1.default)("uicore-expandable-blocks-list", this.props.className), style: this.props.style }, this.renderBlocks()));
+    }
+}
+ExpandableList.defaultProps = {
+    singleExpandOnly: false,
+    defaultActiveBlock: 0,
+};
+exports.ExpandableList = ExpandableList;
 //# sourceMappingURL=ExpandableList.js.map

package/lib/cjs/core-react/expandable/ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAsB/B;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AAnDH,wCAoDC;AA5Ce,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,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 Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAsB/B;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA3Ca,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,AAHyB,CAGxB;AAXS,wCAAc","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 Expandable\n */\n\nimport \"./ExpandableList.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[ExpandableList]] component\n * @public\n */\nexport interface ExpandableListProps extends CommonProps {\n  /** Index of the default active block */\n  defaultActiveBlock?: number;\n  /** Indicates whether to allow only one expanded block */\n  singleExpandOnly?: boolean;\n  /** Indicates whether the single expanded block is collapsible */\n  singleIsCollapsible?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\ninterface ExpandableListState {\n  activeBlock: number;\n}\n\n/**\n * ExpandableList React component is a container for ExpandableBlock components.\n * @public\n */\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\n\n  constructor(props: ExpandableListProps) {\n    super(props);\n\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\n  }\n\n  public static defaultProps: Partial<ExpandableListProps> = {\n    singleExpandOnly: false,\n    defaultActiveBlock: 0,\n  };\n\n  // set active block\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\n    let activeBlock = index;\n\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\n      activeBlock = -1;\n\n    this.setState({ activeBlock });\n\n    // istanbul ignore else\n    if (onToggle) {\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\n    }\n  };\n\n  private renderBlocks() {\n    return React.Children.map(this.props.children, (child: any, i) => {\n      return React.cloneElement(child, {\n        key: i,\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\n      });\n    });\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\n    }\n  }\n\n  public override render(): JSX.Element {\n    return (\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\n        {this.renderBlocks()}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/expandable/ExpandableList.scss

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./list.scss";
-
-.uicore-expandable-blocks-list {
-  @include uicore-expandable-blocks-list;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./list.scss";
+
+.uicore-expandable-blocks-list {
+  @include uicore-expandable-blocks-list;
 }

package/lib/cjs/core-react/expandable/classes.scss

@@ -1,7 +1,7 @@
-/*---------------------------------------------------------------------------------------------
-* 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-expandable-blocks-list { @include uicore-expandable-blocks-list; }
+/*---------------------------------------------------------------------------------------------
+* 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-expandable-blocks-list { @include uicore-expandable-blocks-list; }

package/lib/cjs/core-react/expandable/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 "./list";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./list";

package/lib/cjs/core-react/expandable/list.scss

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@mixin uicore-expandable-blocks-list {
-  > div {
-    transition: margin var(--iui-duration-1) ease-in-out;
-
-    > .iui-header {
-      border-color: $uicore-gray-a transparent transparent;
-    }
-
-    &:first-child {
-      > .iui-header {
-        border-top-color: transparent;
-      }
-    }
-  }
-
-  > .iui-expanded + div {
-    > .iui-header {
-      border-top-color: transparent;
-    }
-
-    &.iui-expanded > .iui-header {
-      border-top-color: $uicore-blue;
-    }
-  }
-
-  > .iui-expanded + .iui-expanded {
-    margin-top: 0; // $uicore-unbordered-padding;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+@mixin uicore-expandable-blocks-list {
+  > div {
+    transition: margin var(--iui-duration-1) ease-in-out;
+
+    > .iui-header {
+      border-color: var(--iui-color-border);
+    }
+
+    &:first-child {
+      > .iui-header {
+        border-top-color: var(--iui-color-border);
+      }
+    }
+  }
+
+  > .iui-expanded + div {
+    > .iui-header {
+      border-top-color: var(--iui-color-border);
+    }
+
+    &.iui-expanded > .iui-header {
+      border-top-color: var(--iui-color-border-accent);
+    }
+  }
+
+  > .iui-expanded + .iui-expanded {
+    margin-top: 0;
+  }
+}

package/lib/cjs/core-react/focus/ItemKeyboardNavigator.d.ts

@@ -1,54 +1,54 @@
-/** @packageDocumentation
- * @module Focus
- */
-/// <reference types="react" />
-import { Orientation } from "../enums/Orientation";
-/** Cross-Axis Arrow Key Callback
- * @internal
- */
-export declare type CrossAxisArrowKeyFunc = (forward: boolean) => void;
-/** Keyboard Navigator for parent components
- * @internal
- */
-export declare class ItemKeyboardNavigator {
-    onFocusItem: (index: number) => void;
-    onActivateItem: (index: number) => void;
-    private _direction;
-    private _itemCount;
-    private _orientation;
-    private _allowWrap;
-    private _crossAxisArrowKeyHandler?;
-    constructor(onFocusItem: (index: number) => void, onActivateItem: (index: number) => void);
-    /** The item count */
-    get itemCount(): number;
-    set itemCount(count: number);
-    /** The primary orientation */
-    get orientation(): Orientation;
-    set orientation(orientation: Orientation);
-    /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */
-    get allowWrap(): boolean;
-    set allowWrap(v: boolean);
-    /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */
-    get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined;
-    set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined);
-    /** Handle KeyDown on items */
-    handleKeyDownEvent(event: React.KeyboardEvent, index: number): void;
-    /** Handle KeyUp on items */
-    handleKeyUpEvent(event: React.KeyboardEvent, index: number): void;
-    private focusFirstItem;
-    private focusLastItem;
-    /** When an item list's orientation is set to vertical,
-     * only up and down arrow should function.
-     * In all other cases only left and right arrow function.
-     */
-    private determineOrientation;
-    /** Either focus the next, previous, first, or last item depending on key pressed
-     */
-    private switchItemOnArrowPress;
-    private activateItem;
-}
-/** Determines if a KeyboardEvent.key is an Item Navigation key
- * @internal
- */
-export declare function isNavigationKey(key: string): boolean;
+/** @packageDocumentation
+ * @module Focus
+ */
+/// <reference types="react" />
+import { Orientation } from "../enums/Orientation";
+/** Cross-Axis Arrow Key Callback
+ * @internal
+ */
+export type CrossAxisArrowKeyFunc = (forward: boolean) => void;
+/** Keyboard Navigator for parent components
+ * @internal
+ */
+export declare class ItemKeyboardNavigator {
+    onFocusItem: (index: number) => void;
+    onActivateItem: (index: number) => void;
+    private _direction;
+    private _itemCount;
+    private _orientation;
+    private _allowWrap;
+    private _crossAxisArrowKeyHandler?;
+    constructor(onFocusItem: (index: number) => void, onActivateItem: (index: number) => void);
+    /** The item count */
+    get itemCount(): number;
+    set itemCount(count: number);
+    /** The primary orientation */
+    get orientation(): Orientation;
+    set orientation(orientation: Orientation);
+    /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */
+    get allowWrap(): boolean;
+    set allowWrap(v: boolean);
+    /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */
+    get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined;
+    set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined);
+    /** Handle KeyDown on items */
+    handleKeyDownEvent(event: React.KeyboardEvent, index: number): void;
+    /** Handle KeyUp on items */
+    handleKeyUpEvent(event: React.KeyboardEvent, index: number): void;
+    private focusFirstItem;
+    private focusLastItem;
+    /** When an item list's orientation is set to vertical,
+     * only up and down arrow should function.
+     * In all other cases only left and right arrow function.
+     */
+    private determineOrientation;
+    /** Either focus the next, previous, first, or last item depending on key pressed
+     */
+    private switchItemOnArrowPress;
+    private activateItem;
+}
+/** Determines if a KeyboardEvent.key is an Item Navigation key
+ * @internal
+ */
+export declare function isNavigationKey(key: string): boolean;
 //# sourceMappingURL=ItemKeyboardNavigator.d.ts.map

package/lib/cjs/core-react/focus/ItemKeyboardNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;GAEG;AACH,oBAAY,qBAAqB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,qBAAa,qBAAqB;IAOb,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAAS,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IANvG,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,yBAAyB,CAAC,CAAwB;gBAEvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAS,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IASvG,qBAAqB;IACrB,IAAW,SAAS,IAAI,MAAM,CAA4B;IAC1D,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAA8B;IAEhE,8BAA8B;IAC9B,IAAW,WAAW,IAAI,WAAW,CAA8B;IACnE,IAAW,WAAW,CAAC,WAAW,EAAE,WAAW,EAAsC;IAErF,2GAA2G;IAC3G,IAAW,SAAS,IAAI,OAAO,CAA4B;IAC3D,IAAW,SAAS,CAAC,CAAC,EAAE,OAAO,EAA0B;IAEzD,+FAA+F;IAC/F,IAAW,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAA2C;IACnH,IAAW,wBAAwB,CAAC,CAAC,EAAE,qBAAqB,GAAG,SAAS,EAAyC;IAEjH,8BAA8B;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA6B1E,4BAA4B;IACrB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWxE,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAKrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAyB5B;OACG;IACH,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,YAAY;CAGrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEpD"}
+{"version":3,"file":"ItemKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,qBAAa,qBAAqB;IAOb,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAAS,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IANvG,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,yBAAyB,CAAC,CAAwB;gBAEvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAS,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IASvG,qBAAqB;IACrB,IAAW,SAAS,IAAI,MAAM,CAA4B;IAC1D,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAA8B;IAEhE,8BAA8B;IAC9B,IAAW,WAAW,IAAI,WAAW,CAA8B;IACnE,IAAW,WAAW,CAAC,WAAW,EAAE,WAAW,EAAsC;IAErF,2GAA2G;IAC3G,IAAW,SAAS,IAAI,OAAO,CAA4B;IAC3D,IAAW,SAAS,CAAC,CAAC,EAAE,OAAO,EAA0B;IAEzD,+FAA+F;IAC/F,IAAW,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAA2C;IACnH,IAAW,wBAAwB,CAAC,CAAC,EAAE,qBAAqB,GAAG,SAAS,EAAyC;IAEjH,8BAA8B;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA6B1E,4BAA4B;IACrB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWxE,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAKrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAyB5B;OACG;IACH,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,YAAY;CAGrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEpD"}