@terraware/web-components 3.5.12-rc.7 → 3.5.12

package/components/ErrorBox/styles.scss

@@ -0,0 +1,63 @@
+@import '../../style-dictionary-dist/terraware.scss';
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
+}
+
+.error-box {
+  display: flex;
+  width: 60%;
+  margin-top: $tw-spc-base-xx-small;
+  background: $tw-clr-base-red-050;
+  padding: 16px;
+  margin: 0 auto;
+  border: 1px solid $tw-clr-icn-danger;
+  border-radius: 8px;
+  flex-direction: column;
+
+  &--container {
+    display: flex;
+    align-items: flex-start;
+  }
+
+  &.mobile {
+    width: 100%;
+  }
+}
+
+.error-text {
+  font-family: $tw-fnt-frm-fld-error-text-font-family;
+  font-size: $tw-fnt-base-font-size-body-02;
+  font-weight: $tw-fnt-frm-fld-error-text-font-weight;
+  line-height: $tw-fnt-frm-fld-error-text-line-height;
+  color: $tw-clr-txt;
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.error-title {
+  font-family: $tw-fnt-frm-fld-error-text-font-family;
+  font-size: $tw-fnt-base-font-size-body-02;
+  font-weight: $tw-fnt-base-headline-01-semi-bold-font-weight;
+  line-height: $tw-fnt-frm-fld-error-text-line-height;
+  color: $tw-clr-txt;
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-top: 0;
+}
+
+.button-container {
+  width: 100%;
+  text-align: right;
+  margin-top: 16px;
+}
+
+.error-icon {
+  fill: $tw-clr-txt-danger;
+  margin-right: $tw-spc-base-x-small;
+}

package/components/FileChooser/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FileChooser;
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _utils = require("../../utils");
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+function FileChooser(props) {
+  const {
+    acceptFileType,
+    chooseFileText,
+    files,
+    fileSelectedText,
+    iconName,
+    maxFiles,
+    multipleSelection,
+    onChoosingFiles,
+    replaceFileText,
+    selectedFile,
+    setFiles,
+    template,
+    uploadDescription,
+    uploadMobileDescription,
+    uploadText
+  } = props;
+  const {
+    isMobile
+  } = (0, _utils.useDeviceInfo)();
+  const inputRef = (0, _react.useRef)(null);
+  const theme = (0, _material.useTheme)();
+  const [editing, setEditing] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setEditing(!!selectedFile);
+  }, [selectedFile]);
+  const addFiles = fileList => {
+    const newFiles = [];
+    for (let i = 0; i < fileList.length; i++) {
+      const fileItem = fileList.item(i);
+      if (fileItem) {
+        newFiles.push(fileItem);
+      }
+    }
+    if (newFiles.length) {
+      setFiles([...(files !== null && files !== void 0 ? files : []), ...newFiles].slice(0, maxFiles));
+    }
+  };
+  const dropHandler = event => {
+    event.preventDefault();
+    addFiles(event.dataTransfer.files);
+  };
+  const enableDropping = event => {
+    event.preventDefault();
+  };
+  const onChooseFileHandler = () => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+    onChoosingFiles === null || onChoosingFiles === void 0 ? void 0 : onChoosingFiles();
+  };
+  const onFileChosen = event => {
+    if (editing) {
+      setEditing(false);
+    }
+    if (event.currentTarget.files) {
+      addFiles(event.currentTarget.files);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    onDrop: dropHandler,
+    onDragOver: enableDropping,
+    border: "1px dashed ".concat(theme.palette.TwClrBrdrTertiary),
+    borderRadius: theme.spacing(2),
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: theme.spacing(3),
+    sx: {
+      background: theme.palette.TwClrBg
+    }
+  }, iconName && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: iconName,
+    size: "xlarge",
+    style: {
+      height: '120px',
+      width: '120px'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    color: theme.palette.TwClrTxt,
+    fontSize: 14,
+    fontWeight: 600,
+    margin: theme.spacing(0, 0, 1)
+  }, !editing && ((files || []).length > 0 && !multipleSelection ? files === null || files === void 0 ? void 0 : files[0].name : uploadText)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    color: theme.palette.TwClrTxt,
+    fontSize: 12,
+    fontWeight: 400,
+    margin: 0
+  }, (editing || (files || []).length > 0) && !multipleSelection ? fileSelectedText : isMobile && uploadMobileDescription ? uploadMobileDescription : uploadDescription), /*#__PURE__*/_react.default.createElement("input", {
+    type: "file",
+    ref: inputRef,
+    onChange: onFileChosen,
+    accept: acceptFileType,
+    multiple: multipleSelection || false,
+    value: '',
+    style: {
+      display: 'none'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onChooseFileHandler,
+    disabled: maxFiles !== undefined ? (files || []).length >= maxFiles : false,
+    label: !multipleSelection && ((files || []).length === 1 || editing) ? replaceFileText : chooseFileText,
+    priority: "secondary",
+    type: "passive",
+    sx: {
+      marginTop: theme.spacing(3)
+    }
+  }), template && /*#__PURE__*/_react.default.createElement(_material.Link, {
+    href: template.url,
+    target: "_blank",
+    sx: {
+      color: theme.palette.TwClrTxtBrand,
+      fontFamily: 'Inter',
+      fontSize: '12px',
+      fontWeight: 500,
+      lineHeight: '16px',
+      marginTop: theme.spacing(2),
+      textDecoration: 'none',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    }
+  }, template.text));
+}

