text: import { HighContrastSelector, keyframes, noWrap, getGlobalClassNames } from '../../Styling';
  import { getRTL } from '../../Utilities';
  var GlobalClassNames = {
      root: 'ms-ProgressIndicator',
      itemName: 'ms-ProgressIndicator-itemName',
      itemDescription: 'ms-ProgressIndicator-itemDescription',
      itemProgress: 'ms-ProgressIndicator-itemProgress',
      progressTrack: 'ms-ProgressIndicator-progressTrack',
      progressBar: 'ms-ProgressIndicator-progressBar'
  };
  var IndeterminateProgress = keyframes({
      '0%': {
          left: '-30%'
      },
      '100%': {
          left: '100%'
      }
  });
  var IndeterminateProgressRTL = keyframes({
      '100%': {
          right: '-30%'
      },
      '0%': {
          right: '100%'
      }
  });
  export var getStyles = function (props) {
      var _a, _b;
      var isRTL = getRTL();
      var className = props.className, indeterminate = props.indeterminate, theme = props.theme, _c = props.barHeight, barHeight = _c === void 0 ? 2 : _c;
      var palette = theme.palette, semanticColors = theme.semanticColors, fonts = theme.fonts;
      var classNames = getGlobalClassNames(GlobalClassNames, theme);
      var marginBetweenText = 8;
      var textHeight = 18;
      var progressTrackColor = palette.neutralLight;
      return {
          root: [classNames.root, fonts.medium, className],
          itemName: [
              classNames.itemName,
              noWrap,
              {
                  color: semanticColors.bodyText,
                  paddingTop: marginBetweenText / 2,
                  lineHeight: textHeight + 2
              }
          ],
          itemDescription: [
              classNames.itemDescription,
              {
                  color: semanticColors.bodySubtext,
                  fontSize: fonts.small.fontSize,
                  lineHeight: textHeight
              }
          ],
          itemProgress: [
              classNames.itemProgress,
              {
                  position: 'relative',
                  overflow: 'hidden',
                  height: barHeight,
                  padding: marginBetweenText + "px 0"
              }
          ],
          progressTrack: [
              classNames.progressTrack,
              {
                  position: 'absolute',
                  width: '100%',
                  height: barHeight,
                  backgroundColor: progressTrackColor,
                  selectors: (_a = {},
                      _a[HighContrastSelector] = {
                          borderBottom: '1px solid WindowText'
                      },
                      _a)
              }
          ],
          progressBar: [
              {
                  backgroundColor: palette.themePrimary,
                  height: barHeight,
                  position: 'absolute',
                  transition: 'width .3s ease',
                  width: 0,
                  selectors: (_b = {},
                      _b[HighContrastSelector] = {
                          backgroundColor: 'WindowText'
                      },
                      _b)
              },
              indeterminate
                  ? {
                      position: 'absolute',
                      minWidth: '33%',
                      background: "linear-gradient(to right, " + progressTrackColor + " 0%, " + palette.themePrimary + " 50%, " + progressTrackColor + " 100%)",
                      animation: (isRTL ? IndeterminateProgressRTL : IndeterminateProgress) + " 3s infinite"
                  }
                  : {
                      transition: 'width .15s linear'
                  },
              classNames.progressBar
          ]
      };
  };
  //# sourceMappingURL=ProgressIndicator.styles.js.map