@terraware/web-components 2.0.17 → 2.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/Navbar/Navbar.d.ts +1 -0
  2. package/components/Navbar/Navbar.d.ts.map +1 -1
  3. package/components/Navbar/Navbar.js +3 -2
  4. package/components/Navbar/styles.scss +4 -0
  5. package/components/svg/BlobbyIconNursery.js +1 -1
  6. package/components/svg/BlobbyIconSeedBank.js +1 -1
  7. package/components/svg/BlobbyIconSite.js +1 -1
  8. package/components/svg/Edit.js +1 -1
  9. package/components/svg/UploadCloud.js +1 -1
  10. package/package.json +1 -1
  11. package/stories/Navbar.stories.d.ts +3 -1
  12. package/stories/Navbar.stories.d.ts.map +1 -1
package/components/Navbar/Navbar.d.ts CHANGED
@@ -3,6 +3,7 @@ import './styles.scss';
3
3
  export interface Props {
4
4
  children: ReactNode;
5
5
  setShowNavBar: React.Dispatch<React.SetStateAction<boolean>>;
6
+ backgroundTransparent?: boolean;
6
7
  }
7
8
  export default function Navbar(props: Props): JSX.Element;
8
9
  //# sourceMappingURL=Navbar.d.ts.map
package/components/Navbar/Navbar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,eAAe,CAAC;AAIvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC9D;AAmBD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBxD"}
1
+ {"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,eAAe,CAAC;AAIvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAmBD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiBxD"}
package/components/Navbar/Navbar.js CHANGED
@@ -38,14 +38,15 @@ var useStyles = (0, _styles.makeStyles)(function () {
38
38
 
39
39
  function Navbar(props) {
40
40
  var children = props.children,
41
- setShowNavBar = props.setShowNavBar;
41
+ setShowNavBar = props.setShowNavBar,
42
+ backgroundTransparent = props.backgroundTransparent;
42
43
 
43
44
  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
44
45
  isDesktop = _useDeviceInfo.isDesktop;
45
46
 
46
47
  var classes = useStyles();
47
48
  return /*#__PURE__*/_react.default.createElement("div", {
48
- className: "navbar"
49
+ className: 'navbar' + (backgroundTransparent ? ' transparent' : '')
49
50
  }, !isDesktop && /*#__PURE__*/_react.default.createElement("div", {
50
51
  className: classes.navBarTop
51
52
  }, /*#__PURE__*/_react.default.createElement("button", {
package/components/Navbar/styles.scss CHANGED
@@ -17,6 +17,10 @@
17
17
  padding-right: $tw-sz-base-small;
18
18
  padding-top: $tw-sz-base-small;
19
19
 
20
+ &.transparent {
21
+ background-color: transparent !important;
22
+ }
23
+
20
24
  .nav-section {
21
25
  padding: $tw-spc-base-x-small $tw-spc-base-small;
22
26
  .divider {
package/components/svg/BlobbyIconNursery.js CHANGED
@@ -82,7 +82,7 @@ var SvgBlobbyIconNursery = function SvgBlobbyIconNursery(_ref) {
82
82
  fillRule: "evenodd",
83
83
  clipRule: "evenodd",
84
84
  d: "m109.6 40.4 11.6 12.533c1.733 1.867 2.8 4.667 2.8 7.6v24.134c0 2.666-1.733 4.666-4 4.666H79.733c-2.133 0-3.733-2-3.733-4.666V60.533c0-2.933.933-5.733 2.4-7.6L88.933 40.4c.934-1.067 2.267-1.733 3.6-1.733h13.334v.133c1.333 0 2.666.533 3.733 1.6Zm-17.467 2.667c.134-.267.4-.4.534-.4h7.466l-8 8.666-1.466 1.6c-1.334 1.467-2.267 3.467-2.534 5.6h-7.866c.266-1.2.666-2.266 1.333-2.933l3.467-4.267 7.066-8.266ZM118.4 55.6l-11.6-12.533c-.133-.134-.4-.4-.8-.4s-.667.266-.8.4L93.733 55.6c-.666.8-1.2 1.733-1.466 2.933h27.6c-.267-1.2-.8-2.133-1.467-2.933Zm1.6 6.933V78H92V62.533h28ZM88 78V62.533h-8V78h8Zm4.133 7.333C92 85.2 92 84.933 92 84.667V82h28v2.667c0 .156-.046.312-.084.442-.026.091-.049.17-.049.224H92.133ZM80 82v2.667c0 .266 0 .533.133.666H88V82h-8Z",
85
- fill: "#0067C8"
85
+ fill: "#2C8658"
86
86
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
87
87
  id: "blobby-icon-nursery_svg__b",
88
88
  x1: 125.5,
package/components/svg/BlobbyIconSeedBank.js CHANGED
@@ -80,7 +80,7 @@ var SvgBlobbyIconSeedBank = function SvgBlobbyIconSeedBank(_ref) {
80
80
  fill: "#F0F4FF"
81
81
  }), /*#__PURE__*/React.createElement("path", {
82
82
  d: "M90 39.333c-4.898 0-9.155 3.11-12.057 7.662-2.903 4.55-4.61 10.642-4.61 17.338 0 6.696 1.707 12.788 4.61 17.339 2.902 4.55 7.16 7.661 12.057 7.661 1.385 0 2.74-.25 4.018-.716.094-.034.186-.075.274-.122 3.794 1.912 8.455 1.629 12.901-.167 5.026-2.03 9.958-5.99 13.768-11.4 3.799-5.398 5.932-11.32 6.219-16.691.286-5.372-1.349-10.38-5.362-13.206-2.824-1.987-6.25-2.536-9.8-1.979-2.87.45-5.819 1.635-8.596 3.357-1.282-2.472-2.66-4.66-4.664-6.3-2.195-1.794-5.093-2.776-8.758-2.776Zm0 4c3.002 0 4.76.673 6.227 1.873 1.444 1.18 2.646 3.048 3.921 5.575a35.356 35.356 0 0 0-6.442 6.959c-.558.791-.815 1.64-1.3 2.45-.697-3.132.591-5.08.591-5.08a2 2 0 1 0-3.328-2.22s-3.209 5.168-.125 11.337a2 2 0 0 0 .42.575c-1.362 3.26-2.312 6.526-2.477 9.628-.22 4.107.69 7.998 2.922 10.867-.137.007-.27.036-.41.036-3.202 0-6.278-2.039-8.684-5.812-2.406-3.773-3.982-9.181-3.982-15.188 0-6.006 1.576-11.414 3.982-15.187 2.406-3.773 5.482-5.813 8.685-5.813Zm24.958 5.57c.476.017.94.062 1.386.139 1.189.203 2.264.621 3.172 1.26 2.61 1.838 3.907 5.263 3.669 9.721s-2.089 9.763-5.495 14.602c-3.397 4.825-7.815 8.306-11.995 9.995-4.179 1.688-7.933 1.582-10.544-.255-2.61-1.838-3.907-5.264-3.67-9.722.239-4.458 2.09-9.762 5.496-14.601 2.039-2.897 4.411-5.297 6.874-7.11 3.773-2.774 7.775-4.14 11.107-4.028Zm.344 3.068a2 2 0 0 0-1.93 2.422s.566 3.05 0 5.88c-.283 1.416-.83 2.69-1.703 3.563-.873.873-2.086 1.497-4.336 1.497-3.386 0-5.99.989-7.721 2.633-1.731 1.645-2.495 3.783-2.784 5.742-.577 3.918.594 7.542.594 7.542a2.002 2.002 0 0 0 2.52 1.409 2.007 2.007 0 0 0 1.2-1.01 2 2 0 0 0 .103-1.566s-.866-3.043-.461-5.791c.202-1.375.682-2.57 1.583-3.425.901-.855 2.316-1.534 4.966-1.534 3.084 0 5.537-1.042 7.164-2.669 1.627-1.627 2.414-3.686 2.797-5.604.767-3.836 0-7.453 0-7.453a2.002 2.002 0 0 0-1.992-1.636Z",
83
- fill: "#0067C8"
83
+ fill: "#2C8658"
84
84
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
85
85
  id: "blobby-icon-seed-bank_svg__b",
86
86
  x1: 125.5,
package/components/svg/BlobbyIconSite.js CHANGED
@@ -83,7 +83,7 @@ var SvgBlobbyIconSite = function SvgBlobbyIconSite(_ref) {
83
83
  fill: "#F0F4FF"
84
84
  }), /*#__PURE__*/React.createElement("path", {
85
85
  d: "M99.999 40c-8.813 0-16 7.187-16 16 0 3.943 2.338 8.328 4.99 12.688 2.651 4.359 5.742 8.507 7.653 10.97 1.67 2.152 5.044 2.152 6.714 0 1.911-2.463 5.002-6.611 7.653-10.97 2.652-4.36 4.99-8.745 4.99-12.688 0-8.813-7.187-16-16-16Zm0 4c6.651 0 12 5.349 12 12 0 2.067-1.89 6.469-4.409 10.61-2.518 4.14-5.539 8.205-7.396 10.598-.133.171-.258.171-.39 0-1.857-2.393-4.878-6.458-7.396-10.599-2.519-4.14-4.409-8.542-4.409-10.609 0-6.651 5.349-12 12-12Zm0 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM83.632 73.333a4.671 4.671 0 0 0-4.266 2.771l-2.96 6.667a4.65 4.65 0 0 0 .348 4.437 4.654 4.654 0 0 0 3.914 2.125h38.659c1.585 0 3.05-.794 3.914-2.125a4.647 4.647 0 0 0 .352-4.437l-2.961-6.667a4.672 4.672 0 0 0-4.266-2.77h-4.341a118.882 118.882 0 0 1-2.766 4h7.107c.263 0 .503.154.61.395l2.96 6.667a.649.649 0 0 1-.049.635.648.648 0 0 1-.557.302H80.668a.652.652 0 0 1-.56-.304.651.651 0 0 1-.05-.633l2.964-6.667a.669.669 0 0 1 .61-.396h7.104a115.78 115.78 0 0 1-2.763-4h-4.341Z",
86
- fill: "#0067C8"
86
+ fill: "#2C8658"
87
87
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
88
88
  id: "blobby-icon-site_svg__b",
89
89
  x1: 125.5,
package/components/svg/Edit.js CHANGED
@@ -78,7 +78,7 @@ var SvgEdit = function SvgEdit(_ref) {
78
78
  fill: "#F0F4FF"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M115.25 35.784c-2.43 0-4.86.921-6.702 2.764L78.574 68.519a4.739 4.739 0 0 0-1.206 2.053L73.35 84.64a2.03 2.03 0 0 0 2.51 2.51l14.07-4.018a4.747 4.747 0 0 0 2.05-1.206l29.972-29.974c3.685-3.685 3.685-9.72 0-13.404a9.448 9.448 0 0 0-6.702-2.764Zm0 4.039c1.382 0 2.763.532 3.827 1.597h.003a5.386 5.386 0 0 1 0 7.66l-2.627 2.626-7.659-7.66 2.626-2.626a5.4 5.4 0 0 1 3.83-1.597Zm-9.328 7.096 7.659 7.66-24.475 24.475a.685.685 0 0 1-.294.172L78.259 82.24l3.015-10.556v-.002a.661.661 0 0 1 .172-.291l24.476-24.473Z",
81
- fill: "#0067C8"
81
+ fill: "#2C8658"
82
82
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
83
83
  id: "edit_svg__a",
84
84
  x1: 127.7,
package/components/svg/UploadCloud.js CHANGED
@@ -78,7 +78,7 @@ var SvgUploadCloud = function SvgUploadCloud(_ref) {
78
78
  fill: "#F0F4FF"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M99 42.542c-8.504 0-15.502 6.567-16.192 14.895h-.735c-6.347 0-11.51 5.164-11.51 11.51 0 6.348 5.163 11.511 11.51 11.511H94.26v-4.062H82.073c-4.107 0-7.448-3.34-7.448-7.448 0-4.107 3.34-7.448 7.448-7.448h2.708a2.03 2.03 0 0 0 2.031-2.031v-.677c0-6.72 5.469-12.188 12.188-12.188s12.187 5.468 12.187 12.188v.677a2.03 2.03 0 0 0 2.032 2.031h2.708c4.107 0 7.448 3.34 7.448 7.448 0 4.107-3.341 7.448-7.448 7.448H103.74v4.062h12.187c6.347 0 11.51-5.163 11.51-11.51 0-6.347-5.163-11.51-11.51-11.51h-.735c-.689-8.329-7.688-14.896-16.192-14.896Zm-.032 18.929a2.031 2.031 0 0 0-1.59.81l-5.908 5.908a2.032 2.032 0 1 0 2.872 2.872l2.627-2.626v15.409a2.033 2.033 0 0 0 3.916.786c.1-.25.15-.517.146-.786v-15.41l2.627 2.627a2.029 2.029 0 0 0 2.901.03 2.017 2.017 0 0 0 .595-1.457 2.02 2.02 0 0 0-.624-1.445l-5.919-5.92a2.033 2.033 0 0 0-1.643-.798Z",
81
- fill: "#0067C8"
81
+ fill: "#2C8658"
82
82
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
83
83
  id: "upload-cloud_svg__a",
84
84
  x1: 127.063,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "2.0.17",
3
+ "version": "2.0.19",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/stories/Navbar.stories.d.ts CHANGED
@@ -3,7 +3,9 @@ import Navbar, { Props as NavbarProps } from '../components/Navbar/Navbar';
3
3
  declare const _default: {
4
4
  title: string;
5
5
  component: typeof Navbar;
6
- argTypes: {};
6
+ argTypes: {
7
+ backgroundTransparent: boolean;
8
+ };
7
9
  };
8
10
  export default _default;
9
11
  export declare const Default: Story<NavbarProps>;
package/stories/Navbar.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAK3E,wBAIE;AA0CF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}
1
+ {"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;;;AAK3E,wBAME;AA0CF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}