package/components/FormBottomBar/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FormBottomBar;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _useDeviceInfo = _interopRequireDefault(require("../../utils/useDeviceInfo"));
+var _Button = _interopRequireDefault(require("../Button/Button"));
+const defaultDesktopOffset = '200px';
+function FormBottomBar(_ref) {
+  let {
+    cancelID,
+    saveID,
+    onCancel,
+    cancelButtonText,
+    saveButtonText,
+    saveDisabled,
+    onSave,
+    additionalRightButtons,
+    desktopOffset
+  } = _ref;
+  const {
+    isMobile,
+    isDesktop
+  } = (0, _useDeviceInfo.default)();
+  const theme = (0, _material.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_material.AppBar, {
+    position: "fixed",
+    color: "primary",
+    style: {
+      top: 'auto',
+      bottom: 0,
+      right: 'auto',
+      left: isDesktop ? 'auto' : 0
+    },
+    sx: {
+      background: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray025, "00,") + "".concat(theme.palette.TwClrBaseGray025, "80, ").concat(theme.palette.TwClrBaseGray025, "80,") + "".concat(theme.palette.TwClrBaseGray025, "00)"),
+      backdropFilter: 'blur(16px)',
+      borderTop: '1px solid',
+      borderImage: "linear-gradient(to right, ".concat(theme.palette.TwClrBaseGray300, "00,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "FF,") + "".concat(theme.palette.TwClrBaseGray300, "FF, ").concat(theme.palette.TwClrBaseGray300, "00) 1"),
+      boxShadow: 'none',
+      justifyContent: 'space-between',
+      display: 'flex',
+      flexDirection: isMobile ? 'column-reverse' : 'row',
+      padding: isDesktop ? '16px 24px' : "16px 24px ".concat(theme.spacing(5)),
+      width: isDesktop ? "calc(100% - ".concat(desktopOffset || defaultDesktopOffset, ")") : '100%',
+      zIndex: 1000
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: cancelID || 'cancelBottomBar',
+    size: "medium",
+    label: cancelButtonText,
+    onClick: onCancel,
+    priority: "secondary",
+    type: "passive",
+    style: {
+      marginTop: isMobile ? theme.spacing(1) : 'auto',
+      marginRight: theme.spacing(1)
+    }
+  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: isMobile ? 'column-reverse' : 'row'
+    }
+  }, additionalRightButtons && additionalRightButtons.map(btn => /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: btn.id,
+    key: btn.id,
+    priority: btn.buttonPriority,
+    type: btn.buttonType,
+    size: "medium",
+    label: btn.text,
+    onClick: btn.onClick,
+    disabled: btn.disabled,
+    style: {
+      marginTop: isMobile ? theme.spacing(1) : 'auto'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: saveID || 'saveBottomBar',
+    size: "medium",
+    label: saveButtonText,
+    onClick: onSave,
+    disabled: saveDisabled,
+    style: {
+      marginTop: isMobile ? theme.spacing(1) : 'auto'
+    }
+  })));
+}

