@terraware/web-components 2.0.16 → 2.0.18

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.
@@ -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
@@ -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"}
@@ -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", {
@@ -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 {
@@ -33,7 +33,7 @@ var SvgBlobbyGrayIconUploadToTheCloud = function SvgBlobbyGrayIconUploadToTheClo
33
33
  fill: "#F2F4F5"
34
34
  }), /*#__PURE__*/React.createElement("path", {
35
35
  d: "M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333c0 6.25 5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86c1.105 0 2-.895 2-2v-.667c0-6.616 5.384-12 12-12s12 5.384 12 12V62a2 2 0 0 0 2 2h2.667c4.044 0 7.333 3.29 7.333 7.333 0 4.044-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334S122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667Zm-.031 18.638a2.001 2.001 0 0 0-1.565.797l-5.818 5.818a2 2 0 1 0 2.828 2.828L98 70.828V86a2.002 2.002 0 0 0 2.772 1.873A2.002 2.002 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 2.857.029 2.01 2.01 0 0 0 .586-1.435 2.006 2.006 0 0 0-.615-1.422l-5.828-5.828a2.003 2.003 0 0 0-1.617-.787Z",
36
- fill: "#708284"
36
+ fill: "#2C8658"
37
37
  }));
38
38
  };
39
39
 
