@pingux/astro 1.1.0-alpha.8 → 1.1.1-alpha.1

package/lib/cjs/components/FileInputField/FileInputField.test.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _react2 = require("@testing-library/react");
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _FileInputField = _interopRequireDefault(require("./FileInputField"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _react3 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var fileInputFieldTestId = 'file-input-test-id';
-var testLabel = 'file-input-test-label';
-var fileSelectTestIdButton = 'file-input-field__file-select';
-var fileUploadedDeleteIconTestId = 'file-uploaded__delete-file-button';
-var fileUploadedFileIconErrorTestId = 'file-uploaded__file-icon--is-error';
-var fileUploadedDownloadTestId = 'file-uploaded__download-file-button';
-var fileUploadedDownloadLinkTestId = 'file-uploaded__download-link';
-var loaderTestId = 'file-input-field__loader';
-var testFileURL = 'test-file-url';
-var testFileId = 'test-file-id-1';
-var testFileName = 'chucknorris.png';
-var testFileName2 = 'chucknorris222.png';
-var testFile = new File(['(⌐□_□)'], testFileName, {
-  type: 'image/png'
-});
-var testFile2 = new File(['(⌐□_□)'], testFileName2, {
-  type: 'image/png'
-});
-var testFileObject = {
-  id: testFileId,
-  name: testFileName,
-  downloadLink: testFileURL
-};
-var originalValue = global.URL.createObjectURL;
-var defaultProps = {
-  'data-testid': fileInputFieldTestId,
-  label: testLabel
-};
-beforeAll(function () {
-  global.URL.createObjectURL = jest.fn(function () {
-    return testFileURL;
-  });
-});
-afterAll(function () {
-  global.URL.createObjectURL = originalValue;
-});
-
-var getComponent = function getComponent(props) {
-  return (0, _react2.render)((0, _react3.jsx)(_FileInputField["default"], (0, _extends2["default"])({}, defaultProps, props)));
-};
-
-(0, _testAxe["default"])(getComponent);
-test('should render file input field component by default', function () {
-  getComponent();
-
-  var fileUploadField = _react2.screen.getByTestId(fileInputFieldTestId);
-
-  expect(fileUploadField).toBeInstanceOf(HTMLDivElement);
-  expect(fileUploadField).toBeInTheDocument();
-});
-test('should render files if they are passed as default', function () {
-  getComponent({
-    defaultFileList: [testFileObject]
-  });
-  expect(_react2.screen.getByText(testFileName)).toBeInTheDocument();
-});
-test('should render files if they are passed as controlled prop', function () {
-  getComponent({
-    fileList: [testFileObject]
-  });
-  expect(_react2.screen.getByText(testFileName)).toBeInTheDocument();
-});
-test('should be able to display uploaded file', function () {
-  getComponent();
-
-  var fileUploadFieldInput = _react2.screen.getByLabelText(testLabel);
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileSelectTestIdButton));
-
-  _react2.fireEvent.change(fileUploadFieldInput, {
-    target: {
-      files: [testFile]
-    }
-  });
-
-  expect(_react2.screen.getByText(testFileName)).toBeInTheDocument();
-});
-test('should be able to add uploaded file if isMultiple true and file select always present', function () {
-  var testCustomButtonName = 'test Custom Button Name';
-  getComponent({
-    defaultFileList: [testFileObject],
-    defaultButtonText: testCustomButtonName,
-    isMultiple: true
-  });
-
-  var fileUploadFieldInput = _react2.screen.getByLabelText(testLabel);
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileSelectTestIdButton));
-
-  _react2.fireEvent.change(fileUploadFieldInput, {
-    target: {
-      files: [testFile2]
-    }
-  });
-
-  expect(_react2.screen.getByText(testFileName)).toBeInTheDocument();
-  expect(_react2.screen.getByText(testFileName2)).toBeInTheDocument();
-  expect(_react2.screen.getByText(testCustomButtonName)).toBeInTheDocument();
-});
-test('should call onFileSelect if file uploaded', function () {
-  var mockOnFileSelect = jest.fn();
-  getComponent({
-    onFileSelect: mockOnFileSelect
-  });
-
-  var fileUploadFieldInput = _react2.screen.getByLabelText(testLabel);
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileSelectTestIdButton));
-
-  _react2.fireEvent.change(fileUploadFieldInput, {
-    target: {
-      files: [testFile]
-    }
-  });
-
-  expect(mockOnFileSelect).toHaveBeenCalledTimes(1);
-});
-test('file should have download link as attribute', function () {
-  getComponent({
-    defaultFileList: [testFileObject]
-  });
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileUploadedDownloadTestId));
-
-  expect(_react2.screen.getByTestId(fileUploadedDownloadLinkTestId)).toHaveAttribute('href', testFileURL);
-});
-test('should remove file if trash icon clicked', function () {
-  getComponent({
-    defaultFileList: [testFileObject]
-  });
-  expect(_react2.screen.getByText(testFileName)).toBeInTheDocument();
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileUploadedDeleteIconTestId));
-
-  expect(_react2.screen.queryByText(testFileName)).not.toBeInTheDocument();
-});
-test('should call onRemove if trash icon clicked', function () {
-  var mockOnRemove = jest.fn();
-  getComponent({
-    defaultFileList: [{
-      id: testFileId,
-      name: 'test'
-    }],
-    onRemove: mockOnRemove
-  });
-
-  _userEvent["default"].click(_react2.screen.getByTestId(fileUploadedDeleteIconTestId));
-
-  expect(mockOnRemove).toHaveBeenCalledTimes(1);
-  expect(mockOnRemove).toHaveBeenCalledWith(expect.anything(), testFileId);
-});
-test('file select will have custom text if from props if provided', function () {
-  var mockTitle = 'test-title';
-  getComponent({
-    defaultButtonText: mockTitle
-  });
-  expect(_react2.screen.getByText(mockTitle)).toBeInTheDocument();
-});
-test('should render error border if appropriate state passed', function () {
-  getComponent({
-    status: _statuses["default"].ERROR
-  });
-  expect(_react2.screen.getByTestId(fileInputFieldTestId)).toHaveClass('is-error');
-});
-test('file uploaded should render red error icon', function () {
-  getComponent({
-    defaultFileList: [_objectSpread(_objectSpread({}, testFileObject), {}, {
-      status: _statuses["default"].ERROR
-    })]
-  });
-  expect(_react2.screen.getByTestId(fileUploadedFileIconErrorTestId)).toBeInTheDocument();
-});
-test('should display loader if appropriate prop is passed', function () {
-  getComponent({
-    isLoading: true
-  });
-  expect(_react2.screen.getByTestId(loaderTestId)).toBeInTheDocument();
-});
-test('should display helper text if passed', function () {
-  var testHelperText = 'testHelperText';
-  getComponent({
-    helperText: testHelperText
-  });
-  expect(_react2.screen.getByText(testHelperText)).toBeInTheDocument();
-});

