@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/esm/core-react/text/mixins.scss

@@ -0,0 +1,62 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+@import "~@itwin/itwinui-css/scss/style/baseline";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/text/mixins";
+
+@mixin uicore-text-block-spacing {
+
+  @include iui-text-block-spacing;
+}
+
+@mixin uicore-text( $type: body ){
+
+  $sizes: (
+    headline:       $iui-font-size-headline,
+    title:          $iui-font-size-title,
+    title-2:        $iui-font-size-title,
+    subheading:     $iui-font-size-subheading,
+    subheading-2:   $iui-font-size-subheading,
+    leading:        $iui-font-size-leading,
+    leading-2:      $iui-font-size-leading,
+    body:           $iui-font-size,
+    small:          $iui-font-size-small,
+    caption:        $iui-font-size-small,
+  );
+
+  $weights: (
+    headline:       $iui-font-weight-light,
+    title:          $iui-font-weight-light,
+    title-2:        $iui-font-weight-normal,
+    subheading:     $iui-font-weight-normal,
+    subheading-2:   $iui-font-weight-semibold,
+    leading:        $iui-font-weight-normal,
+    leading-2:      $iui-font-weight-bold,
+    body:           $iui-font-weight-normal,
+    small:          $iui-font-weight-normal,
+    caption:        $iui-font-weight-normal,
+  );
+
+  $line-heights: (
+    headline:       2 * $iui-line-height,
+    title:          1.5 * $iui-line-height,
+    title-2:        1.5 * $iui-line-height,
+    subheading:     1.5 * $iui-line-height,
+    subheading-2:   1.5 * $iui-line-height,
+    leading:        $iui-line-height,
+    leading-2:      $iui-line-height,
+    body:           $iui-line-height,
+    small:          $iui-line-height,
+    caption:        $iui-line-height,
+  );
+
+  $type: if( map-has-key( $sizes, $type ), $type, body );
+
+  font-size:          map-get( $sizes, $type );
+  font-weight:        map-get( $weights, $type );
+  line-height:        map-get( $line-heights, $type );
+  color:              $buic-text-color;
+}

package/lib/esm/core-react/text/muted.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+
+@mixin uicore-text-muted {
+
+  color:      $buic-foreground-muted;
+}

package/lib/esm/core-react/text/small.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/text/mixins";
+
+@mixin uicore-text-small {
+
+  @include iui-text( small );
+}

package/lib/esm/core-react/text/subheading-2.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.
+*--------------------------------------------------------------------------------------------*/
+@import "./mixins";
+
+@mixin uicore-text-subheading-2 {
+
+  @include uicore-text( subheading-2 );
+  @include uicore-text-block-spacing;
+}

package/lib/esm/core-react/text/subheading.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.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/text/mixins";
+
+@mixin uicore-text-subheading {
+
+  @include iui-text( subheading );
+  ;
+}

package/lib/esm/core-react/text/title-2.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.
+*--------------------------------------------------------------------------------------------*/
+@import "./mixins";
+
+@mixin uicore-text-title-2 {
+
+  @include uicore-text( title-2 );
+  @include uicore-text-block-spacing;
+}

package/lib/esm/core-react/text/title.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/text/mixins";
+
+@mixin uicore-text-title {
+
+  @include iui-text( title );
+}

package/lib/esm/core-react/tiles/FeaturedTile.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Tiles
+ */
+/// <reference types="react" />
+import { TileProps } from "./Tile";
+/** Featured [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export declare function FeaturedTile(props: TileProps): JSX.Element;
+//# sourceMappingURL=FeaturedTile.d.ts.map

package/lib/esm/core-react/tiles/FeaturedTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedTile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/FeaturedTile.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAE5C"}

package/lib/esm/core-react/tiles/FeaturedTile.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 Tiles
+ */
+import * as React from "react";
+import { Tile } from "./Tile";
+/** Featured [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export function FeaturedTile(props) {
+    return React.createElement(Tile, { ...props, featured: true }); // eslint-disable-line deprecation/deprecation
+}
+//# sourceMappingURL=FeaturedTile.js.map

package/lib/esm/core-react/tiles/FeaturedTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedTile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/FeaturedTile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI,CAAC,CAAC,8CAA8C;AAC5F,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 Tiles\n */\n\nimport * as React from \"react\";\nimport { Tile, TileProps } from \"./Tile\";\n\n/** Featured [[Tile]] component\n * @beta\n * @deprecated Use Tile in itwinui-react instead\n */\nexport function FeaturedTile(props: TileProps) {    // eslint-disable-line deprecation/deprecation\n  return <Tile {...props} featured={true} />; // eslint-disable-line deprecation/deprecation\n}\n"]}

