SW-5384 - Add library book icon and export (#553)

* SW-5384

Add new library icon

Author: alexTerraformation

assets/icon-library.svg

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "3.0.7",
+  "version": "3.0.8-rc.0",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package.json

@@ -53,6 +53,7 @@ import IconGraphReport from '../../svg/IconGraphReport';
 import IconHistory from '../../svg/IconHistory';
 import IconImport from '../../svg/IconImport';
 import IconLayers from '../../svg/IconLayers';
+import IconLibrary from '../../svg/IconLibrary';
 import IconList from '../../svg/IconList';
 import IconLocations from '../../svg/IconLocations';
 import IconMenu from '../../svg/IconMenu';
@@ -157,6 +158,7 @@ export type IconName =
   | 'iconHistory'
   | 'iconImport'
   | 'iconLayers'
+  | 'iconLibrary'
   | 'iconList'
   | 'iconLocations'
   | 'iconMarker'
@@ -266,6 +268,7 @@ const icons: Record<IconName, SVGComponent> = {
   iconHistory: IconHistory,
   iconImport: IconImport,
   iconLayers: IconLayers,
+  iconLibrary: IconLibrary,
   iconList: IconList,
   iconLocations: IconLocations,
   iconMarker: IconMarker,

src/components/Icon/icons/index.tsx

@@ -11,12 +11,12 @@ const SvgBlobbyGrayIconImage = ({ title, titleId, ...props }: SVGProps<SVGSVGEle
       <path
         fill='#F1F0EC'
         fillRule='evenodd'
-        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.731 99.19 34.311 80.943 40.953 53.757c7.619-31.19 41-50.037 73.009-47.535Z'
+        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535'
         clipRule='evenodd'
       />
       <path
         fill='#7F775B'
-        d='M83.333 40C79.307 40 76 43.307 76 47.333v33.334C76 84.693 79.307 88 83.333 88h33.334c4.026 0 7.333-3.307 7.333-7.333V47.333c0-4.026-3.307-7.333-7.333-7.333H83.333Zm0 4h33.334A3.304 3.304 0 0 1 120 47.333v27.274l-8.016-7.755-.002-.003a5.41 5.41 0 0 0-3.75-1.516 5.4 5.4 0 0 0-3.75 1.519l-2.732 2.643-8.24-7.972A5.398 5.398 0 0 0 89.758 60a5.408 5.408 0 0 0-3.75 1.52l-.003.003L80 67.333v-20A3.304 3.304 0 0 1 83.333 44Zm25.334 5.333c-1.834 0-3.462.76-4.495 1.922-1.033 1.163-1.505 2.634-1.505 4.078 0 1.445.472 2.916 1.505 4.078 1.033 1.163 2.661 1.922 4.495 1.922 1.833 0 3.461-.76 4.494-1.922 1.034-1.162 1.506-2.633 1.506-4.078 0-1.444-.472-2.915-1.506-4.078-1.033-1.162-2.661-1.922-4.494-1.922Zm0 4c.833 0 1.205.24 1.505.578.3.338.495.867.495 1.422 0 .556-.195 1.085-.495 1.422-.3.338-.672.578-1.505.578-.834 0-1.205-.24-1.506-.578-.3-.337-.494-.866-.494-1.422 0-.555.194-1.084.494-1.422.301-.337.672-.578 1.506-.578ZM89.757 64a1.372 1.372 0 0 1 .972.398l8.143 7.878L86.752 84h-3.419A3.304 3.304 0 0 1 80 80.667v-7.769l8.787-8.5c.283-.274.626-.398.97-.398Zm18.475 5.333c.353 0 .691.123.971.394L120 80.172v.495A3.304 3.304 0 0 1 116.667 84h-24.16l14.756-14.273c.277-.268.618-.394.969-.394Z'
+        d='M83.333 40C79.307 40 76 43.307 76 47.333v33.334C76 84.693 79.307 88 83.333 88h33.334c4.026 0 7.333-3.307 7.333-7.333V47.333c0-4.026-3.307-7.333-7.333-7.333zm0 4h33.334A3.304 3.304 0 0 1 120 47.333v27.274l-8.016-7.755-.002-.003a5.4 5.4 0 0 0-3.75-1.516 5.4 5.4 0 0 0-3.75 1.519l-2.732 2.643-8.24-7.972A5.4 5.4 0 0 0 89.758 60a5.4 5.4 0 0 0-3.75 1.52l-.003.003L80 67.333v-20A3.304 3.304 0 0 1 83.333 44m25.334 5.333c-1.834 0-3.462.76-4.495 1.922-1.033 1.163-1.505 2.634-1.505 4.078s.472 2.916 1.505 4.078 2.661 1.922 4.495 1.922c1.833 0 3.461-.76 4.494-1.922 1.034-1.162 1.506-2.633 1.506-4.078 0-1.444-.472-2.915-1.506-4.078-1.033-1.162-2.661-1.922-4.494-1.922m0 4c.833 0 1.205.24 1.505.578s.495.867.495 1.422c0 .556-.195 1.085-.495 1.422-.3.338-.672.578-1.505.578-.834 0-1.205-.24-1.506-.578s-.494-.866-.494-1.422.194-1.084.494-1.422c.301-.337.672-.578 1.506-.578M89.757 64a1.37 1.37 0 0 1 .972.398l8.143 7.878L86.752 84h-3.419A3.304 3.304 0 0 1 80 80.667v-7.769l8.787-8.5c.283-.274.626-.398.97-.398m18.475 5.333c.353 0 .691.123.971.394L120 80.172v.495A3.304 3.304 0 0 1 116.667 84h-24.16l14.756-14.273c.277-.268.618-.394.969-.394'
       />
     </g>
     <defs>

src/components/svg/BlobbyGrayIconImage.tsx

@@ -11,12 +11,12 @@ const SvgBlobbyGrayIconImport = ({ title, titleId, ...props }: SVGProps<SVGSVGEl
       <path
         fill='#F1F0EC'
         fillRule='evenodd'
-        d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734Z'
+        d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
         clipRule='evenodd'
       />
       <path
         fill='#7F775B'
-        d='M84.667 37.333c-3.29 0-6 2.71-6 6v41.334c0 3.29 2.71 6 6 6h30.666c3.29 0 6-2.71 6-6v-28c0-.53-.21-1.04-.586-1.414l-.02-.021-17.313-17.313a2 2 0 0 0-1.414-.586H84.667Zm0 4H100v11.334c0 3.29 2.71 6 6 6h11.333v26c0 1.128-.871 2-2 2H84.667c-1.129 0-2-.872-2-2V43.333c0-1.128.871-2 2-2ZM104 44.161l10.505 10.506H106c-1.129 0-2-.872-2-2V44.16ZM99.971 60a2 2 0 0 0-1.385.586l-5.333 5.333a2 2 0 1 0 2.828 2.828L98 66.828V74A2 2 0 1 0 102 74v-7.172l1.919 1.92a2.002 2.002 0 0 0 3.295-.63 1.987 1.987 0 0 0-.016-1.55 1.99 1.99 0 0 0-.451-.649l-5.333-5.333A1.998 1.998 0 0 0 99.971 60Zm-8.638 18.667a2.002 2.002 0 0 0-1.873 2.772 2.001 2.001 0 0 0 1.873 1.228h17.334a2 2 0 1 0 0-4H91.333Z'
+        d='M84.667 37.333c-3.29 0-6 2.71-6 6v41.334c0 3.29 2.71 6 6 6h30.666c3.29 0 6-2.71 6-6v-28c0-.53-.21-1.04-.586-1.414l-.02-.021-17.313-17.313a2 2 0 0 0-1.414-.586zm0 4H100v11.334c0 3.29 2.71 6 6 6h11.333v26c0 1.128-.871 2-2 2H84.667c-1.129 0-2-.872-2-2V43.333c0-1.128.871-2 2-2M104 44.161l10.505 10.506H106c-1.129 0-2-.872-2-2zM99.971 60a2 2 0 0 0-1.385.586l-5.333 5.333a2 2 0 1 0 2.828 2.828L98 66.828V74A2 2 0 1 0 102 74v-7.172l1.919 1.92a2.002 2.002 0 0 0 3.295-.63 1.99 1.99 0 0 0-.016-1.55 2 2 0 0 0-.451-.649l-5.333-5.333A2 2 0 0 0 99.971 60m-8.638 18.667a2.002 2.002 0 0 0-1.873 2.772 2 2 0 0 0 1.873 1.228h17.334a2 2 0 1 0 0-4z'
       />
     </g>
     <defs>

src/components/svg/BlobbyGrayIconImport.tsx

@@ -11,12 +11,12 @@ const SvgBlobbyGrayIconUploadToTheCloud = ({ title, titleId, ...props }: SVGProp
       <path
         fill='#F1F0EC'
         fillRule='evenodd'
-        d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734Z'
+        d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
         clipRule='evenodd'
       />
       <path
         fill='#7F775B'
-        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 64H86a2 2 0 0 0 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.334C128 65.084 122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667Zm-.031 18.638a2 2 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.874A2.004 2.004 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 3.295-.63 2.005 2.005 0 0 0-.467-2.198l-5.828-5.828a2.002 2.002 0 0 0-1.617-.787Z'
+        d='M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333s5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86a2 2 0 0 0 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.333s-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334C128 65.084 122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667m-.031 18.638a2 2 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.874A2 2 0 0 0 102 86V70.828l2.586 2.586a1.998 1.998 0 0 0 3.295-.63 2.005 2.005 0 0 0-.467-2.198l-5.828-5.828a2 2 0 0 0-1.617-.787'
       />
     </g>
     <defs>

src/components/svg/BlobbyGrayIconUploadToTheCloud.tsx

@@ -11,27 +11,27 @@ const SvgBlobbyIconCloudChecked = ({ title, titleId, ...props }: SVGProps<SVGSVG
       <path
         fill='#E2F6EC'
         fillRule='evenodd'
-        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.731 99.19 34.311 80.943 40.953 53.757c7.619-31.19 41-50.037 73.009-47.535Z'
+        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535'
         clipRule='evenodd'
       />
       <path
         fill='url(#blobby-icon-cloud-checked_svg__b)'
         fillOpacity={0.2}
         fillRule='evenodd'
-        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.731 99.19 34.311 80.943 40.953 53.757c7.619-31.19 41-50.037 73.009-47.535Z'
+        d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535'
         clipRule='evenodd'
       />
       <path
         fill='url(#blobby-icon-cloud-checked_svg__c)'
-        d='M144.999 66.449h-.019c-2.75 0-4.982-3.33-5-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449h.019Z'
+        d='M144.999 66.449h-.019c-2.75 0-4.982-3.33-5-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
       />
       <path
         fill='url(#blobby-icon-cloud-checked_svg__d)'
-        d='M70.999 23.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449h.019Z'
+        d='M70.999 23.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
       />
       <path
         fill='url(#blobby-icon-cloud-checked_svg__e)'
-        d='M64.999 103.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.109-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449h.019Z'
+        d='M64.999 103.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.109-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
       />
       <mask
         id='blobby-icon-cloud-checked_svg__g'
@@ -47,31 +47,31 @@ const SvgBlobbyIconCloudChecked = ({ title, titleId, ...props }: SVGProps<SVGSVG
         <path
           fill='#E2F6EC'
           fillRule='evenodd'
-          d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.731 99.19 34.311 80.943 40.953 53.757c7.619-31.19 41-50.037 73.009-47.535Z'
+          d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535'
           clipRule='evenodd'
         />
         <path
           fill='url(#blobby-icon-cloud-checked_svg__f)'
           fillOpacity={0.2}
           fillRule='evenodd'
-          d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.731 99.19 34.311 80.943 40.953 53.757c7.619-31.19 41-50.037 73.009-47.535Z'
+          d='M113.962 6.222c26.535 2.074 38.447 30.862 44.693 56.735 4.621 19.146-2.901 38.537-18.932 49.978-15.595 11.131-35.55 10.486-51.986.639C63.732 99.19 34.311 80.943 40.954 53.757c7.619-31.19 41-50.037 73.009-47.535'
           clipRule='evenodd'
         />
       </mask>
       <g mask='url(#blobby-icon-cloud-checked_svg__g)'>
         <path
           fill='url(#blobby-icon-cloud-checked_svg__h)'
-          d='M162.5 95.795 113.205 46.5 71.431 78.93l49.837 49.838L162.5 95.795Z'
+          d='M162.5 95.795 113.205 46.5 71.431 78.93l49.837 49.838z'
           opacity={0.25}
         />
       </g>
       <path
         fill='#EAF3DC'
-        d='M84.057 60c.679-8.2 7.57-14.667 15.943-14.667S115.264 51.8 115.943 60h.724C122.916 60 128 65.084 128 71.333c0 6.25-5.084 11.334-11.333 11.334H83.333C77.084 82.667 72 77.583 72 71.333 72 65.084 77.084 60 83.333 60h.724Z'
+        d='M84.057 60c.679-8.2 7.57-14.667 15.943-14.667S115.264 51.8 115.943 60h.724C122.916 60 128 65.084 128 71.333s-5.084 11.334-11.333 11.334H83.333C77.084 82.667 72 77.583 72 71.333 72 65.084 77.084 60 83.333 60z'
       />
       <path
         fill='#2C8658'
-        d='M100 41.333c-9.987 0-18.227 7.614-19.227 17.334H80c-6.613 0-12 5.386-12 12 0 6.613 5.387 12 12 12h10.188l-4-4H80c-4.413 0-8-3.587-8-8 0-4.414 3.587-8 8-8h2.667c1.106 0 2-.894 2-2 0-8.454 6.88-15.334 15.333-15.334s15.333 6.88 15.333 15.334c0 1.106.894 2 2 2H120c4.413 0 8 3.586 8 8 0 4.413-3.587 8-8 8h-12.214l-4.401 4H120c6.613 0 12-5.387 12-12 0-6.614-5.387-12-12-12h-.773c-1-9.72-9.24-17.334-19.227-17.334Zm11.391 23.982a2 2 0 0 0-1.404.54L96.732 77.903l-6.651-6.651a2 2 0 1 0-2.828 2.828l8 8a2 2 0 0 0 2.76.065l14.667-13.334a2 2 0 0 0-1.289-3.497Z'
+        d='M100 41.333c-9.987 0-18.227 7.614-19.227 17.334H80c-6.613 0-12 5.386-12 12s5.387 12 12 12h10.188l-4-4H80c-4.413 0-8-3.587-8-8s3.587-8 8-8h2.667c1.106 0 2-.894 2-2 0-8.454 6.88-15.334 15.333-15.334s15.333 6.88 15.333 15.334c0 1.106.894 2 2 2H120c4.413 0 8 3.586 8 8s-3.587 8-8 8h-12.214l-4.401 4H120c6.613 0 12-5.387 12-12s-5.387-12-12-12h-.773c-1-9.72-9.24-17.334-19.227-17.334m11.391 23.982a2 2 0 0 0-1.404.54L96.732 77.903l-6.651-6.651a2 2 0 1 0-2.828 2.828l8 8a2 2 0 0 0 2.76.065l14.667-13.333a2 2 0 0 0-1.289-3.498'
       />
     </g>
     <defs>