@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/core-react/inputs/labeled-input.scss

@@ -1,103 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-inputs-labeled-input {
-
-  display:                    block;
-  padding:                    0;
-  margin:                     0 0 $uicore-unbordered-padding;
-  text-align:                 left;
-  font-size:                  $iui-font-size;
-  font-weight:                $iui-font-weight-normal;
-  cursor:                     pointer;
-
-  > .uicore-label {
-
-    padding:                0;
-    margin:                 0;
-    border:                 0 none transparent;
-    display:                block;
-    font-size:              $iui-font-size;
-    font-weight:            $iui-font-weight-semibold;
-    line-height:            $uicore-line-height;
-    text-align:             left;
-    color:                  $buic-text-color;
-  }
-
-  > .input {
-
-    position:               relative;
-    /// Needed to vertically align the icon:
-    display:                inline-block;
-    width:                  100%;
-
-    &.with-icon {
-
-      > input,
-      > .bwx-inputs-input {
-
-        padding-right:  $uicore-bordered-padding + $uicore-line-height;
-        margin-right: $uicore-bordered-padding + $uicore-line-height;
-      }
-    }
-
-    > .icon {
-
-      display:            flex;
-      align-items:        center;
-      position:           absolute;
-      right:              0;
-      top:                0;
-      bottom:             0;
-      padding:            $uicore-bordered-padding;
-
-      font-size:          $iui-font-size;
-      font-weight:        normal;
-    }
-  }
-
-  > .uicore-message {
-
-    display:                block;
-    font-size:              $iui-font-size-small;
-    line-height:            $uicore-line-height;
-    color:                  $buic-text-color-muted;
-  }
-
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success:    $buic-foreground-positive-rgb,
-    warning:    $buic-foreground-warning-rgb,
-    error:      $buic-foreground-negative-rgb
-  );
-
-  @each $status, $color in $status-colors {
-
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-
-      color:                rgb($color);
-    }
-
-    &.#{$status} > .input {
-      > input,
-      > .uicore-inputs-input {
-
-        border-color:       rgb($color);
-        box-shadow:         $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-
-          border-color:     rgb($color);
-          box-shadow:       rgba( $color, $uicore-opacity-boxshadow ) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

package/lib/esm/core-react/inputs/labeled-textarea.scss

@@ -1,77 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-inputs-labeled-textarea {
-
-  display:                    block;
-  padding:                    0;
-  margin:                     0 0 $uicore-unbordered-padding;
-  line-height:                0;  /// A trick to remove extra padding-bottom in Chrome and FF
-  text-align:                 left;
-  cursor:                     pointer;
-  font-weight:                normal;
-
-  > .uicore-label {
-
-    padding:                0;
-    margin:                 0;
-    border:                 0 none transparent;
-    display:                block;
-    font-size:              $iui-font-size;
-    font-weight:            $iui-font-weight-semibold;
-    line-height:            $uicore-line-height;
-    text-align:             left;
-    color:                  $buic-text-color;
-  }
-
-  > .uicore-inputs-textarea {
-
-    display:                inline-block;
-    width:                  100%;
-  }
-
-  > .uicore-message {
-
-    display:                block;
-    font-size:              $iui-font-size-small;
-    line-height:            $uicore-line-height;
-    color:                  $buic-text-color-muted; // $uicore-gray;
-  }
-
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success:    $buic-foreground-positive-rgb,
-    warning:    $buic-foreground-warning-rgb,
-    error:      $buic-foreground-negative-rgb
-  );
-
-  @each $status, $color in $status-colors {
-
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-
-      color:                rgb($color);
-    }
-
-    &.#{$status} {
-      > textarea,
-      > .uicore-inputs-textarea {
-
-        border-color:       rgb($color);
-        box-shadow:         $buic-inputs-border 0px 1px 1px inset;
-
-        &:focus {
-
-          border-color:     rgb($color);
-          box-shadow:       rgba( $color, $uicore-opacity-boxshadow ) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

package/lib/esm/core-react/inputs/textarea.scss

@@ -1,55 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-@mixin uicore-inputs-textarea {
-
-  display:                block;
-  box-sizing:             border-box;
-  width:                  100%;
-  padding:                $uicore-inputs-padding-bordered $uicore-bordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  font-weight:            normal;
-  line-height:            $uicore-line-height;
-  color:                  $buic-text-color;
-  background-color:       $buic-background-control;
-  background-image:       none;
-  border:                 1px solid $uicore-inputs-border-color;
-  border-radius:          $iui-border-radius;
-  box-shadow:             $buic-inputs-boxshadow 0px 1px 1px inset;
-  transition:             border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
-
-  &:-ms-input-placeholder {       color: $buic-foreground-disabled; }
-  &::-webkit-input-placeholder {  color: $buic-foreground-disabled; }
-  &::placeholder {                color: $buic-foreground-disabled; }
-
-  &[disabled],
-  &[readonly] {
-
-    background-color:   $buic-background-control-disabled;
-    border-color:       $buic-foreground-disabled;
-    color:              $buic-foreground-disabled;
-    cursor:             not-allowed;
-    opacity:            $uicore-opacity-disabled;
-  }
-
-  &:focus {
-
-    border-color:       $buic-foreground-focus-border;
-    outline:            0px;
-    box-shadow:         $uicore-inputs-focus-boxshadow;
-  }
-
-  &.iui-textarea {
-    padding: $uicore-iui-input-padding;
-  }
-
-}

package/lib/esm/core-react/loading/Spinner.d.ts

@@ -1,38 +0,0 @@
-/** @packageDocumentation
- * @module Loading
- */
-import "./Spinner.scss";
-import * as React from "react";
-/** Size for [[Spinner]] component
- * @public
- * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
- */
-export declare enum SpinnerSize {
-    /** width/height of 16px */
-    Small = 0,
-    /** width/height of 32px */
-    Medium = 1,
-    /** width/height of 64px */
-    Large = 2,
-    /** width/height of 96px */
-    XLarge = 3
-}
-/** Properties for [[Spinner]] component
- * @public
- * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.
- */
-export interface SpinnerProps {
-    /** Size of spinner */
-    size?: SpinnerSize;
-    /** CSS class for size of spinner */
-    sizeClass?: string;
-}
-/**
- * An indeterminate spinner component.
- * @public
- * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
- */
-export declare class Spinner extends React.PureComponent<SpinnerProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Spinner.d.ts.map

package/lib/esm/core-react/loading/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,oBAAY,WAAW;IACrB,2BAA2B;IAC3B,KAAK,IAAA;IACL,2BAA2B;IAC3B,MAAM,IAAA;IACN,2BAA2B;IAC3B,KAAK,IAAA;IACL,2BAA2B;IAC3B,MAAM,IAAA;CACP;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAE5C,MAAM;CA2BvB"}

package/lib/esm/core-react/loading/Spinner.js

@@ -1,57 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Loading
- */
-import "./Spinner.scss";
-import * as React from "react";
-/* eslint-disable deprecation/deprecation */
-// cspell:ignore xlarge
-/** Size for [[Spinner]] component
- * @public
- * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
- */
-export var SpinnerSize;
-(function (SpinnerSize) {
-    /** width/height of 16px */
-    SpinnerSize[SpinnerSize["Small"] = 0] = "Small";
-    /** width/height of 32px */
-    SpinnerSize[SpinnerSize["Medium"] = 1] = "Medium";
-    /** width/height of 64px */
-    SpinnerSize[SpinnerSize["Large"] = 2] = "Large";
-    /** width/height of 96px */
-    SpinnerSize[SpinnerSize["XLarge"] = 3] = "XLarge";
-})(SpinnerSize || (SpinnerSize = {}));
-/**
- * An indeterminate spinner component.
- * @public
- * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
- */
-export class Spinner extends React.PureComponent {
-    render() {
-        let sizeClass;
-        if (this.props.sizeClass)
-            sizeClass = this.props.sizeClass;
-        else {
-            switch (this.props.size) {
-                case SpinnerSize.Small:
-                    sizeClass = "core-spinner-small";
-                    break;
-                case SpinnerSize.Large:
-                    sizeClass = "core-spinner-large";
-                    break;
-                case SpinnerSize.XLarge:
-                    sizeClass = "core-spinner-xlarge";
-                    break;
-                case SpinnerSize.Medium:
-                default:
-                    sizeClass = "core-spinner-medium";
-                    break;
-            }
-        }
-        return (React.createElement("div", { className: sizeClass }));
-    }
-}
-//# sourceMappingURL=Spinner.js.map

package/lib/esm/core-react/loading/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4CAA4C;AAC5C,uBAAuB;AAEvB;;;GAGG;AACH,MAAM,CAAN,IAAY,WASX;AATD,WAAY,WAAW;IACrB,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;IACN,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;AACR,CAAC,EATW,WAAW,KAAX,WAAW,QAStB;AAaD;;;;GAIG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAE5C,MAAM;QACpB,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACtB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9B;YACH,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM;oBACrB,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM,CAAC;gBACxB;oBACE,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;aACT;SACF;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,GAAI,CAC9B,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 Loading\r\n */\r\n\r\nimport \"./Spinner.scss\";\r\nimport * as React from \"react\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cspell:ignore xlarge\r\n\r\n/** Size for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport enum SpinnerSize {\r\n  /** width/height of 16px */\r\n  Small,\r\n  /** width/height of 32px */\r\n  Medium,\r\n  /** width/height of 64px */\r\n  Large,\r\n  /** width/height of 96px */\r\n  XLarge,\r\n}\r\n\r\n/** Properties for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface SpinnerProps {\r\n  /** Size of spinner */\r\n  size?: SpinnerSize;\r\n  /** CSS class for size of spinner */\r\n  sizeClass?: string;\r\n}\r\n\r\n/**\r\n * An indeterminate spinner component.\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.\r\n */\r\nexport class Spinner extends React.PureComponent<SpinnerProps> {\r\n\r\n  public override render() {\r\n    let sizeClass: string;\r\n\r\n    if (this.props.sizeClass)\r\n      sizeClass = this.props.sizeClass;\r\n    else {\r\n      switch (this.props.size) {\r\n        case SpinnerSize.Small:\r\n          sizeClass = \"core-spinner-small\";\r\n          break;\r\n        case SpinnerSize.Large:\r\n          sizeClass = \"core-spinner-large\";\r\n          break;\r\n        case SpinnerSize.XLarge:\r\n          sizeClass = \"core-spinner-xlarge\";\r\n          break;\r\n        case SpinnerSize.Medium:\r\n        default:\r\n          sizeClass = \"core-spinner-medium\";\r\n          break;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <div className={sizeClass} />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/loading/Spinner.scss

@@ -1,26 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./mixins";
-
-$spinner-size-xlarge: 96px;
-$spinner-size-large:  64px;
-$spinner-size-medium: 32px;
-$spinner-size-small:  16px;
-
-.core-spinner-xlarge {
-  @include uicore-spinner($spinner-size-xlarge);
-}
-
-.core-spinner-large {
-  @include uicore-spinner($spinner-size-large);
-}
-
-.core-spinner-medium {
-  @include uicore-spinner($spinner-size-medium);
-}
-
-.core-spinner-small {
-  @include uicore-spinner($spinner-size-small);
-}

package/lib/esm/core-react/messagebox/MessageSeverity.d.ts

@@ -1,16 +0,0 @@
-/** @packageDocumentation
- * @module Dialog
- */
-/** Message Severity enum.
-  * @public
-  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
-  */
-export declare enum MessageSeverity {
-    None = 0,
-    Information = 1,
-    Question = 2,
-    Warning = 3,
-    Error = 4,
-    Fatal = 5
-}
-//# sourceMappingURL=MessageSeverity.d.ts.map

package/lib/esm/core-react/messagebox/MessageSeverity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSeverity.d.ts","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;IAGI;AACJ,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,WAAW,IAAI;IACf,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,KAAK,IAAI;IACT,KAAK,IAAI;CACV"}

package/lib/esm/core-react/messagebox/MessageSeverity.js

@@ -1,21 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Dialog
- */
-/** Message Severity enum.
-  * @public
-  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
-  */
-export var MessageSeverity;
-(function (MessageSeverity) {
-    MessageSeverity[MessageSeverity["None"] = 0] = "None";
-    MessageSeverity[MessageSeverity["Information"] = 1] = "Information";
-    MessageSeverity[MessageSeverity["Question"] = 2] = "Question";
-    MessageSeverity[MessageSeverity["Warning"] = 3] = "Warning";
-    MessageSeverity[MessageSeverity["Error"] = 4] = "Error";
-    MessageSeverity[MessageSeverity["Fatal"] = 5] = "Fatal";
-})(MessageSeverity || (MessageSeverity = {}));
-//# sourceMappingURL=MessageSeverity.js.map

package/lib/esm/core-react/messagebox/MessageSeverity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;;IAGI;AACJ,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","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 Dialog\r\n */\r\n\r\n/** Message Severity enum.\r\n  * @public\r\n  * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead\r\n  */\r\nexport enum MessageSeverity {\r\n  None = 0,\r\n  Information = 1,\r\n  Question = 2,\r\n  Warning = 3,\r\n  Error = 4,\r\n  Fatal = 5,\r\n}\r\n"]}

package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts

@@ -1,29 +0,0 @@
-/** @packageDocumentation
- * @module Loading
- */
-/// <reference types="react" />
-import { CommonProps } from "../utils/Props";
-/** Properties for [[ProgressBar]] component
- * @beta
- * @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.
- */
-export interface ProgressBarProps extends CommonProps {
-    /** Height (in pixels) of the progress bar. (defaults to 4px) */
-    barHeight?: number;
-    /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */
-    indeterminate?: boolean;
-    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */
-    labelLeft?: string;
-    /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */
-    labelRight?: string;
-    /** Percent for determinate progress bar. */
-    percent?: number;
-}
-/**
- * ProgressBar React component shows a horizontal progress bar.
- * The determinate bar reflects a percentage and the indeterminate bar continuously animates.
- * @beta
- * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
- */
-export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
-//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0IAA0I;IAC1I,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8HAA8H;IAC9H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+HAA+H;IAC/H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA8BlD"}

package/lib/esm/core-react/progress-indicators/ProgressBar.js

@@ -1,44 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Loading
- */
-import classnames from "classnames";
-import * as React from "react";
-import { percentInRange } from "../loading/LoadingBar";
-/**
- * ProgressBar React component shows a horizontal progress bar.
- * The determinate bar reflects a percentage and the indeterminate bar continuously animates.
- * @beta
- * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
- */
-export function ProgressBar(props) {
-    const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;
-    const outerStyle = {
-        ...props.style,
-        height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,
-    };
-    const innerStyle = {
-        width: !props.indeterminate ? `${percent}%` : undefined,
-    };
-    const innerClass = !props.indeterminate ? "uicore-progress-bar-determinate" : "uicore-progress-bar-indeterminate";
-    const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;
-    const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;
-    const bar = (React.createElement("div", { className: classnames("uicore-progress-bar", props.className), style: outerStyle },
-        React.createElement("div", { className: innerClass, style: innerStyle })));
-    const content = !hasLabel ?
-        bar :
-        (React.createElement("div", { className: "uicore-progress-bar-labeled" },
-            bar,
-            React.createElement("div", { className: "uicore-label" },
-                multipleLabels && React.createElement(React.Fragment, null,
-                    React.createElement("span", null, props.labelLeft),
-                    React.createElement("span", null, props.labelRight)),
-                !multipleLabels && React.createElement(React.Fragment, null,
-                    props.labelLeft,
-                    props.labelRight))));
-    return content;
-}
-//# sourceMappingURL=ProgressBar.js.map

package/lib/esm/core-react/progress-indicators/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmBvD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,UAAU,GAAwB;QACtC,GAAG,KAAK,CAAC,KAAK;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS;KAC3E,CAAC;IACF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,mCAAmC,CAAC;IAClH,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACjF,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACvF,MAAM,GAAG,GAAG,CACV,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU;QACnF,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAC7C,CACP,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,GAAG,CAAC,CAAC;QACL,CACE,6BAAK,SAAS,EAAC,6BAA6B;YACzC,GAAG;YACJ,6BAAK,SAAS,EAAC,cAAc;gBAC1B,cAAc,IAAI;oBAAE,kCAAO,KAAK,CAAC,SAAS,CAAQ;oBAAA,kCAAO,KAAK,CAAC,UAAU,CAAQ,CAAG;gBACpF,CAAC,cAAc,IAAI;oBAAG,KAAK,CAAC,SAAS;oBAAE,KAAK,CAAC,UAAU,CAAI,CACxD,CACF,CACP,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { percentInRange } from \"../loading/LoadingBar\";\r\n\r\n/** Properties for [[ProgressBar]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.\r\n */\r\nexport interface ProgressBarProps extends CommonProps {\r\n  /** Height (in pixels) of the progress bar. (defaults to 4px) */\r\n  barHeight?: number;\r\n  /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\r\n  indeterminate?: boolean;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\r\n  labelLeft?: string;\r\n  /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\r\n  labelRight?: string;\r\n  /** Percent for determinate progress bar. */\r\n  percent?: number;\r\n}\r\n\r\n/**\r\n * ProgressBar React component shows a horizontal progress bar.\r\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.\r\n */\r\nexport function ProgressBar(props: ProgressBarProps) {    // eslint-disable-line deprecation/deprecation\r\n  const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\r\n  const outerStyle: React.CSSProperties = {\r\n    ...props.style,\r\n    height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\r\n  };\r\n  const innerStyle: React.CSSProperties = {\r\n    width: !props.indeterminate ? `${percent}%` : undefined,\r\n  };\r\n  const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\r\n  const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\r\n  const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\r\n  const bar = (\r\n    <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\r\n      <div className={innerClass} style={innerStyle} />\r\n    </div>\r\n  );\r\n  const content = !hasLabel ?\r\n    bar :\r\n    (\r\n      <div className=\"uicore-progress-bar-labeled\">\r\n        {bar}\r\n        <div className=\"uicore-label\">\r\n          {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\r\n          {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n  return content;\r\n}\r\n"]}

package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts

@@ -1,49 +0,0 @@
-/** @packageDocumentation
- * @module Loading
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { SpinnerSize } from "../loading/Spinner";
-/**
- * Properties for [[ProgressSpinner]] component
- * @beta
- * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.
- */
-export interface ProgressSpinnerProps extends CommonProps {
-    /**
-     * Spinner percentage. Should be a number between 0 and 100.
-     * @default 0
-     */
-    value?: number;
-    /**
-     * Spinner variant. If true, value will be ignored.
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * If true, spinner will be full, green, and display a checkmark.
-     * @default false
-     */
-    success?: boolean;
-    /**
-     * If true, spinner will be full, red, and display an X.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Size of spinner
-     * @default width/height of 40px
-     */
-    size?: SpinnerSize;
-    /**
-     * Child components
-     */
-    children?: React.ReactNode;
-}
-/**
- * Circular Progress Indicator that supports determinate and indeterminate modes.
- * @beta
- * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
- */
-export declare function ProgressSpinner(props: ProgressSpinnerProps): JSX.Element;
-//# sourceMappingURL=ProgressSpinner.d.ts.map

package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoD1D"}

package/lib/esm/core-react/progress-indicators/ProgressSpinner.js

@@ -1,70 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Loading
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-import { SpinnerSize } from "../loading/Spinner";
-/**
- * Circular Progress Indicator that supports determinate and indeterminate modes.
- * @beta
- * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
- */
-export function ProgressSpinner(props) {
-    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
-    let outerClassName = classnames("uicore-progress-spinner");
-    const outerStyle = { ...style };
-    const fillStyle = {};
-    // Ensure value is bounded 0 - 100;
-    const dashOffset = 100 - Math.min(Math.max(value, 0), 100);
-    let content;
-    if (error) {
-        outerClassName = classnames(outerClassName, "error");
-        content = React.createElement(Icon, { iconSpec: "icon-close-2" });
-    }
-    else if (success) {
-        outerClassName = classnames(outerClassName, "success");
-        content = (React.createElement(Icon, { iconSpec: "icon-checkmark" }));
-    }
-    else if (indeterminate) {
-        outerClassName = classnames(outerClassName, "indeterminate");
-        content = children;
-    }
-    else {
-        outerClassName = classnames(outerClassName, "determinate");
-        fillStyle.strokeDashoffset = dashOffset;
-        content = children;
-    }
-    setDefaultDimensions(outerStyle, size);
-    return (React.createElement("div", { className: outerClassName, style: outerStyle },
-        React.createElement("svg", { className: "spinner", viewBox: "0 0 40 40" },
-            React.createElement("circle", { className: "shape", cx: "20", cy: "20", r: "15.91549" }),
-            React.createElement("circle", { className: "fill", cx: "20", cy: "20", r: "15.91549", style: fillStyle })),
-        content && React.createElement("span", { className: "uicore-progress-spinner-content" }, content)));
-}
-const setDefaultDimensions = (style, inSize) => {
-    let size = 40;
-    if (inSize !== undefined) {
-        switch (inSize) {
-            case SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
-                size = 16;
-                break;
-            case SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
-                size = 32;
-                break;
-            case SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
-                size = 64;
-                break;
-            case SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
-                size = 96;
-                break;
-        }
-    }
-    style.width = style.width ? style.width : size;
-    style.height = style.height ? style.height : size;
-};
-//# sourceMappingURL=ProgressSpinner.js.map

package/lib/esm/core-react/progress-indicators/ProgressSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"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","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 Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SpinnerSize } from \"../loading/Spinner\";\r\n\r\n/**\r\n * Properties for [[ProgressSpinner]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface ProgressSpinnerProps extends CommonProps {\r\n  /**\r\n   * Spinner percentage. Should be a number between 0 and 100.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Spinner variant. If true, value will be ignored.\r\n   * @default false\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * If true, spinner will be full, green, and display a checkmark.\r\n   * @default false\r\n   */\r\n  success?: boolean;\r\n  /**\r\n   * If true, spinner will be full, red, and display an X.\r\n   * @default false\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Size of spinner\r\n   * @default width/height of 40px\r\n   */\r\n  size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Child components\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Circular Progress Indicator that supports determinate and indeterminate modes.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.\r\n */\r\nexport function ProgressSpinner(props: ProgressSpinnerProps) {    // eslint-disable-line deprecation/deprecation\r\n  const {\r\n    value = 0,\r\n    indeterminate = false,\r\n    success = false,\r\n    error = false,\r\n    style = {},\r\n    size,\r\n    children,\r\n  } = props;\r\n\r\n  let outerClassName = classnames(\"uicore-progress-spinner\");\r\n  const outerStyle = { ...style };\r\n  const fillStyle: React.CSSProperties = {};\r\n  // Ensure value is bounded 0 - 100;\r\n  const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\r\n  let content: React.ReactNode;\r\n\r\n  if (error) {\r\n    outerClassName = classnames(outerClassName, \"error\");\r\n    content = <Icon iconSpec=\"icon-close-2\" />;\r\n  } else if (success) {\r\n    outerClassName = classnames(outerClassName, \"success\");\r\n    content = (\r\n      <Icon iconSpec=\"icon-checkmark\" />\r\n    );\r\n  } else if (indeterminate) {\r\n    outerClassName = classnames(outerClassName, \"indeterminate\");\r\n    content = children;\r\n  } else {\r\n    outerClassName = classnames(outerClassName, \"determinate\");\r\n    fillStyle.strokeDashoffset = dashOffset;\r\n    content = children;\r\n  }\r\n\r\n  setDefaultDimensions(outerStyle, size);\r\n\r\n  return (\r\n    <div className={outerClassName} style={outerStyle}>\r\n      <svg className=\"spinner\" viewBox=\"0 0 40 40\">\r\n        <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\r\n        <circle\r\n          className=\"fill\"\r\n          cx=\"20\"\r\n          cy=\"20\"\r\n          r=\"15.91549\"\r\n          style={fillStyle}\r\n        />\r\n      </svg>\r\n      {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => {  // eslint-disable-line deprecation/deprecation\r\n  let size = 40;\r\n\r\n  if (inSize !== undefined) {\r\n    switch (inSize) {\r\n      case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\r\n        size = 16;\r\n        break;\r\n      case SpinnerSize.Medium:  // eslint-disable-line deprecation/deprecation\r\n        size = 32;\r\n        break;\r\n      case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\r\n        size = 64;\r\n        break;\r\n      case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\r\n        size = 96;\r\n        break;\r\n    }\r\n  }\r\n  style.width = style.width ? style.width : size;\r\n  style.height = style.height ? style.height : size;\r\n};\r\n"]}