package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Tiles
+ */
+/// <reference types="react" />
+import { TileProps } from "./Tile";
+/** Minimal and Featured [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export declare function MinimalFeaturedTile(props: TileProps): JSX.Element;
+//# sourceMappingURL=MinimalFeaturedTile.d.ts.map

package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFeaturedTile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalFeaturedTile.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,eAEnD"}

package/lib/esm/core-react/tiles/MinimalFeaturedTile.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 Tiles
+ */
+import * as React from "react";
+import { Tile } from "./Tile";
+/** Minimal and Featured [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export function MinimalFeaturedTile(props) {
+    return React.createElement(Tile, { ...props, minimal: true, featured: true }); // eslint-disable-line deprecation/deprecation
+}
+//# sourceMappingURL=MinimalFeaturedTile.js.map

package/lib/esm/core-react/tiles/MinimalFeaturedTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFeaturedTile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalFeaturedTile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAgB;IAClD,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI,CAAC,CAAE,8CAA8C;AAC5G,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 Tiles\n */\n\nimport * as React from \"react\";\nimport { Tile, TileProps } from \"./Tile\";\n\n/** Minimal and Featured [[Tile]] component\n * @beta\n * @deprecated Use Tile in itwinui-react instead\n */\nexport function MinimalFeaturedTile(props: TileProps) {   // eslint-disable-line deprecation/deprecation\n  return <Tile {...props} minimal={true} featured={true} />;  // eslint-disable-line deprecation/deprecation\n}\n"]}

package/lib/esm/core-react/tiles/MinimalTile.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Tiles
+ */
+/// <reference types="react" />
+import { TileProps } from "./Tile";
+/** Minimal [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export declare function MinimalTile(props: TileProps): JSX.Element;
+//# sourceMappingURL=MinimalTile.d.ts.map

package/lib/esm/core-react/tiles/MinimalTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalTile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalTile.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,eAE3C"}

package/lib/esm/core-react/tiles/MinimalTile.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 Tiles
+ */
+import * as React from "react";
+import { Tile } from "./Tile";
+/** Minimal [[Tile]] component
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export function MinimalTile(props) {
+    return React.createElement(Tile, { ...props, minimal: true }); // eslint-disable-line deprecation/deprecation
+}
+//# sourceMappingURL=MinimalTile.js.map

package/lib/esm/core-react/tiles/MinimalTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalTile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalTile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,KAAgB;IAC1C,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAE,IAAI,GAAI,CAAC,CAAE,8CAA8C;AAC5F,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 Tiles\n */\n\nimport * as React from \"react\";\nimport { Tile, TileProps } from \"./Tile\";\n\n/** Minimal [[Tile]] component\n * @beta\n * @deprecated Use Tile in itwinui-react instead\n */\nexport function MinimalTile(props: TileProps) { // eslint-disable-line deprecation/deprecation\n  return <Tile {...props} minimal={true} />;  // eslint-disable-line deprecation/deprecation\n}\n"]}

package/lib/esm/core-react/tiles/Tile.d.ts