package/lib/cjs/components/FileInputField/FileItem.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _InsertDriveFileIcon = _interopRequireDefault(require("mdi-react/InsertDriveFileIcon"));
-
-var _ErrorIcon = _interopRequireDefault(require("mdi-react/ErrorIcon"));
-
-var _DeleteIcon = _interopRequireDefault(require("mdi-react/DeleteIcon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _visuallyHidden = require("@react-aria/visually-hidden");
-
-var _index = require("../../index");
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _react2 = require("@emotion/react");
-
-var FileItem = function FileItem(props) {
-  var downloadLink = props.downloadLink,
-      handleFileDelete = props.handleFileDelete,
-      id = props.id,
-      isDisabled = props.isDisabled,
-      name = props.name,
-      status = props.status,
-      textProps = props.textProps;
-  var handleDeleteButtonPress = (0, _react.useCallback)(function (e) {
-    return handleFileDelete(e, id);
-  }, [id, handleFileDelete]);
-
-  var _useVisuallyHidden = (0, _visuallyHidden.useVisuallyHidden)(),
-      visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
-
-  var downloadRef = (0, _react.useRef)();
-  var getFileIconProps = (0, _react.useCallback)(function () {
-    switch (status) {
-      case _statuses["default"].ERROR:
-        return {
-          icon: _ErrorIcon["default"],
-          color: 'critical.dark',
-          'data-testid': 'file-uploaded__file-icon--is-error'
-        };
-
-      default:
-        return {
-          icon: _InsertDriveFileIcon["default"]
-        };
-    }
-  }, [status]);
-
-  var handleDownloadPress = function handleDownloadPress() {
-    downloadRef.current.click();
-  };
-
-  return (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    alignItems: "center",
-    mx: 15,
-    my: 5
-  }, (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
-    size: 15,
-    "data-testid": "file-uploaded__file-icon"
-  }, getFileIconProps(), {
-    isDisabled: isDisabled
-  })), (0, _react2.jsx)(_index.Button, {
-    variant: "fileInputField",
-    mx: 5,
-    isDisabled: isDisabled,
-    "aria-label": name,
-    "data-testid": "file-uploaded__download-file-button",
-    onPress: handleDownloadPress
-  }, (0, _react2.jsx)(_index.Text, (0, _extends2["default"])({
-    color: "active"
-  }, textProps), name)), (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Delete ".concat(name, " file icon"),
-    "data-testid": "file-uploaded__delete-file-button",
-    isDisabled: isDisabled,
-    onPress: handleDeleteButtonPress,
-    sx: {
-      alignSelf: 'auto'
-    }
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DeleteIcon["default"],
-    size: 15,
-    isDisabled: isDisabled
-  })), (0, _react2.jsx)("a", (0, _extends2["default"])({
-    href: downloadLink
-  }, visuallyHiddenProps, {
-    download: true,
-    ref: downloadRef,
-    "aria-label": "download",
-    "data-testid": "file-uploaded__download-link",
-    tabIndex: -1
-  })));
-};
-
-var _default = FileItem;
-exports["default"] = _default;
-FileItem.propTypes = {
-  downloadLink: _propTypes["default"].string,
-  handleFileDelete: _propTypes["default"].func,
-  id: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
-  textProps: _propTypes["default"].shape({})
-};

