0.2.0 - Mid migration

web/node_modules/@material-ui/core/StepIcon/StepIcon.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { StandardProps } from '..';
+
+export interface StepIconProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, StepIconClasskey, 'children'> {
+  /**
+   * Whether this step is active.
+   */
+  active?: boolean;
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed?: boolean;
+  /**
+   * Mark the step as failed.
+   */
+  error?: boolean;
+  /**
+   * The label displayed in the step icon.
+   */
+  icon: React.ReactNode;
+}
+
+export type StepIconClasskey = 'root' | 'text' | 'active' | 'completed' | 'error';
+
+/**
+ *
+ * Demos:
+ *
+ * - [Steppers](https://material-ui.com/components/steppers/)
+ *
+ * API:
+ *
+ * - [StepIcon API](https://material-ui.com/api/step-icon/)
+ */
+export default function StepIcon(props: StepIconProps): JSX.Element;

web/node_modules/@material-ui/core/StepIcon/StepIcon.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _CheckCircle = _interopRequireDefault(require("../internal/svg-icons/CheckCircle"));
+
+var _Warning = _interopRequireDefault(require("../internal/svg-icons/Warning"));
+
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+
+var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
+
+var styles = function styles(theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: {
+      display: 'block',
+      color: theme.palette.text.disabled,
+      '&$completed': {
+        color: theme.palette.primary.main
+      },
+      '&$active': {
+        color: theme.palette.primary.main
+      },
+      '&$error': {
+        color: theme.palette.error.main
+      }
+    },
+
+    /* Styles applied to the SVG text element. */
+    text: {
+      fill: theme.palette.primary.contrastText,
+      fontSize: theme.typography.caption.fontSize,
+      fontFamily: theme.typography.fontFamily
+    },
+
+    /* Pseudo-class applied to the root element if `active={true}`. */
+    active: {},
+
+    /* Pseudo-class applied to the root element if `completed={true}`. */
+    completed: {},
+
+    /* Pseudo-class applied to the root element if `error={true}`. */
+    error: {}
+  };
+};
+
+exports.styles = styles;
+
+var _ref = /*#__PURE__*/React.createElement("circle", {
+  cx: "12",
+  cy: "12",
+  r: "12"
+});
+
+var StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(props, ref) {
+  var _props$completed = props.completed,
+      completed = _props$completed === void 0 ? false : _props$completed,
+      icon = props.icon,
+      _props$active = props.active,
+      active = _props$active === void 0 ? false : _props$active,
+      _props$error = props.error,
+      error = _props$error === void 0 ? false : _props$error,
+      classes = props.classes;
+
+  if (typeof icon === 'number' || typeof icon === 'string') {
+    var className = (0, _clsx.default)(classes.root, active && classes.active, error && classes.error, completed && classes.completed);
+
+    if (error) {
+      return /*#__PURE__*/React.createElement(_Warning.default, {
+        className: className,
+        ref: ref
+      });
+    }
+
+    if (completed) {
+      return /*#__PURE__*/React.createElement(_CheckCircle.default, {
+        className: className,
+        ref: ref
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(_SvgIcon.default, {
+      className: className,
+      ref: ref
+    }, _ref, /*#__PURE__*/React.createElement("text", {
+      className: classes.text,
+      x: "12",
+      y: "16",
+      textAnchor: "middle"
+    }, icon));
+  }
+
+  return icon;
+});
+process.env.NODE_ENV !== "production" ? StepIcon.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+
+  /**
+   * Whether this step is active.
+   */
+  active: _propTypes.default.bool,
+
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed: _propTypes.default.bool,
+
+  /**
+   * Mark the step as failed.
+   */
+  error: _propTypes.default.bool,
+
+  /**
+   * The label displayed in the step icon.
+   */
+  icon: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _withStyles.default)(styles, {
+  name: 'MuiStepIcon'
+})(StepIcon);
+
+exports.default = _default;

web/node_modules/@material-ui/core/StepIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './StepIcon';
+export * from './StepIcon';

web/node_modules/@material-ui/core/StepIcon/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _StepIcon.default;
+  }
+});
+
+var _StepIcon = _interopRequireDefault(require("./StepIcon"));

web/node_modules/@material-ui/core/StepIcon/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../esm/StepIcon/index.js",
+  "typings": "./index.d.ts"
+}