@@ -0,0 +1,32 @@
+/** @packageDocumentation
+ * @module Tiles
+ */
+import * as React from "react";
+import { CommonDivProps } from "../utils/Props";
+/** Properties for the [[Tile]] component
+ * @beta
+ * @deprecated Use TileProps in itwinui-react instead
+ */
+export interface TileProps extends CommonDivProps {
+    title: string;
+    icon?: string | React.ReactNode;
+    featured?: boolean;
+    minimal?: boolean;
+    href?: string;
+    onClick?: (e: any) => any;
+    stepNum?: number;
+    stepCount?: number;
+}
+/** @internal */
+export declare type TileDefaultProps = Pick<TileProps, "stepNum">;
+/** The Tile React component is a container for rendering elements that can be grouped together.
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export declare class Tile extends React.Component<TileProps> {
+    /** @internal */
+    static readonly defaultProps: TileDefaultProps;
+    /** @internal */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Tile.d.ts.map

package/lib/esm/core-react/tiles/Tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/Tile.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gBAAgB;AAChB,oBAAY,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAElD,gBAAgB;IAChB,gBAAuB,YAAY,EAAE,gBAAgB,CAEnD;IAEF,gBAAgB;IACA,MAAM,IAAI,GAAG,CAAC,OAAO;CAgCtC"}

package/lib/esm/core-react/tiles/Tile.js

@@ -0,0 +1,36 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tiles
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+/** The Tile React component is a container for rendering elements that can be grouped together.
+ * @beta
+ * @deprecated Use Tile in itwinui-react instead
+ */
+export class Tile extends React.Component {
+    /** @internal */
+    render() {
+        const stepType = (this.props.stepCount && this.props.stepCount < 13)
+            ? Math.floor(this.props.stepNum * 12 / (this.props.stepCount - 1))
+            : this.props.stepNum % 16;
+        const stepClass = `uicore-step-${stepType}`;
+        const classNames = classnames("uicore-tiles-tile", stepClass, this.props.featured && "uicore-featured", this.props.minimal && "uicore-minimal");
+        const icon = (typeof this.props.icon === "string") ? React.createElement(Icon, { iconSpec: this.props.icon }) : this.props.icon;
+        return (React.createElement("div", { className: classNames, style: this.props.style },
+            React.createElement("a", { className: "uicore-link", href: this.props.href, onClick: this.props.onClick },
+                React.createElement("div", { className: "uicore-icon" }, icon),
+                React.createElement("p", { className: "uicore-title" }, this.props.title)),
+            this.props.children && !this.props.minimal &&
+                React.createElement("div", { className: "uicore-children" }, this.props.children)));
+    }
+}
+/** @internal */
+Tile.defaultProps = {
+    stepNum: 0,
+};
+//# sourceMappingURL=Tile.js.map

