@bitrise/bitkit 10.32.2 → 10.33.0-alpha-chakra.2

package/src/Old/Progress/ProgressBar.css

@@ -1,36 +0,0 @@
-@keyframes ProgressBarStripes {
-  from { background-position-x: calc(var(--ProgressBar--height) * 2); }
-}
-
-.ProgressBar {
-  position: relative;
-  overflow: hidden;
-}
-
-.ProgressBar--striped {
-  background-image:
-    linear-gradient(-45deg,
-    var(--ProgressBar--stripe-color) 25%,
-    transparent 25%,
-    transparent 50%,
-    var(--ProgressBar--stripe-color) 50%,
-    var(--ProgressBar--stripe-color) 75%,
-    transparent 75%,
-    transparent
-  );
-  background-size: calc(var(--ProgressBar--height) * 2) calc(var(--ProgressBar--height) * 2);
-  animation-name: ProgressBarStripes;
-  animation-duration: var(--transition-duration--slow);
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-
-.ProgressBar__progress {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  transition-property: width;
-  transition-duration: var(--transition-duration--slow);
-  transition-timing-function: var(--transition-timing-function);
-}

package/src/Old/Progress/ProgressBar.tsx

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import { colorMap } from '../variables';
-import Base, { newToOld, Props as BaseProps, TypeColors } from '../Base/Base';
-import './ProgressBar.css';
-
-export interface Props extends BaseProps {
-  /** The color that is applied to the track */
-  backgroundColor?: TypeColors;
-  /** The color that is applied to the progressing bar  */
-  foregroundColor: TypeColors;
-  /** The height of the bar */
-  height: string;
-  /** A number between 0 and 1 that represents the progress to display */
-  progress: number;
-  /** Color of the stripes on the track */
-  stripeColor?: TypeColors;
-}
-
-/**
- * A determinate progress indicatior
- */
-const ProgressBar: React.FunctionComponent<Props> = (props: Props) => {
-  const { borderRadius, foregroundColor, height, progress, stripeColor, ...rest } = props;
-
-  const classes = classnames('ProgressBar', {
-    'ProgressBar--striped': stripeColor,
-  });
-
-  const progressClamped = React.useMemo(() => Math.max(0, Math.min(progress * 100, 100)), [progress]);
-
-  return (
-    <Base
-      {...rest}
-      borderRadius={borderRadius}
-      className={classes}
-      height={height}
-      style={{
-        '--ProgressBar--height': height,
-        '--ProgressBar--stripe-color': stripeColor ? colorMap[newToOld[stripeColor]] : '',
-      }}
-    >
-      <Base
-        backgroundColor={foregroundColor}
-        borderRadius={borderRadius}
-        className="ProgressBar__progress"
-        width={`${progressClamped}%`}
-      />
-    </Base>
-  );
-};
-
-export default ProgressBar;