package/components/Icon/Icon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Icon;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("./icons"));
+require("./styles.scss");
+function Icon(_ref) {
+  let {
+    size = 'small',
+    name,
+    className,
+    fillColor,
+    style
+  } = _ref;
+  const SVGComponent = _icons.default[name];
+  return /*#__PURE__*/_react.default.createElement(SVGComponent, {
+    className: "tw-icon tw-icon--".concat(size, " ").concat(className !== null && className !== void 0 ? className : ''),
+    fill: fillColor,
+    style: style
+  });
+}

package/components/Icon/icons/index.js

@@ -0,0 +1,241 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _BlobbyGrayIconImage = _interopRequireDefault(require("../../svg/BlobbyGrayIconImage"));
+var _BlobbyGrayIconImport = _interopRequireDefault(require("../../svg/BlobbyGrayIconImport"));
+var _BlobbyGrayIconUploadToTheCloud = _interopRequireDefault(require("../../svg/BlobbyGrayIconUploadToTheCloud"));
+var _BlobbyIconCloudChecked = _interopRequireDefault(require("../../svg/BlobbyIconCloudChecked"));
+var _BlobbyIconExportOrUploadPhoto = _interopRequireDefault(require("../../svg/BlobbyIconExportOrUploadPhoto"));
+var _BlobbyIconFolder = _interopRequireDefault(require("../../svg/BlobbyIconFolder"));
+var _BlobbyIconGraphReport = _interopRequireDefault(require("../../svg/BlobbyIconGraphReport"));
+var _BlobbyIconHappy = _interopRequireDefault(require("../../svg/BlobbyIconHappy"));
+var _BlobbyIconHeartMonitor = _interopRequireDefault(require("../../svg/BlobbyIconHeartMonitor"));
+var _BlobbyIconLeaf = _interopRequireDefault(require("../../svg/BlobbyIconLeaf"));
+var _BlobbyIconLibrary = _interopRequireDefault(require("../../svg/BlobbyIconLibrary"));
+var _BlobbyIconNursery = _interopRequireDefault(require("../../svg/BlobbyIconNursery"));
+var _BlobbyIconOrganization = _interopRequireDefault(require("../../svg/BlobbyIconOrganization"));
+var _BlobbyIconParchment = _interopRequireDefault(require("../../svg/BlobbyIconParchment"));
+var _BlobbyIconPeople = _interopRequireDefault(require("../../svg/BlobbyIconPeople"));
+var _BlobbyIconSeedBank = _interopRequireDefault(require("../../svg/BlobbyIconSeedBank"));
+var _BlobbyIconSeedling = _interopRequireDefault(require("../../svg/BlobbyIconSeedling"));
+var _BlobbyIconSeeds = _interopRequireDefault(require("../../svg/BlobbyIconSeeds"));
+var _BlobbyIconSite = _interopRequireDefault(require("../../svg/BlobbyIconSite"));
+var _BlobbyIconSparkles = _interopRequireDefault(require("../../svg/BlobbyIconSparkles"));
+var _BlobbyIconWrench = _interopRequireDefault(require("../../svg/BlobbyIconWrench"));
+var _Bug = _interopRequireDefault(require("../../svg/Bug"));
+var _Calendar = _interopRequireDefault(require("../../svg/Calendar"));
+var _CaretDown = _interopRequireDefault(require("../../svg/CaretDown"));
+var _CaretLeft = _interopRequireDefault(require("../../svg/CaretLeft"));
+var _CaretRight = _interopRequireDefault(require("../../svg/CaretRight"));
+var _CaretUp = _interopRequireDefault(require("../../svg/CaretUp"));
+var _ChevronDown = _interopRequireDefault(require("../../svg/ChevronDown"));
+var _ChevronUp = _interopRequireDefault(require("../../svg/ChevronUp"));
+var _Close = _interopRequireDefault(require("../../svg/Close"));
+var _Critical = _interopRequireDefault(require("../../svg/Critical"));
+var _Edit = _interopRequireDefault(require("../../svg/Edit"));
+var _Error = _interopRequireDefault(require("../../svg/Error"));
+var _Filter = _interopRequireDefault(require("../../svg/Filter"));
+var _Folder = _interopRequireDefault(require("../../svg/Folder"));
+var _Help = _interopRequireDefault(require("../../svg/Help"));
+var _Home = _interopRequireDefault(require("../../svg/Home"));
+var _IconAdd = _interopRequireDefault(require("../../svg/IconAdd"));
+var _IconArrowRight = _interopRequireDefault(require("../../svg/IconArrowRight"));
+var _IconBusinessNetwork = _interopRequireDefault(require("../../svg/IconBusinessNetwork"));
+var _IconCancel = _interopRequireDefault(require("../../svg/IconCancel"));
+var _IconChargingBattery = _interopRequireDefault(require("../../svg/IconChargingBattery"));
+var _IconCheckmark = _interopRequireDefault(require("../../svg/IconCheckmark"));
+var _IconCoinInHand = _interopRequireDefault(require("../../svg/IconCoinInHand"));
+var _IconColumns = _interopRequireDefault(require("../../svg/IconColumns"));
+var _IconComment = _interopRequireDefault(require("../../svg/IconComment"));
+var _IconDashboard = _interopRequireDefault(require("../../svg/IconDashboard"));
+var _IconDataMigration = _interopRequireDefault(require("../../svg/IconDataMigration"));
+var _IconEdit = _interopRequireDefault(require("../../svg/IconEdit"));
+var _IconExport = _interopRequireDefault(require("../../svg/IconExport"));
+var _IconExternalLink = _interopRequireDefault(require("../../svg/IconExternalLink"));
+var _IconEye = _interopRequireDefault(require("../../svg/IconEye"));
+var _IconEyeOff = _interopRequireDefault(require("../../svg/IconEyeOff"));
+var _IconFile = _interopRequireDefault(require("../../svg/IconFile"));
+var _IconFolder = _interopRequireDefault(require("../../svg/IconFolder"));
+var _IconFullScreen = _interopRequireDefault(require("../../svg/IconFullScreen"));
+var _IconFutures = _interopRequireDefault(require("../../svg/IconFutures"));
+var _IconGraphReport = _interopRequireDefault(require("../../svg/IconGraphReport"));
+var _IconHeartMonitor = _interopRequireDefault(require("../../svg/IconHeartMonitor"));
+var _IconHelp = _interopRequireDefault(require("../../svg/IconHelp"));
+var _IconHistory = _interopRequireDefault(require("../../svg/IconHistory"));
+var _IconImport = _interopRequireDefault(require("../../svg/IconImport"));
+var _IconIndex = _interopRequireDefault(require("../../svg/IconIndex"));
+var _IconLayers = _interopRequireDefault(require("../../svg/IconLayers"));
+var _IconLibrary = _interopRequireDefault(require("../../svg/IconLibrary"));
+var _IconList = _interopRequireDefault(require("../../svg/IconList"));
+var _IconLivePlant = _interopRequireDefault(require("../../svg/IconLivePlant"));
+var _IconLocations = _interopRequireDefault(require("../../svg/IconLocations"));
+var _IconMail = _interopRequireDefault(require("../../svg/IconMail"));
+var _IconManager = _interopRequireDefault(require("../../svg/IconManager"));
+var _IconMarker = _interopRequireDefault(require("../../svg/IconMarker"));
+var _IconMenu = _interopRequireDefault(require("../../svg/IconMenu"));
+var _IconMenuHorizontal = _interopRequireDefault(require("../../svg/IconMenuHorizontal"));
+var _IconModule = _interopRequireDefault(require("../../svg/IconModule"));
+var _IconMyLocation = _interopRequireDefault(require("../../svg/IconMyLocation"));
+var _IconNote = _interopRequireDefault(require("../../svg/IconNote"));
+var _IconNursery = _interopRequireDefault(require("../../svg/IconNursery"));
+var _IconOrg = _interopRequireDefault(require("../../svg/IconOrg"));
+var _IconParchment = _interopRequireDefault(require("../../svg/IconParchment"));
+var _IconPhoto = _interopRequireDefault(require("../../svg/IconPhoto"));
+var _IconRedo = _interopRequireDefault(require("../../svg/IconRedo"));
+var _IconRestorationSite = _interopRequireDefault(require("../../svg/IconRestorationSite"));
+var _IconSeedBank = _interopRequireDefault(require("../../svg/IconSeedBank"));
+var _IconSeedling = _interopRequireDefault(require("../../svg/IconSeedling"));
+var _IconSettings = _interopRequireDefault(require("../../svg/IconSettings"));
+var _IconSlice = _interopRequireDefault(require("../../svg/IconSlice"));
+var _IconSubmit = _interopRequireDefault(require("../../svg/IconSubmit"));
+var _IconSubtract = _interopRequireDefault(require("../../svg/IconSubtract"));
+var _IconSynced = _interopRequireDefault(require("../../svg/IconSynced"));
+var _IconTrashCan = _interopRequireDefault(require("../../svg/IconTrashCan"));
+var _IconTreasureMap = _interopRequireDefault(require("../../svg/IconTreasureMap"));
+var _IconUndo = _interopRequireDefault(require("../../svg/IconUndo"));
+var _IconVariable = _interopRequireDefault(require("../../svg/IconVariable"));
+var _IconWifi = _interopRequireDefault(require("../../svg/IconWifi"));
+var _Info = _interopRequireDefault(require("../../svg/Info"));
+var _Key = _interopRequireDefault(require("../../svg/Key"));
+var _Leaf = _interopRequireDefault(require("../../svg/Leaf"));
+var _Lock = _interopRequireDefault(require("../../svg/Lock"));
+var _MenuVertical = _interopRequireDefault(require("../../svg/MenuVertical"));
+var _Notification = _interopRequireDefault(require("../../svg/Notification"));
+var _Person = _interopRequireDefault(require("../../svg/Person"));
+var _Plus = _interopRequireDefault(require("../../svg/Plus"));
+var _RestorationSite = _interopRequireDefault(require("../../svg/RestorationSite"));
+var _Search = _interopRequireDefault(require("../../svg/Search"));
+var _Seeds = _interopRequireDefault(require("../../svg/Seeds"));
+var _Sparkles = _interopRequireDefault(require("../../svg/Sparkles"));
+var _Species = _interopRequireDefault(require("../../svg/Species"));
+var _Species2 = _interopRequireDefault(require("../../svg/Species2"));
+var _Spinner = _interopRequireDefault(require("../../svg/Spinner"));
+var _Success = _interopRequireDefault(require("../../svg/Success"));
+var _SuccessFilled = _interopRequireDefault(require("../../svg/SuccessFilled"));
+var _Touchscreen = _interopRequireDefault(require("../../svg/Touchscreen"));
+var _UploadCloud = _interopRequireDefault(require("../../svg/UploadCloud"));
+var _Warning = _interopRequireDefault(require("../../svg/Warning"));
+var _WelcomeClipboard = _interopRequireDefault(require("../../svg/WelcomeClipboard"));
+const icons = {
+  blobbyGrayIconImage: _BlobbyGrayIconImage.default,
+  blobbyGrayIconImport: _BlobbyGrayIconImport.default,
+  blobbyGrayIconUploadToTheCloud: _BlobbyGrayIconUploadToTheCloud.default,
+  blobbyIconCloudChecked: _BlobbyIconCloudChecked.default,
+  blobbyIconExportOrUploadPhoto: _BlobbyIconExportOrUploadPhoto.default,
+  blobbyIconFolder: _BlobbyIconFolder.default,
+  blobbyIconGraphReport: _BlobbyIconGraphReport.default,
+  blobbyIconHappy: _BlobbyIconHappy.default,
+  blobbyIconLeaf: _BlobbyIconLeaf.default,
+  blobbyIconLibrary: _BlobbyIconLibrary.default,
+  blobbyIconNursery: _BlobbyIconNursery.default,
+  blobbyIconParchment: _BlobbyIconParchment.default,
+  blobbyIconSeedBank: _BlobbyIconSeedBank.default,
+  blobbyIconSeedling: _BlobbyIconSeedling.default,
+  blobbyIconSeeds: _BlobbyIconSeeds.default,
+  blobbyIconSite: _BlobbyIconSite.default,
+  blobbyIconSparkles: _BlobbyIconSparkles.default,
+  blobbyIconWrench: _BlobbyIconWrench.default,
+  bug: _Bug.default,
+  calendar: _Calendar.default,
+  cancel: _IconCancel.default,
+  caretDown: _CaretDown.default,
+  caretLeft: _CaretLeft.default,
+  caretRight: _CaretRight.default,
+  caretUp: _CaretUp.default,
+  chargingBattery: _IconChargingBattery.default,
+  checkmark: _IconCheckmark.default,
+  chevronDown: _ChevronDown.default,
+  chevronUp: _ChevronUp.default,
+  close: _Close.default,
+  critical: _Critical.default,
+  dashboard: _IconDashboard.default,
+  edit: _Edit.default,
+  error: _Error.default,
+  filter: _Filter.default,
+  folder: _Folder.default,
+  futures: _IconFutures.default,
+  help: _Help.default,
+  home: _Home.default,
+  iconAdd: _IconAdd.default,
+  iconArrowRight: _IconArrowRight.default,
+  iconBusinessNetwork: _IconBusinessNetwork.default,
+  iconCoinInHand: _IconCoinInHand.default,
+  iconColumns: _IconColumns.default,
+  iconComment: _IconComment.default,
+  iconDataMigration: _IconDataMigration.default,
+  iconEdit: _IconEdit.default,
+  iconExport: _IconExport.default,
+  iconExternalLink: _IconExternalLink.default,
+  iconEye: _IconEye.default,
+  iconEyeOff: _IconEyeOff.default,
+  iconFile: _IconFile.default,
+  iconFolder: _IconFolder.default,
+  iconFullScreen: _IconFullScreen.default,
+  iconGraphReport: _IconGraphReport.default,
+  iconHelp: _IconHelp.default,
+  iconHistory: _IconHistory.default,
+  iconImport: _IconImport.default,
+  iconIndex: _IconIndex.default,
+  iconLayers: _IconLayers.default,
+  iconLibrary: _IconLibrary.default,
+  iconList: _IconList.default,
+  iconLivePlant: _IconLivePlant.default,
+  iconLocations: _IconLocations.default,
+  iconMarker: _IconMarker.default,
+  iconMenu: _IconMenu.default,
+  iconMenuHorizontal: _IconMenuHorizontal.default,
+  iconModule: _IconModule.default,
+  iconMyLocation: _IconMyLocation.default,
+  iconNursery: _IconNursery.default,
+  iconParchment: _IconParchment.default,
+  iconPhoto: _IconPhoto.default,
+  iconRedo: _IconRedo.default,
+  iconRestorationSite: _IconRestorationSite.default,
+  iconSeedling: _IconSeedling.default,
+  iconSettings: _IconSettings.default,
+  iconSlice: _IconSlice.default,
+  iconSubmit: _IconSubmit.default,
+  iconSubtract: _IconSubtract.default,
+  iconSynced: _IconSynced.default,
+  iconTrashCan: _IconTrashCan.default,
+  iconTreasureMap: _IconTreasureMap.default,
+  iconUndo: _IconUndo.default,
+  iconVariable: _IconVariable.default,
+  info: _Info.default,
+  key: _Key.default,
+  leaf: _Leaf.default,
+  lock: _Lock.default,
+  mail: _IconMail.default,
+  menuVertical: _MenuVertical.default,
+  monitoring: _BlobbyIconHeartMonitor.default,
+  monitoringNav: _IconHeartMonitor.default,
+  newOrganization: _WelcomeClipboard.default,
+  note: _IconNote.default,
+  notification: _Notification.default,
+  organization: _BlobbyIconOrganization.default,
+  organizationNav: _IconOrg.default,
+  people: _BlobbyIconPeople.default,
+  peopleNav: _IconManager.default,
+  person: _Person.default,
+  plus: _Plus.default,
+  restorationSite: _RestorationSite.default,
+  search: _Search.default,
+  seedbank: _BlobbyIconSeedBank.default,
+  seedbankNav: _IconSeedBank.default,
+  seeds: _Seeds.default,
+  sparkles: _Sparkles.default,
+  species: _Species.default,
+  species2: _Species2.default,
+  spinner: _Spinner.default,
+  success: _Success.default,
+  successFilled: _SuccessFilled.default,
+  touchscreen: _Touchscreen.default,
+  uploadCloud: _UploadCloud.default,
+  warning: _Warning.default,
+  wifi: _IconWifi.default
+};
+var _default = exports.default = icons;