package/lib/esm/core-react/tiles/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/Tile.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAqB9C;;;GAGG;AACH,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAoB;IAOlD,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GACZ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;YACjD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAQ,GAAG,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,eAAe,QAAQ,EAAE,CAAC;QAE5C,MAAM,UAAU,GAAG,UAAU,CAC3B,mBAAmB,EACnB,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,gBAAgB,CACvC,CAAC;QAEF,MAAM,IAAI,GAAoB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE5H,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACjD,2BAAG,SAAS,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAC3E,6BAAK,SAAS,EAAC,aAAa,IACzB,IAAI,CACD;gBACN,2BAAG,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAK,CAChD;YACH,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;gBACzC,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CAEJ,CACP,CAAC;IACJ,CAAC;;AArCD,gBAAgB;AACO,iBAAY,GAAqB;IACtD,OAAO,EAAE,CAAC;CACX,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 Tiles\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { CommonDivProps } from \"../utils/Props\";\n\n/** Properties for the [[Tile]] component\n * @beta\n * @deprecated Use TileProps in itwinui-react instead\n */\nexport interface TileProps extends CommonDivProps {\n  title: string;\n  icon?: string | React.ReactNode;\n  featured?: boolean;\n  minimal?: boolean;\n  href?: string;\n  onClick?: (e: any) => any;\n  stepNum?: number;\n  stepCount?: number;\n}\n\n/** @internal */\nexport type TileDefaultProps = Pick<TileProps, \"stepNum\">;  // eslint-disable-line deprecation/deprecation\n\n/** The Tile React component is a container for rendering elements that can be grouped together.\n * @beta\n * @deprecated Use Tile in itwinui-react instead\n */\nexport class Tile extends React.Component<TileProps> {  // eslint-disable-line deprecation/deprecation\n\n  /** @internal */\n  public static readonly defaultProps: TileDefaultProps = {\n    stepNum: 0,\n  };\n\n  /** @internal */\n  public override render(): JSX.Element {\n    const stepType =\n      (this.props.stepCount && this.props.stepCount < 13)\n        ? Math.floor(this.props.stepNum! * 12 / (this.props.stepCount - 1))\n        : this.props.stepNum! % 16;\n    const stepClass = `uicore-step-${stepType}`;\n\n    const classNames = classnames(\n      \"uicore-tiles-tile\",\n      stepClass,\n      this.props.featured && \"uicore-featured\",\n      this.props.minimal && \"uicore-minimal\",\n    );\n\n    const icon: React.ReactNode = (typeof this.props.icon === \"string\") ? <Icon iconSpec={this.props.icon} /> : this.props.icon;\n\n    return (\n      <div className={classNames} style={this.props.style}>\n        <a className=\"uicore-link\" href={this.props.href} onClick={this.props.onClick}>\n          <div className=\"uicore-icon\">\n            {icon}\n          </div>\n          <p className=\"uicore-title\">{this.props.title}</p>\n        </a>\n        {this.props.children && !this.props.minimal &&\n          <div className=\"uicore-children\">\n            {this.props.children}\n          </div>\n        }\n      </div>\n    );\n  }\n}\n"]}

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

@@ -0,0 +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-tiles-tile { @include uicore-tiles-tile; }

package/lib/esm/core-react/tiles/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.
+*--------------------------------------------------------------------------------------------*/
+@import "./tile";

package/lib/esm/core-react/tiles/tile.scss