@@ -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,
@@ -78,7 +78,7 @@ var SvgBlobbyIconOrganization = function SvgBlobbyIconOrganization(_ref) {
78
78
  fill: "#F0F4FF"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M75.802 38.417a2.03 2.03 0 1 0 0 4.062h.677v16.298a4.748 4.748 0 0 0-4.062 4.692v14.896c0 1.12.91 2.03 2.03 2.03h7.449v-4.062h-5.417V63.47a.68.68 0 0 1 .677-.677h1.354c1.122 0 2.032-.91 2.032-2.032V42.48h25.729v5.416h4.062v-5.417h.677a2.033 2.033 0 0 0 1.903-2.815 2.03 2.03 0 0 0-1.903-1.247H75.802Zm14.864 12.158a2.035 2.035 0 0 0-.293.03H87.99a2.03 2.03 0 1 0 0 4.062h.677v16.387c-2.267.346-4.063 2.248-4.063 4.602v14.896a2.032 2.032 0 0 0 2.031 2.031h37.917a2.03 2.03 0 0 0 2.031-2.03V75.655c0-2.354-1.796-4.256-4.062-4.602V54.667h.677a2.031 2.031 0 1 0 0-4.063h-2.375a2.035 2.035 0 0 0-.659 0H91.031c-.12-.02-.243-.03-.365-.029Zm2.063 4.092h25.729v18.281a2.03 2.03 0 0 0 2.032 2.031h1.354c.399 0 .677.278.677.677v12.865h-13.542v-8.125c0-.748-.607-1.354-1.354-1.354h-4.063c-.747 0-1.354.606-1.354 1.354v8.125H88.667V75.656c0-.4.277-.677.677-.677h1.354a2.032 2.032 0 0 0 2.031-2.031V54.667Zm6.771 5.416c-.748 0-1.354.607-1.354 1.355v2.708c0 .747.606 1.354 1.354 1.354h2.708c.748 0 1.354-.607 1.354-1.354v-2.709c0-.747-.606-1.354-1.354-1.354H99.5Zm9.479 0c-.747 0-1.354.607-1.354 1.355v2.708c0 .747.607 1.354 1.354 1.354h2.708c.748 0 1.355-.607 1.355-1.354v-2.709c0-.747-.607-1.354-1.355-1.354h-2.708Zm-9.479 9.48c-.748 0-1.354.606-1.354 1.354v2.708c0 .748.606 1.354 1.354 1.354h2.708c.748 0 1.354-.606 1.354-1.354v-2.708c0-.748-.606-1.355-1.354-1.355H99.5Zm9.479 0c-.747 0-1.354.606-1.354 1.354v2.708c0 .748.607 1.354 1.354 1.354h2.708c.748 0 1.355-.606 1.355-1.354v-2.708c0-.748-.607-1.355-1.355-1.355h-2.708Zm-14.896 9.479c-.747 0-1.354.606-1.354 1.354v2.708c0 .748.607 1.354 1.354 1.354h2.709c.747 0 1.354-.606 1.354-1.354v-2.708c0-.748-.607-1.354-1.354-1.354h-2.709Zm20.313 0c-.748 0-1.354.606-1.354 1.354v2.708c0 .748.606 1.354 1.354 1.354h2.708c.748 0 1.354-.606 1.354-1.354v-2.708c0-.748-.606-1.354-1.354-1.354h-2.708Z",
81
- fill: "#0067C8"
81
+ fill: "#2C8658"
82
82
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
83
83
  id: "blobby-icon-organization_svg__a",
84
84
  x1: 126.5,
@@ -78,7 +78,7 @@ var SvgBlobbyIconPeople = function SvgBlobbyIconPeople(_ref) {
78
78
  fill: "#F0F4FF"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M98.5 39.416c-7.455 0-13.542 6.087-13.542 13.542S91.045 66.5 98.5 66.5s13.542-6.087 13.542-13.542-6.087-13.541-13.542-13.541Zm0 4.063c5.259 0 9.479 4.22 9.479 9.48 0 5.258-4.22 9.478-9.48 9.478-5.258 0-9.478-4.22-9.478-9.479 0-5.26 4.22-9.479 9.479-9.479ZM82.22 71.917c-2.951 0-5.387 2.435-5.387 5.387v2.06c0 4.881 3.087 8.657 7.186 10.918 4.1 2.262 9.292 3.301 14.48 3.301 5.19 0 10.382-1.039 14.482-3.3 3.495-1.93 6.126-5.01 6.863-8.887h.325v-4.092c0-2.952-2.438-5.388-5.39-5.388H82.221Zm0 4.062h32.559c.756 0 1.328.57 1.328 1.325v.03h-.003v2.03c0 3.245-1.822 5.563-5.086 7.364-3.264 1.8-7.889 2.793-12.518 2.793-4.629 0-9.254-.993-12.518-2.793-3.264-1.801-5.086-4.12-5.086-7.364v-2.06c0-.756.569-1.325 1.325-1.325Z",
81
- fill: "#0067C8"
81
+ fill: "#2C8658"
82
82
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
83
83
  id: "blobby-icon-people_svg__a",
84
84
  x1: 128.7,
@@ -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,
@@ -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,
@@ -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,
@@ -78,7 +78,7 @@ var SvgSpecies2 = function SvgSpecies2(_ref) {
78
78
  fill: "#F0F4FF"
79
79
  }), /*#__PURE__*/React.createElement("path", {
80
80
  d: "M82.573 37.063c-2.593 0-4.74 2.146-4.74 4.74v8.124c0 2.593 2.147 4.74 4.74 4.74h3.385v27.76c0 2.593 2.147 4.74 4.74 4.74h10.156v2.03c0 2.594 2.146 4.74 4.74 4.74h10.833c2.593 0 4.74-2.146 4.74-4.74v-8.124c0-2.593-2.147-4.74-4.74-4.74h-10.833c-2.594 0-4.74 2.147-4.74 4.74v2.031H90.698c-.4 0-.677-.277-.677-.677V65.5h10.833v2.031c0 2.593 2.146 4.74 4.74 4.74h10.833c2.593 0 4.74-2.147 4.74-4.74v-8.125c0-2.593-2.147-4.74-4.74-4.74h-10.833c-2.594 0-4.74 2.147-4.74 4.74v2.032H90.021v-6.771h3.385c2.593 0 4.74-2.147 4.74-4.74v-8.125c0-2.593-2.147-4.74-4.74-4.74H82.573Zm0 4.062h10.833c.4 0 .677.278.677.677v8.125c0 .4-.277.677-.677.677h-5.083a2.027 2.027 0 0 0-.659 0h-5.091c-.4 0-.677-.277-.677-.677v-8.125c0-.4.277-.677.677-.677Zm23.021 17.604h10.833c.4 0 .677.278.677.677v8.125c0 .4-.277.677-.677.677h-10.833c-.4 0-.677-.277-.677-.677v-3.729c.035-.218.035-.44 0-.659v-3.737c0-.4.277-.677.677-.677Zm0 21.667h10.833c.4 0 .677.277.677.677v8.125c0 .4-.277.677-.677.677h-10.833c-.4 0-.677-.278-.677-.677v-3.73c.035-.217.035-.44 0-.658v-3.737c0-.4.277-.677.677-.677Z",
81
- fill: "#0067C8"
81
+ fill: "#2C8658"
82
82
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
83
83
  id: "species2_svg__a",
84
84
  x1: 125.711,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "2.0.16",
3
+ "version": "2.0.18",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -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>;
@@ -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"}