package/components/Icon/styles.scss

@@ -0,0 +1,41 @@
+@import '../../style-dictionary-dist/terraware.scss';
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
+}
+
+#spinner {
+  animation: Spin 1s infinite linear;
+}
+
+@keyframes Spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.tw-icon {
+  &--small {
+    width: $tw-sz-icon-small;
+    height: $tw-sz-icon-small;
+  }
+
+  &--medium {
+    width: $tw-sz-icon-medium;
+    height: $tw-sz-icon-medium;
+  }
+
+  &--large {
+    width: $tw-sz-icon-large;
+    height: $tw-sz-icon-large;
+  }
+
+  &--xlarge {
+    width: $tw-sz-icon-x-large;
+    height: $tw-sz-icon-x-large;
+  }
+}

package/components/IconTooltip/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = IconTooltip;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _utils = require("../../utils");
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+function IconTooltip(_ref) {
+  let {
+    iconName = 'info',
+    placement = 'top-start',
+    title,
+    disableRightMargin
+  } = _ref;
+  const [open, setOpen] = _react.default.useState(false);
+  const {
+    isMobile
+  } = (0, _utils.useDeviceInfo)();
+  const theme = (0, _material.useTheme)();
+  const handleTooltipClose = () => {
+    setOpen(false);
+  };
+  const handleTooltipOpen = () => {
+    setOpen(true);
+  };
+  return /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    arrow: true,
+    onClose: handleTooltipClose,
+    open: isMobile ? open : undefined,
+    placement: placement,
+    sx: {
+      maxWidth: isMobile ? '342px' : '464px',
+      '& .MuiTooltip-arrow': {
+        color: theme.palette.TwClrBaseGray800
+      },
+      '& .MuiTooltip-tooltip': {
+        backgroundColor: theme.palette.TwClrBaseGray800,
+        color: theme.palette.TwClrBaseWhite,
+        padding: '8px',
+        '& a': {
+          color: theme.palette.TwClrBaseWhite
+        }
+      }
+    },
+    title: title
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: handleTooltipOpen
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: iconName,
+    style: {
+      fill: theme.palette.TwClrIcnSecondary,
+      marginLeft: '4px',
+      marginRight: disableRightMargin ? '0px' : '4px',
+      verticalAlign: 'text-top'
+    }
+  })));
+}

package/components/Map/MapBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,EAAuB,aAAa,EAAS,MAAM,WAAW,CAAC;AACtE,OAAO,8BAA8B,CAAC;AAKtC,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,QAAQ,EAER,cAAc,EAEd,YAAY,EAEb,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WA2jBpC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"MapBox.d.ts","sourceRoot":"","sources":["../../../src/components/Map/MapBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,EAAuB,aAAa,EAAS,MAAM,WAAW,CAAC;AACtE,OAAO,8BAA8B,CAAC;AAMtC,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,QAAQ,EAER,cAAc,EAEd,YAAY,EAEb,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WA4jBpC,CAAC;AAEF,eAAe,MAAM,CAAC"}