@itwin/core-react 4.17.6 → 5.0.0-dev.3

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

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

package/lib/core-react/badge/DeprecatedBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedBadge.d.ts","sourceRoot":"","sources":["../../../src/core-react/badge/DeprecatedBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AACH,wBAAgB,eAAe,sBAwC9B"}

package/lib/core-react/badge/DeprecatedBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedBadge.js","sourceRoot":"","sources":["../../../src/core-react/badge/DeprecatedBadge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAEhC;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B;QAC1C,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;YAEb;gBACE,wCACE,EAAE,EAAC,iBAAiB,EACpB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,UAAU,EACb,iBAAiB,EAAC,mCAAmC,EACrD,aAAa,EAAC,gBAAgB;oBAE9B,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG;oBACvC,8BAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,CACxB,CACZ;YACP,8BACE,CAAC,EAAC,yCAAyC,EAC3C,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACzB;YACF,8BACE,CAAC,EAAC,iUAAiU,EACnU,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACzB;YACF,iCACE,MAAM,EAAC,0NAA0N,EACjO,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACzB,CACE,CACD,CACR,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { Icon } from \"@itwin/itwinui-react\";\nimport \"./DeprecatedBadge.scss\";\n\n/** Deprecated badge component.\n * @internal\n */\nexport function DeprecatedBadge() {\n  return (\n    <Icon className=\"core-badge-deprecatedBadge\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        width=\"1rem\"\n        height=\"1rem\"\n      >\n        <defs>\n          <linearGradient\n            id=\"deprecated-fill\"\n            x1=\"8.00287\"\n            y1=\"1.00273\"\n            x2=\"8.00287\"\n            y2=\"15.00273\"\n            gradientTransform=\"translate(0 16.00546) scale(1 -1)\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop offset=\"0\" stopColor=\"#ff1e35\" />\n            <stop offset=\"1\" stopColor=\"#ff5352\" />\n          </linearGradient>\n        </defs>\n        <path\n          d=\"m15.00287,1.00273v14L1.00287,1.00273h14\"\n          fill=\"url(#deprecated-fill)\"\n          style={{ strokeWidth: 0 }}\n        />\n        <path\n          d=\"m15.00287,1.00273v14L1.00287,1.00273h14M15.00287.00273H1.00287C.60033-.02901.22839.21895.10287.60273-.08907.97211-.00681,1.42455.30287,1.70273l14,14c.17808.19777.43397.30744.7.3.14095.01486.28262-.02056.4-.1.36588-.14828.60385-.50524.6-.9V1.00273c.03145-.52083-.36527-.96855-.8861-1-.03793-.00229-.07596-.00229-.1139,0Z\"\n          fill=\"red\"\n          style={{ strokeWidth: 0 }}\n        />\n        <polygon\n          points=\"13.15377 6.20045 12.20059 7.15363 11.00287 5.95591 9.80515 7.15363 8.85197 6.20045 10.04969 5.00273 8.85197 3.80501 9.80515 2.85183 11.00287 4.04955 12.20059 2.85183 13.15377 3.80501 11.95606 5.00273 13.15377 6.20045\"\n          style={{ strokeWidth: 0 }}\n        />\n      </svg>\n    </Icon>\n  );\n}\n"]}