package/lib/cjs/components/FileInputField/FileSelect.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _index = require("../../index");
-
-var _react2 = require("@emotion/react");
-
-var FileSelect = function FileSelect(props) {
-  var buttonText = props.buttonText,
-      handleFileSelect = props.handleFileSelect,
-      isDisabled = props.isDisabled,
-      textProps = props.textProps;
-  return (0, _react2.jsx)(_index.Button, {
-    "aria-label": buttonText,
-    "data-testid": "file-input-field__file-select",
-    isDisabled: isDisabled,
-    mx: 15,
-    my: 5,
-    onPress: handleFileSelect,
-    variant: "fileInputField"
-  }, (0, _react2.jsx)(_index.Text, (0, _extends2["default"])({
-    color: "active"
-  }, textProps), buttonText));
-};
-
-var _default = FileSelect;
-exports["default"] = _default;
-FileSelect.propTypes = {
-  buttonText: _propTypes["default"].string,
-  handleFileSelect: _propTypes["default"].func,
-  isDisabled: _propTypes["default"].bool,
-  textProps: _propTypes["default"].shape({})
-};

package/lib/cjs/components/FileInputField/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _FileInputField["default"];
-  }
-});
-
-var _FileInputField = _interopRequireDefault(require("./FileInputField"));

package/lib/cjs/components/HelpHint/HelpHint.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _HelpIcon = _interopRequireDefault(require("mdi-react/HelpIcon"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-
-var _TooltipTrigger = _interopRequireWildcard(require("../TooltipTrigger"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _react2 = require("@emotion/react");
-
-var HelpHint = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-      tooltipProps = props.tooltipProps,
-      iconButtonProps = props.iconButtonProps,
-      others = (0, _objectWithoutProperties2["default"])(props, ["children", "tooltipProps", "iconButtonProps"]);
-  return (0, _react2.jsx)(_TooltipTrigger["default"], (0, _extends2["default"])({
-    ref: ref
-  }, others), (0, _react2.jsx)(_IconButton["default"], (0, _extends2["default"])({
-    variant: "helpHint",
-    "aria-label": "label help hint",
-    "data-testid": "help-hint__button"
-  }, iconButtonProps), (0, _react2.jsx)(_Icon["default"], {
-    icon: _HelpIcon["default"],
-    size: "11px"
-  })), (0, _react2.jsx)(_TooltipTrigger.Tooltip, tooltipProps, children));
-});
-HelpHint.propTypes = {
-  /** Props object that is spread directly into the tooltip element. */
-  tooltipProps: _propTypes["default"].shape({}),
-
-  /** Props object that is spread directly into the IconButton element. */
-  iconButtonProps: _propTypes["default"].shape({})
-};
-var _default = HelpHint;
-exports["default"] = _default;

package/lib/cjs/components/HelpHint/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HelpHint["default"];
-  }
-});
-
-var _HelpHint = _interopRequireDefault(require("./HelpHint"));

