@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.4

package/lib/cjs/core-react/popup/Popup.scss

@@ -1,240 +1,240 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../inputs/variables";
-@import "../z-index";
-
-.core-popup {
-  top: 0;
-  left: 0;
-  display: block;
-  box-sizing: border-box;
-  position: absolute;
-  border-radius: var(--iui-border-radius-1);
-  border: 1px solid $buic-background-panel-stroke;
-  background: $buic-background-panel;
-  color: $buic-text-color;
-  animation-duration: 0.2s;
-  animation-timing-function: ease;
-  animation-fill-mode: forwards;
-  cursor: default;
-
-  @include uicore-z-index(dialog-popup);
-
-  &.core-popup-animation-none {
-    animation-duration: 0s;
-  }
-
-  &.core-popup-hidden {
-    display: none;
-  }
-
-  &.core-animation-ended {
-    animation-name: none;
-  }
-}
-
-.core-popup.arrow::after,
-.core-popup.arrow::before {
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none;
-  color: $buic-background-panel;
-}
-
-.core-popup.core-popup-bottom-left.arrow::after,
-.core-popup.core-popup-bottom-left.arrow::before {
-  bottom: 100%;
-  left: 25%;
-}
-
-.core-popup.core-popup-bottom-right.arrow::after,
-.core-popup.core-popup-bottom-right.arrow::before {
-  bottom: 100%;
-  left: 75%;
-}
-
-.core-popup.core-popup-bottom.arrow::after,
-.core-popup.core-popup-bottom.arrow::before {
-  bottom: 100%;
-  left: 50%;
-}
-
-.core-popup.core-popup-top.arrow::after,
-.core-popup.core-popup-top.arrow::before {
-  top: 100%;
-  left: 50%;
-}
-
-.core-popup.core-popup-top-left.arrow::after,
-.core-popup.core-popup-top-left.arrow::before {
-  top: 100%;
-  left: 25%;
-}
-
-.core-popup.core-popup-top-right.arrow::after,
-.core-popup.core-popup-top-right.arrow::before {
-  top: 100%;
-  left: 75%;
-}
-
-.core-popup.core-popup-left.arrow::after,
-.core-popup.core-popup-left.arrow::before {
-  top: 50%;
-  left: 100%;
-}
-
-.core-popup.core-popup-right.arrow::after,
-.core-popup.core-popup-right.arrow::before {
-  top: 50%;
-  right: 100%;
-}
-
-.core-popup.core-popup-bottom.arrow::before,
-.core-popup.core-popup-bottom-left.arrow::before,
-.core-popup.core-popup-bottom-right.arrow::before {
-  border-bottom-color: inherit;
-  border-width: 9px;
-  margin-left: -9px;
-}
-
-.core-popup.core-popup-top.arrow::before,
-.core-popup.core-popup-top-left.arrow::before,
-.core-popup.core-popup-top-right.arrow::before {
-  border-top-color: inherit;
-  border-width: 9px;
-  margin-left: -9px;
-}
-
-.core-popup.core-popup-left.arrow::before {
-  border-left-color: inherit;
-  border-width: 9px;
-  margin-top: -9px;
-}
-
-.core-popup.core-popup-right.arrow::before {
-  border-right-color: inherit;
-  border-width: 9px;
-  margin-top: -9px;
-}
-
-.core-popup.core-popup-bottom.arrow::after,
-.core-popup.core-popup-bottom-left.arrow::after,
-.core-popup.core-popup-bottom-right.arrow::after {
-  border-bottom-color: currentColor;
-  border-width: 8px;
-  margin-left: -8px;
-}
-
-.core-popup.core-popup-top.arrow::after,
-.core-popup.core-popup-top-left.arrow::after,
-.core-popup.core-popup-top-right.arrow::after {
-  border-top-color: currentColor;
-  border-width: 8px;
-  margin-left: -8px;
-}
-
-.core-popup.core-popup-left.arrow::after {
-  border-left-color: currentColor;
-  border-width: 8px;
-  margin-top: -8px;
-}
-
-.core-popup.core-popup-right.arrow::after {
-  border-right-color: currentColor;
-  border-width: 8px;
-  margin-top: -8px;
-}
-
-.core-popup-shadow {
-  -webkit-box-shadow: var(--iui-shadow-4);
-  box-shadow: var(--iui-shadow-4);
-  background-clip: padding-box;
-}
-
-.core-popup-top-left {
-  transform-origin: left bottom 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-top-right {
-  transform-origin: right bottom 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-bottom-left {
-  transform-origin: left top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-bottom-right {
-  transform-origin: right top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-left {
-  transform-origin: right;
-  animation-name: animate-horizontal;
-}
-
-.core-popup-left-top {
-  transform-origin: right top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-right {
-  transform-origin: left;
-  animation-name: animate-horizontal;
-}
-
-.core-popup-right-top {
-  transform-origin: left top 0px;
-  animation-name: animate-corner;
-}
-
-.core-popup-top {
-  transform-origin: bottom;
-  animation-name: animate-vertical;
-}
-
-.core-popup-bottom {
-  transform-origin: top;
-  animation-name: animate-vertical;
-}
-
-@keyframes animate-vertical {
-  from {
-    visibility: hidden;
-    transform: scale(1, 0.5);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1);
-  }
-}
-
-@keyframes animate-corner {
-  from {
-    visibility: hidden;
-    transform: scale(0.5, 0.5);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1, 1);
-  }
-}
-
-@keyframes animate-horizontal {
-  from {
-    visibility: hidden;
-    transform: scale(0.5, 1);
-  }
-  to {
-    visibility: visible;
-    transform: scale(1, 1);
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../inputs/variables";
+@import "../z-index";
+@import "~@itwin/itwinui-css/scss/style/elevation";
+
+.core-popup {
+ top: 0;
+ left: 0;
+ display: block;
+ box-sizing: border-box;
+ position: absolute;
+ border-radius: 4px;
+ border: 1px solid $buic-background-panel-stroke;
+ background: $buic-background-panel;
+ color: $buic-text-color;
+ animation-duration: .2s;
+ animation-timing-function: ease;
+ animation-fill-mode: forwards;
+ cursor: default;
+
+ @include uicore-z-index(dialog-popup);
+
+ &.core-popup-animation-none {
+  animation-duration: 0s;
+ }
+
+ &.core-popup-hidden {
+  display: none;
+ }
+
+ &.core-animation-ended {
+   animation-name: none;
+ }
+}
+
+.core-popup.arrow::after, .core-popup.arrow::before {
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ color: $buic-background-panel;
+}
+
+.core-popup.core-popup-bottom-left.arrow::after,
+.core-popup.core-popup-bottom-left.arrow::before {
+ bottom: 100%;
+ left: 25%;
+}
+
+.core-popup.core-popup-bottom-right.arrow::after,
+.core-popup.core-popup-bottom-right.arrow::before {
+ bottom: 100%;
+ left: 75%;
+}
+
+.core-popup.core-popup-bottom.arrow::after,
+.core-popup.core-popup-bottom.arrow::before {
+ bottom: 100%;
+ left: 50%;
+}
+
+.core-popup.core-popup-top.arrow::after,
+.core-popup.core-popup-top.arrow::before {
+ top: 100%;
+ left: 50%;
+}
+
+.core-popup.core-popup-top-left.arrow::after,
+.core-popup.core-popup-top-left.arrow::before {
+ top: 100%;
+ left: 25%;
+}
+
+.core-popup.core-popup-top-right.arrow::after,
+.core-popup.core-popup-top-right.arrow::before {
+ top: 100%;
+ left: 75%;
+}
+
+.core-popup.core-popup-left.arrow::after,
+.core-popup.core-popup-left.arrow::before {
+ top: 50%;
+ left: 100%;
+}
+
+.core-popup.core-popup-right.arrow::after,
+.core-popup.core-popup-right.arrow::before {
+ top: 50%;
+ right: 100%;
+}
+
+.core-popup.core-popup-bottom.arrow::before,
+.core-popup.core-popup-bottom-left.arrow::before,
+.core-popup.core-popup-bottom-right.arrow::before {
+ border-bottom-color: inherit;
+ border-width: 9px;
+ margin-left: -9px;
+}
+
+.core-popup.core-popup-top.arrow::before,
+.core-popup.core-popup-top-left.arrow::before,
+.core-popup.core-popup-top-right.arrow::before {
+ border-top-color: inherit;
+ border-width: 9px;
+ margin-left: -9px;
+}
+
+.core-popup.core-popup-left.arrow::before {
+ border-left-color: inherit;
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.core-popup.core-popup-right.arrow::before {
+ border-right-color: inherit;
+ border-width: 9px;
+ margin-top: -9px;
+}
+
+.core-popup.core-popup-bottom.arrow::after,
+.core-popup.core-popup-bottom-left.arrow::after,
+.core-popup.core-popup-bottom-right.arrow::after {
+ border-bottom-color: currentColor;
+ border-width: 8px;
+ margin-left: -8px;
+}
+
+.core-popup.core-popup-top.arrow::after,
+.core-popup.core-popup-top-left.arrow::after,
+.core-popup.core-popup-top-right.arrow::after {
+ border-top-color: currentColor;
+ border-width: 8px;
+ margin-left: -8px;
+}
+
+.core-popup.core-popup-left.arrow::after {
+ border-left-color: currentColor;
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.core-popup.core-popup-right.arrow::after {
+ border-right-color: currentColor;
+ border-width: 8px;
+ margin-top: -8px;
+}
+
+.core-popup-shadow {
+ -webkit-box-shadow: $iui-elevation-16;
+ box-shadow: $iui-elevation-16;
+ background-clip: padding-box;
+}
+
+.core-popup-top-left {
+ transform-origin: left bottom 0px;
+ animation-name: animate-corner;
+}
+
+.core-popup-top-right {
+ transform-origin: right bottom 0px;
+ animation-name: animate-corner;
+}
+
+.core-popup-bottom-left {
+ transform-origin: left top 0px;
+ animation-name: animate-corner;
+}
+
+.core-popup-bottom-right {
+ transform-origin: right top 0px;
+ animation-name: animate-corner;
+}
+
+.core-popup-left {
+ transform-origin: right;
+ animation-name: animate-horizontal;
+}
+
+.core-popup-left-top {
+  transform-origin: right top 0px;
+  animation-name: animate-corner;
+ }
+
+.core-popup-right {
+ transform-origin: left;
+ animation-name: animate-horizontal;
+}
+
+.core-popup-right-top {
+  transform-origin: left top 0px;
+  animation-name: animate-corner;
+}
+
+.core-popup-top {
+ transform-origin: bottom;
+ animation-name: animate-vertical;
+};
+
+.core-popup-bottom {
+ transform-origin: top;
+ animation-name: animate-vertical;
+}
+
+@keyframes animate-vertical {
+ from {
+   visibility: hidden;
+   transform: scale(1,.5);
+ }
+ to {
+   visibility: visible;
+   transform: scale(1);
+ }
+}
+
+@keyframes animate-corner {
+ from {
+   visibility: hidden;
+   transform: scale(.5,.5);
+ }
+ to {
+   visibility: visible;
+   transform: scale(1,1);
+ }
+}
+
+@keyframes animate-horizontal {
+ from {
+   visibility: hidden;
+   transform: scale(.5,1);
+ }
+ to {
+   visibility: visible;
+   transform: scale(1,1);
+ }
+}

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

@@ -0,0 +1,29 @@
+/** @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/cjs/core-react/progress-indicators/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"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/cjs/core-react/progress-indicators/ProgressBar.js

@@ -0,0 +1,48 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Loading
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const LoadingBar_1 = require("../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.
+ */
+function ProgressBar(props) {
+    const percent = props.percent !== undefined ? (0, LoadingBar_1.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: (0, classnames_1.default)("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;
+}
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,sDAAuD;AAmBvD;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,2BAAc,EAAC,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,IAAA,oBAAU,EAAC,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;AA9BD,kCA8BC","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/cjs/core-react/progress-indicators/ProgressSpinner.d.ts

@@ -0,0 +1,49 @@
+/** @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/cjs/core-react/progress-indicators/ProgressSpinner.d.ts.map

@@ -0,0 +1 @@
+{"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"}