@@ -0,0 +1,134 @@
+/*---------------------------------------------------------------------------------------------
+* 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-tiles-tile {
+
+  min-height:                     $uicore-line-height * 14;
+  padding:                        0 0 $uicore-line-height * 2;
+  margin:                         0 0 $uicore-line-height;
+  text-align:                     center;
+  transition:                     all 0.2s ease-out;
+
+  background-color:               $uicore-gray-b;
+  color:                          $uicore-gray-4;
+
+  > .uicore-link {
+
+    display:                    block;
+    padding:                    $uicore-line-height * 1.5 $uicore-line-height 0;
+    margin:                     0;
+    cursor:                     pointer;
+    color:                      $uicore-gray-4;
+
+    > .uicore-icon {
+
+      width:                  $uicore-line-height * 3;
+      height:                 $uicore-line-height * 3;
+      font-size:              $uicore-line-height * 2.5;
+      padding:                9px;
+      margin:                 0 auto;
+      border-radius:          $uicore-line-height * 3;
+      background-color:       $uicore-green;
+
+      transition:             all 0.2s ease-out;
+    }
+
+    > .uicore-title {
+
+      margin:                 $uicore-line-height * 0.5 auto 0;
+      font-size:              21px;
+      font-weight:            300;
+      line-height:            $uicore-line-height * 1.5;
+    }
+  }
+
+  > .uicore-children {
+
+    padding:                    $uicore-line-height $uicore-line-height 0;
+    font-size:                  13px;
+    line-height:                $uicore-line-height;
+
+    > a {
+
+      display:                block;
+      color:                  $uicore-gray-3;
+    }
+  }
+
+  &.uicore-minimal {
+
+    min-height:                 $uicore-line-height * 9;
+    padding:                    0;
+
+    > .uicore-link {
+
+      padding-bottom:         $uicore-line-height * 3;
+    }
+  }
+
+
+  &.uicore-featured,
+  &:hover {
+
+    background-color:           $uicore-green;
+    color:                      $uicore-white;
+
+    > .uicore-link {
+
+      text-decoration:        none;
+      color:                  $uicore-white;
+
+      > .uicore-icon {
+
+        background-color:   transparent !important;
+      }
+    }
+
+    > .uicore-children > a {
+
+      color:                  $uicore-white;
+    }
+  }
+
+  &.uicore-featured:hover {
+
+    background-color:           darken( $uicore-green, 5% );
+  }
+
+  $step-colors: (
+    uicore-step-0:     $uicore-green,
+    uicore-step-1:     $uicore-teal-1,
+    uicore-step-2:     $uicore-teal-2,
+    uicore-step-3:     $uicore-teal-3,
+    uicore-step-4:     $uicore-teal-4,
+    uicore-step-5:     $uicore-teal-5,
+    uicore-step-6:     $uicore-teal-6,
+    uicore-step-7:     $uicore-teal-7,
+    uicore-step-8:     $uicore-teal-8,
+    uicore-step-9:     $uicore-teal-9,
+    uicore-step-10:    $uicore-teal-a,
+    uicore-step-11:    $uicore-teal-b,
+    uicore-step-12:    $uicore-blue,
+    uicore-step-13:    $uicore-blue-5,
+    uicore-step-14:    $uicore-blue-4,
+    uicore-step-15:    $uicore-blue-3
+  );
+
+  @each $step, $color in $step-colors {
+
+    &.#{$step} > .uicore-link > .uicore-icon,
+    &.#{$step}:hover,
+    &.#{$step}.uicore-featured {
+
+      background-color:       $color;
+    }
+
+    &.#{$step}.uicore-featured:hover {
+
+      background-color:       darken( $color, 5% );
+    }
+  }
+}

package/lib/esm/core-react/toggle/LabeledToggle.d.ts

@@ -0,0 +1,26 @@
+/** @packageDocumentation
+ * @module Toggle
+ */
+import "./LabeledToggle.scss";
+import * as React from "react";
+import { ToggleSwitchProps } from "@itwin/itwinui-react";
+/** Properties for [[LabeledToggle]]
+ * @public
+ * @deprecated Use ToggleSwitchProps from itwinui-react instead
+ */
+export interface LabeledToggleProps extends ToggleSwitchProps {
+    /** Text that will be shown next to the Toggle. */
+    label?: string;
+    /** Custom CSS class name for the label */
+    labelClassName?: string;
+    /** Custom CSS Style for the label */
+    labelStyle?: React.CSSProperties;
+}
+/** Toggle component with a Label to the right
+ * @public
+ * @deprecated Use ToggleSwitch from itwinui-react with `labelPosition="right"` instead
+ */
+export declare class LabeledToggle extends React.PureComponent<LabeledToggleProps> {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=LabeledToggle.d.ts.map

package/lib/esm/core-react/toggle/LabeledToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/toggle/LabeledToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEvE;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,GAAG,CAAC,OAAO;CAgBtC"}

package/lib/esm/core-react/toggle/LabeledToggle.js

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toggle
+ */
+import "./LabeledToggle.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { ToggleSwitch } from "@itwin/itwinui-react";
+/** Toggle component with a Label to the right
+ * @public
+ * @deprecated Use ToggleSwitch from itwinui-react with `labelPosition="right"` instead
+ */
+export class LabeledToggle extends React.PureComponent {
+    render() {
+        const { label, labelClassName, className, style, ...props } = this.props;
+        return (React.createElement("label", { style: this.props.style, className: classnames("core-inputs-labeled-toggle", this.props.disabled && "uicore-disabled", this.props.className) },
+            React.createElement(ToggleSwitch, { className: className, style: style, ...props }),
+            label &&
+                React.createElement("div", { className: classnames("uicore-label", labelClassName) }, label)));
+    }
+}
+//# sourceMappingURL=LabeledToggle.js.map

package/lib/esm/core-react/toggle/LabeledToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledToggle.js","sourceRoot":"","sources":["../../../../src/core-react/toggle/LabeledToggle.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,sBAAsB,CAAC;AAevE;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzE,OAAO,CACL,+BAAO,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,CACnD,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB;YACC,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI;YAC9D,KAAK;gBACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,IAAG,KAAK,CAAO,CAErE,CACT,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 Toggle\n */\n\nimport \"./LabeledToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ToggleSwitch, ToggleSwitchProps } from \"@itwin/itwinui-react\";\n\n/** Properties for [[LabeledToggle]]\n * @public\n * @deprecated Use ToggleSwitchProps from itwinui-react instead\n */\nexport interface LabeledToggleProps extends ToggleSwitchProps {\n  /** Text that will be shown next to the Toggle. */\n  label?: string;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n}\n\n/** Toggle component with a Label to the right\n * @public\n * @deprecated Use ToggleSwitch from itwinui-react with `labelPosition=\"right\"` instead\n */\nexport class LabeledToggle extends React.PureComponent<LabeledToggleProps> {  // eslint-disable-line deprecation/deprecation\n  public override render(): JSX.Element {\n    const { label, labelClassName, className, style, ...props } = this.props;\n\n    return (\n      <label style={this.props.style} className={classnames(\n        \"core-inputs-labeled-toggle\",\n        this.props.disabled && \"uicore-disabled\",\n        this.props.className,\n      )}>\n        <ToggleSwitch className={className} style={style} {...props} />\n        {label &&\n          <div className={classnames(\"uicore-label\", labelClassName)}>{label}</div>\n        }\n      </label>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/toggle/LabeledToggle.scss

@@ -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.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index.scss";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.core-inputs-labeled-toggle {
+  flex:         1;
+  display:      flex;
+  box-sizing:   border-box;
+  align-items:  center;
+
+  >.uicore-label {
+    padding-left: .5em;
+    font-size:    $iui-font-size;
+  }
+
+  &.uicore-disabled > .uicore-label {   color: $buic-text-color-disabled; }
+
+}