package/lib/cjs/components/Icon/Icon.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _react2 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-/**
- * Basic icon component.
- * Icons will fill the given container, which is '1em' x '1em' by default, and will maintain their
- * aspect ratio.
- * Use SVGR to import SVG files as React components and pass them into this component, and you can
- * use the theme to color the icon. But ensure you pass `dimensions: false` in webpack config
- * (see [SVGR docs](https://react-svgr.com/docs/options/#dimensions)).
- * Otherwise icon will not be resizable by `size` prop.
- * Icons can also be used from the [Material UI Icon Library](https://materialdesignicons.com/).
- * Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/) and uses the
- * available [props from Theme-UI](https://theme-ui.com/sx-prop).
-*/
-var Icon = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var color = props.color,
-      IconComponent = props.icon,
-      size = props.size,
-      sx = props.sx;
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    as: IconComponent,
-    ref: ref
-  }, props, {
-    sx: _objectSpread({
-      fill: color,
-      size: "".concat(size, "px"),
-      minWidth: size
-    }, sx)
-  }));
-});
-Icon.propTypes = {
-  /** The icon to render. */
-  icon: _propTypes["default"].elementType.isRequired,
-
-  /**
-   * The size of the icon container. If given a number value, it will be converted to pixels.
-   * Standard icon sizes are 15, 22, and 40.
-  */
-  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-
-  /** A theme-aware prop to set the icon's color. */
-  color: _propTypes["default"].string
-};
-Icon.defaultProps = {
-  size: 20
-};
-Icon.displayName = 'Icon';
-var _default = Icon;
-exports["default"] = _default;

package/lib/cjs/components/Icon/Icon.stories.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.SVGIcons = exports.Default = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _colors = require("../../styles/colors");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Icon',
-  component: _["default"],
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  },
-  argTypes: {
-    icon: {
-      control: {
-        type: 'none'
-      },
-      defaultValue: _SearchIcon["default"],
-      description: 'The icon to render. List of icons at https://materialdesignicons.com/'
-    },
-    size: {
-      control: {
-        type: 'text'
-      },
-      description: 'The size of the icon container. If given a number value, it will be converted to pixels. ' + 'Standard icon sizes are 15, 22, and 40. ' + 'Numeric value and/or paired with a unit. https://www.w3schools.com/cssref/css_units.asp'
-    },
-    color: {
-      control: {
-        type: 'select',
-        options: (0, _map["default"])(_colors.flatColorList).call(_colors.flatColorList, function (_ref) {
-          var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
-              colorName = _ref2[0];
-
-          return colorName;
-        })
-      },
-      defaultValue: 'active'
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args);
-};
-
-exports.Default = Default;
-
-var SVGIcons = function SVGIcons() {
-  // SVGR can used to convert .svg files to components instead of doing this manually
-  var SVGComponent = function SVGComponent(props) {
-    return (0, _react2.jsx)("svg", (0, _extends2["default"])({
-      viewBox: "0 0 24 24"
-    }, props), (0, _react2.jsx)("path", {
-      fill: "currentColor",
-      d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
-    }));
-  };
-
-  return (0, _react2.jsx)(_["default"], {
-    icon: SVGComponent,
-    color: "active",
-    size: 40
-  });
-};
-
-exports.SVGIcons = SVGIcons;