@terraware/web-components 3.9.0 → 3.9.2

package/components/Icon/icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type IconName = 'blobbyGrayIconImage' | 'blobbyGrayIconImport' | 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconCloudChecked' | 'blobbyIconExportOrUploadPhoto' | 'blobbyIconFolder' | 'blobbyIconGraphReport' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconParchment' | 'blobbyIconSeedBank' | 'blobbyIconSeedling' | 'blobbyIconSeeds' | 'blobbyIconSite' | 'blobbyIconSparkles' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretRight' | 'caretUp' | 'chargingBattery' | 'checklist' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconBusinessNetwork' | 'iconCoinInHand' | 'iconColumns' | 'iconComment' | 'iconDataMigration' | 'iconEdit' | 'iconExport' | 'iconExternalLink' | 'iconEye' | 'iconEyeOff' | 'iconFile' | 'iconFolder' | 'iconFullScreen' | 'iconGraphReport' | 'iconHelp' | 'iconHistory' | 'iconLivePlant' | 'iconImport' | 'iconIndex' | 'iconLayers' | 'iconLibrary' | 'iconList' | 'iconLocations' | 'iconMarker' | 'iconMenu' | 'iconMenuHorizontal' | 'iconModule' | 'iconMyLocation' | 'iconNursery' | 'iconParchment' | 'iconPhoto' | 'iconRedo' | 'iconRestorationSite' | 'iconSeedling' | 'iconSettings' | 'iconSlice' | 'iconSubmit' | 'iconSubtract' | 'iconSynced' | 'iconTrashCan' | 'iconTreasureMap' | 'iconUndo' | 'iconVariable' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'newOrganization' | 'note' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'successFilled' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
+export type IconName = 'blobbyGrayIconImage' | 'blobbyGrayIconImport' | 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconCloudChecked' | 'blobbyIconExportOrUploadPhoto' | 'blobbyIconFolder' | 'blobbyIconGraphReport' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconParchment' | 'blobbyIconSeedBank' | 'blobbyIconSeedling' | 'blobbyIconSeeds' | 'blobbyIconSite' | 'blobbyIconSparkles' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretRight' | 'caretUp' | 'chargingBattery' | 'checklist' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'downloadFromTheCloud' | 'edit' | 'error' | 'expand' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconBusinessNetwork' | 'iconCoinInHand' | 'iconColumns' | 'iconComment' | 'iconDataMigration' | 'iconEdit' | 'iconExport' | 'iconExternalLink' | 'iconEye' | 'iconEyeOff' | 'iconFile' | 'iconFolder' | 'iconFullScreen' | 'iconGraphReport' | 'iconHelp' | 'iconHistory' | 'iconLivePlant' | 'iconImport' | 'iconIndex' | 'iconLayers' | 'iconLibrary' | 'iconList' | 'iconLocations' | 'iconMarker' | 'iconMenu' | 'iconMenuHorizontal' | 'iconModule' | 'iconMyLocation' | 'iconNursery' | 'iconParchment' | 'iconPhoto' | 'iconRedo' | 'iconRestorationSite' | 'iconSeedling' | 'iconSettings' | 'iconSlice' | 'iconSubmit' | 'iconSubtract' | 'iconSynced' | 'iconTrashCan' | 'iconTreasureMap' | 'iconUndo' | 'iconVariable' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'newOrganization' | 'note' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'successFilled' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
 type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;