package/lib/core-react/badge/DeprecatedBadge.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.core-badge-deprecatedBadge {
+  transform: rotate(270deg);
+
+  svg {
+    fill: rgba(0, 0, 0, 0.85);
+  }
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.core-badge-newBadge {
+  color: var(--iui-color-text-positive);
+  transform: rotate(270deg);
+
+  svg {
+    fill: currentColor;
+  }
+}

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

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

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

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

package/lib/core-react/badge/TechnicalPreviewBadge.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.core-badge-technicalPreviewBadge {
+  transform: rotate(270deg);
+
+  svg {
+    fill: rgba(0, 0, 0, 0.85);
+  }
+}

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

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

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

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

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

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div.js";
+/** Centered React functional component.
+ * Displays content centered vertically and horizontally.
+ * @public
+ * @deprecated in 4.12.0. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead, i.e. `<Flex justifyContent="center" />`.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function Centered(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(Div, { ...props, mainClassName: "uicore-centered" });
+}
+//# sourceMappingURL=Centered.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,77 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import type { CommonDivProps } from "../utils/Props.js";
+/** Div element with Outside Click behavior
+ * @public
+ * @deprecated in 4.12.0. Use props of a basic component, like {@link https://itwinui.bentley.com/docs/popover iTwinUI popover `closeOnOutsideClick`} or {@link useOnOutsideClick} hook.
+ */
+export declare const DivWithOutsideClick: {
+    new (props: CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps): {
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        isDownOutside: boolean;
+        isInCorePopup(element: HTMLElement): boolean;
+        onOutsideClick(e: MouseEvent): any;
+        handleDocumentClick: (e: MouseEvent) => any;
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps, context: any): {
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        isDownOutside: boolean;
+        isInCorePopup(element: HTMLElement): boolean;
+        onOutsideClick(e: MouseEvent): any;
+        handleDocumentClick: (e: MouseEvent) => any;
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick.js").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+//# sourceMappingURL=DivWithOutsideClick.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { withOnOutsideClick } from "../hocs/withOnOutsideClick.js";
+/** Div element with Outside Click behavior
+ * @public
+ * @deprecated in 4.12.0. Use props of a basic component, like {@link https://itwinui.bentley.com/docs/popover iTwinUI popover `closeOnOutsideClick`} or {@link useOnOutsideClick} hook.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export const DivWithOutsideClick = withOnOutsideClick((props) => React.createElement("div", { ...props }) // eslint-disable-line deprecation/deprecation
+);
+//# sourceMappingURL=DivWithOutsideClick.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div.js";
+/** Full height & width and centered React functional component.
+ * Displays content centered vertically and horizontally and has a height and width of 100%.
+ * @public
+ * @deprecated in 4.12.0. Use CSS to style an element or {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function FillCentered(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(Div, { ...props, mainClassName: "uicore-fill-centered" });
+}
+//# sourceMappingURL=FillCentered.js.map

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

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

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

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import type { CommonDivProps } from "../utils/Props.js";
+/** Flex Wrap Container React functional component.
+ * Wraps content onto multiple lines and
+ * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
+ */
+export declare function FlexWrapContainer(props: CommonDivProps): React.JSX.Element;
+//# sourceMappingURL=FlexWrapContainer.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div.js";
+/** Flex Wrap Container React functional component.
+ * Wraps content onto multiple lines and
+ * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/flex iTwinUI Flex} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function FlexWrapContainer(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(Div, { ...props, mainClassName: "uicore-flex-wrap-container" });
+}
+//# sourceMappingURL=FlexWrapContainer.js.map

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

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

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

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

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

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

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

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

package/lib/core-react/base/PointerEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerEvents.d.ts","sourceRoot":"","sources":["../../../src/core-react/base/PointerEvents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,uBAAuB,YAEtC"}

package/lib/core-react/base/PointerEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerEvents.js","sourceRoot":"","sources":["../../../src/core-react/base/PointerEvents.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;AAC/B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\n/** Returns `true` if browser supports PointerEvents API.\n * @internal\n */\nexport function hasPointerEventsSupport() {\n  return !!window.PointerEvent;\n}\n"]}

package/lib/core-react/base/ScrollView.d.ts

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import type { CommonDivProps } from "../utils/Props.js";
+/** Scroll View React functional component.
+ * Scrolls content vertically and
+ * has the 'overflow-y: auto' CSS property and has a height and width of 100%.
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://developer.mozilla.org/en-US/docs/Web/CSS/overflow overflow property} instead.
+ */
+export declare function ScrollView(props: CommonDivProps): React.JSX.Element;
+//# sourceMappingURL=ScrollView.d.ts.map

package/lib/core-react/base/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;GAKG;AAEH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,qBAG/C"}

package/lib/core-react/base/ScrollView.js

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div.js";
+/** Scroll View React functional component.
+ * Scrolls content vertically and
+ * has the 'overflow-y: auto' CSS property and has a height and width of 100%.
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://developer.mozilla.org/en-US/docs/Web/CSS/overflow overflow property} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export function ScrollView(props) {
+    // eslint-disable-next-line deprecation/deprecation
+    return React.createElement(Div, { ...props, mainClassName: "uicore-scrollview" });
+}
+//# sourceMappingURL=ScrollView.js.map

package/lib/core-react/base/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B;;;;;GAKG;AACH,mDAAmD;AACnD,MAAM,UAAU,UAAU,CAAC,KAAqB;IAC9C,mDAAmD;IACnD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport type { CommonDivProps } from \"../utils/Props.js\";\nimport { Div } from \"./Div.js\";\n\n/** Scroll View React functional component.\n * Scrolls content vertically and\n * has the 'overflow-y: auto' CSS property and has a height and width of 100%.\n * @public\n * @deprecated in 4.12.0. Use {@link https://developer.mozilla.org/en-US/docs/Web/CSS/overflow overflow property} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function ScrollView(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"uicore-scrollview\" />;\n}\n"]}

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

@@ -0,0 +1,44 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "../_scrollbar";
+
+@forward "../_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 scrollbar.uicore-touch-scrolling;
+  @include scrollbar.uicore-scrollbar();
+}
+
+@mixin uicore-flex-wrap-container {
+  display: flex;
+  flex-wrap: wrap;
+}

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

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "./index" as *;
+
+.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/core-react/base/index.scss

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedButton.d.ts","sourceRoot":"","sources":["../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;GAGG;AAEH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedButton.js","sourceRoot":"","sources":["../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAmBlC;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAA0B,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACzB,KAAK,GAAG;gBACN,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACvC,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,CAAmB,EAAE,EAAE;QACtB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,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 { Key } from \"ts-key-enum\";\n\n/** Properties for the [[UnderlinedButton]] React component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link UnderlinedButton}.\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 * @deprecated in 4.13.0. Use {@link https://itwinui.bentley.com/docs/anchor iTwinUI anchor} or {@link https://itwinui.bentley.com/docs/button button} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function UnderlinedButton(props: UnderlinedButtonProps) {\n  const handleKeyUp = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = event.key;\n\n      switch (key) {\n        case Key.Enter.valueOf():\n        case \" \":\n          props.onActivate && props.onActivate();\n          break;\n      }\n    },\n    [props]\n  );\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      props.onClick && props.onClick(e);\n      props.onActivate && props.onActivate();\n    },\n    [props]\n  );\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/core-react/button/UnderlinedButton.scss

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+$color: var(--iui-color-icon-accent);
+$hoverColor: var(--iui-color-text-accent-hover);
+
+.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: hsl(var(--iui-opacity-6));
+    outline: none;
+  }
+}