@itwin/core-react 3.5.0-dev.27 → 3.5.0-dev.29

package/lib/esm/core-react/tiles/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-tiles-tile { @include uicore-tiles-tile; }
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -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 "./tile";
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -1,134 +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% );
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -1,26 +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;
-}
+/** @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.js

@@ -1,25 +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)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -1 +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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\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 Toggle\r\n */\r\n\r\nimport \"./LabeledToggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ToggleSwitch, ToggleSwitchProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties for [[LabeledToggle]]\r\n * @public\r\n * @deprecated Use ToggleSwitchProps from itwinui-react instead\r\n */\r\nexport interface LabeledToggleProps extends ToggleSwitchProps {\r\n  /** Text that will be shown next to the Toggle. */\r\n  label?: string;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n}\r\n\r\n/** Toggle component with a Label to the right\r\n * @public\r\n * @deprecated Use ToggleSwitch from itwinui-react with `labelPosition=\"right\"` instead\r\n */\r\nexport class LabeledToggle extends React.PureComponent<LabeledToggleProps> {  // eslint-disable-line deprecation/deprecation\r\n  public override render(): JSX.Element {\r\n    const { label, labelClassName, className, style, ...props } = this.props;\r\n\r\n    return (\r\n      <label style={this.props.style} className={classnames(\r\n        \"core-inputs-labeled-toggle\",\r\n        this.props.disabled && \"uicore-disabled\",\r\n        this.props.className,\r\n      )}>\r\n        <ToggleSwitch className={className} style={style} {...props} />\r\n        {label &&\r\n          <div className={classnames(\"uicore-label\", labelClassName)}>{label}</div>\r\n        }\r\n      </label>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1,21 +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; }
-
-}
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -1,52 +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;
+/** @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