package/lib/esm/core-react/toggle/Toggle.d.ts

@@ -0,0 +1,52 @@
+/** @packageDocumentation
+ * @module Toggle
+ */
+import "./Toggle.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Toggle display types
+ * @public
+ * @deprecated
+ */
+export declare enum ToggleButtonType {
+    /** Primary (green) background */
+    Primary = 0,
+    /** Blue background */
+    Blue = 1
+}
+/** Properties for [[Toggle]] component
+ * @public
+ * @deprecated Use ToggleSwitchProps in itwinui-react instead
+ */
+export interface ToggleProps extends CommonProps {
+    /** Indicates whether the Toggle is disabled (default is false) */
+    disabled?: boolean;
+    /** Indicates whether the Toggle is "on" or "off" (default is false) */
+    isOn?: boolean;
+    /** Show the toggle rounded or square (rounded is default) */
+    rounded?: boolean;
+    /** Show a check mark icon when the toggle is "on" (false is default) */
+    showCheckmark?: boolean;
+    /** Button type, either Primary or Blue (Blue is default).
+     * @deprecated */
+    buttonType?: ToggleButtonType;
+    /** Function called when the toggle state is changed */
+    onChange?: (checked: boolean) => any;
+    /** Function called when the toggle loses focus  */
+    onBlur?: (event: React.FocusEvent) => any;
+    /** Use larger size (default is false) */
+    large?: boolean;
+    /** Indicates whether to set focus to the input element */
+    setFocus?: boolean;
+    /** Tooltip text */
+    title?: string;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+}
+/**
+ * Toggle React component to show an "on" or "off" state
+ * @public
+ * @deprecated Use ToggleSwitch in itwinui-react instead
+ */
+export declare const Toggle: (props: ToggleProps) => JSX.Element | null;
+//# sourceMappingURL=Toggle.d.ts.map

package/lib/esm/core-react/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/toggle/Toggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,iCAAiC;IACjC,OAAO,IAAA;IACP,sBAAsB;IACtB,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;qBACiB;IACjB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACrC,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC;IAC1C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AA6GD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,GAAG,IAAuB,CAAC"}