package/components/Icon/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0H1B,MAAM,MAAM,QAAQ,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,gCAAgC,GAChC,wBAAwB,GACxB,+BAA+B,GAC/B,kBAAkB,GAClB,uBAAuB,GACvB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,GACpB,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,oBAAoB,GACpB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,qBAAqB,GACrB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,eAAe,GACf,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,aAAa,GACb,UAAU,GACV,eAAe,GACf,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,GACV,qBAAqB,GACrB,cAAc,GACd,cAAc,GACd,WAAW,GACX,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,MAAM,GACN,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,eAAe,GACf,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAsHzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0H1B,MAAM,MAAM,QAAQ,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,gCAAgC,GAChC,wBAAwB,GACxB,+BAA+B,GAC/B,kBAAkB,GAClB,uBAAuB,GACvB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,qBAAqB,GACrB,oBAAoB,GACpB,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,oBAAoB,GACpB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,qBAAqB,GACrB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,UAAU,GACV,YAAY,GACZ,kBAAkB,GAClB,SAAS,GACT,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,eAAe,GACf,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,aAAa,GACb,UAAU,GACV,eAAe,GACf,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,GACV,qBAAqB,GACrB,cAAc,GACd,cAAc,GACd,WAAW,GACX,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,cAAc,GACd,iBAAiB,GACjB,UAAU,GACV,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,MAAM,GACN,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,eAAe,GACf,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAwHzC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Icon/icons/index.js

@@ -54,7 +54,9 @@ 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 _IconDownloadFromTheCloud = _interopRequireDefault(require("../../svg/IconDownloadFromTheCloud"));
 var _IconEdit = _interopRequireDefault(require("../../svg/IconEdit"));
+var _IconExpand = _interopRequireDefault(require("../../svg/IconExpand"));
 var _IconExport = _interopRequireDefault(require("../../svg/IconExport"));
 var _IconExternalLink = _interopRequireDefault(require("../../svg/IconExternalLink"));
 var _IconEye = _interopRequireDefault(require("../../svg/IconEye"));
@@ -155,8 +157,10 @@ const icons = {
   close: _Close.default,
   critical: _Critical.default,
   dashboard: _IconDashboard.default,
+  downloadFromTheCloud: _IconDownloadFromTheCloud.default,
   edit: _Edit.default,
   error: _Error.default,
+  expand: _IconExpand.default,
   filter: _Filter.default,
   folder: _Folder.default,
   futures: _IconFutures.default,

package/components/Tabs/index.d.ts

@@ -14,7 +14,8 @@ export type TabsProps = {
     tabs: Tab[];
     tabStyle?: SxProps<Theme>;
     headerBorder?: boolean;
+    sx?: SxProps;
 };
-declare const Tabs: ({ activeTab, onChangeTab, tabs, tabStyle, headerBorder }: TabsProps) => JSX.Element;
+declare const Tabs: ({ activeTab, onChangeTab, tabs, tabStyle, headerBorder, sx }: TabsProps) => JSX.Element;
 export default Tabs;
 //# sourceMappingURL=index.d.ts.map

package/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAsB,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAI7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,IAAI,6DAAsE,SAAS,KAAG,WAgG3F,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAsB,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAC;AAI7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,iEAA0E,SAAS,KAAG,WAgG/F,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/Tabs/index.js

@@ -18,7 +18,8 @@ const Tabs = _ref => {
     onChangeTab,
     tabs,
     tabStyle,
-    headerBorder = false
+    headerBorder = false,
+    sx
   } = _ref;
   const [selectedTab, setSelectedTab] = (0, _react.useState)((_ref2 = activeTab !== null && activeTab !== void 0 ? activeTab : (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id) !== null && _ref2 !== void 0 ? _ref2 : '');
   const theme = (0, _material.useTheme)();
@@ -75,12 +76,14 @@ const Tabs = _ref => {
   }, [activeTab]);
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
-      width: '100%'
+      width: '100%',
+      ...sx
     }
   }, /*#__PURE__*/_react.default.createElement(_lab.TabContext, {
     value: selectedTab
   }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: tabHeaderProps
+    sx: tabHeaderProps,
+    className: "tab-header"
   }, /*#__PURE__*/_react.default.createElement(_lab.TabList, {
     onChange: (unused, value) => setTab(value),
     sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/stories/Tabs.stories.d.ts

@@ -2,7 +2,7 @@
 import { TabsProps } from '../components/Tabs';
 declare const _default: {
     title: string;
-    component: ({ activeTab, onChangeTab, tabs, tabStyle, headerBorder }: TabsProps) => JSX.Element;
+    component: ({ activeTab, onChangeTab, tabs, tabStyle, headerBorder, sx }: TabsProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TabsProps>;