@uppy/dashboard - npm Package Compare versions

Comparing version 3.2.2 to 3.3.0

CHANGELOG.md

 # @uppy/dashboard
 
+## 3.3.0
+
+Released: 2023-03-07
+Included in: Uppy v3.6.0
+
+- @uppy/dashboard: update provider icon style (Alexander Zaytsev / #4345)
+
 ## 3.2.2
@@ -4,0 +11,0 @@

lib/components/AddFiles.js

@@ -85,3 +85,6 @@ let _Symbol$for;
         onClick: this.triggerFileInputClick
+      }, h("div", {
+        className: "uppy-DashboardTab-inner"
       }, h("svg", {
+        className: "uppy-DashboardTab-iconMyDevice",
         "aria-hidden": "true",
@@ -92,14 +95,6 @@ focusable: "false",
         viewBox: "0 0 32 32"
-      }, h("g", {
-        fill: "none",
-        fillRule: "evenodd"
-      }, h("rect", {
-        className: "uppy-ProviderIconBg",
-        width: "32",
-        height: "32",
-        rx: "16",
-        fill: "#2275D7"
-      }), h("path", {
-        d: "M21.973 21.152H9.863l-1.108-5.087h14.464l-1.246 5.087zM9.935 11.37h3.958l.886 1.444a.673.673 0 0 0 .585.316h6.506v1.37H9.935v-3.13zm14.898 3.44a.793.793 0 0 0-.616-.31h-.978v-2.126c0-.379-.275-.613-.653-.613H15.75l-.886-1.445a.673.673 0 0 0-.585-.316H9.232c-.378 0-.667.209-.667.587V14.5h-.782a.793.793 0 0 0-.61.303.795.795 0 0 0-.155.663l1.45 6.633c.078.36.396.618.764.618h13.354c.36 0 .674-.246.76-.595l1.631-6.636a.795.795 0 0 0-.144-.675z",
-        fill: "#FFF"
+      }, h("path", {
+        d: "M8.45 22.087l-1.305-6.674h17.678l-1.572 6.674H8.45zm4.975-12.412l1.083 1.765a.823.823 0 00.715.386h7.951V13.5H8.587V9.675h4.838zM26.043 13.5h-1.195v-2.598c0-.463-.336-.75-.798-.75h-8.356l-1.082-1.766A.823.823 0 0013.897 8H7.728c-.462 0-.815.256-.815.718V13.5h-.956a.97.97 0 00-.746.37.972.972 0 00-.19.81l1.724 8.565c.095.44.484.755.933.755H24c.44 0 .824-.3.929-.727l2.043-8.568a.972.972 0 00-.176-.825.967.967 0 00-.753-.38z",
+        fill: "currentcolor",
+        "fill-rule": "evenodd"
       }))), h("div", {
@@ -122,2 +117,4 @@ className: "uppy-DashboardTab-name"
         onClick: this.triggerPhotoCameraInputClick
+      }, h("div", {
+        className: "uppy-DashboardTab-inner"
       }, h("svg", {
@@ -129,15 +126,6 @@ "aria-hidden": "true",
         viewBox: "0 0 32 32"
-      }, h("g", {
-        fill: "none",
-        fillRule: "evenodd"
-      }, h("rect", {
-        className: "uppy-ProviderIconBg",
-        fill: "#03BFEF",
-        width: "32",
-        height: "32",
-        rx: "16"
-      }), h("path", {
-        d: "M22 11c1.133 0 2 .867 2 2v7.333c0 1.134-.867 2-2 2H10c-1.133 0-2-.866-2-2V13c0-1.133.867-2 2-2h2.333l1.134-1.733C13.6 9.133 13.8 9 14 9h4c.2 0 .4.133.533.267L19.667 11H22zm-6 1.533a3.764 3.764 0 0 0-3.8 3.8c0 2.129 1.672 3.801 3.8 3.801s3.8-1.672 3.8-3.8c0-2.13-1.672-3.801-3.8-3.801zm0 6.261c-1.395 0-2.46-1.066-2.46-2.46 0-1.395 1.065-2.461 2.46-2.461s2.46 1.066 2.46 2.46c0 1.395-1.065 2.461-2.46 2.461z",
-        fill: "#FFF",
-        fillRule: "nonzero"
+      }, h("path", {
+        d: "M23.5 9.5c1.417 0 2.5 1.083 2.5 2.5v9.167c0 1.416-1.083 2.5-2.5 2.5h-15c-1.417 0-2.5-1.084-2.5-2.5V12c0-1.417 1.083-2.5 2.5-2.5h2.917l1.416-2.167C13 7.167 13.25 7 13.5 7h5c.25 0 .5.167.667.333L20.583 9.5H23.5zM16 11.417a4.706 4.706 0 00-4.75 4.75 4.704 4.704 0 004.75 4.75 4.703 4.703 0 004.75-4.75c0-2.663-2.09-4.75-4.75-4.75zm0 7.825c-1.744 0-3.076-1.332-3.076-3.074 0-1.745 1.333-3.077 3.076-3.077 1.744 0 3.074 1.333 3.074 3.076s-1.33 3.075-3.074 3.075z",
+        fill: "#02B383",
+        "fill-rule": "nonzero"
       }))), h("div", {
@@ -160,2 +148,4 @@ className: "uppy-DashboardTab-name"
         onClick: this.triggerVideoCameraInputClick
+      }, h("div", {
+        className: "uppy-DashboardTab-inner"
       }, h("svg", {
@@ -166,12 +156,7 @@ "aria-hidden": "true",
         viewBox: "0 0 32 32"
-      }, h("rect", {
-        fill: "#1abc9c",
-        width: "32",
-        height: "32",
-        rx: "16"
-      }), h("path", {
-        fill: "#FFF",
+      }, h("path", {
+        fill: "#FF675E",
         fillRule: "nonzero",
         d: "m21.254 14.277 2.941-2.588c.797-.313 1.243.818 1.09 1.554-.01 2.094.02 4.189-.017 6.282-.126.915-1.145 1.08-1.58.34l-2.434-2.142c-.192.287-.504 1.305-.738.468-.104-1.293-.028-2.596-.05-3.894.047-.312.381.823.426 1.069.063-.384.206-.744.362-1.09zm-12.939-3.73c3.858.013 7.717-.025 11.574.02.912.129 1.492 1.237 1.351 2.217-.019 2.412.04 4.83-.03 7.239-.17 1.025-1.166 1.59-2.029 1.429-3.705-.012-7.41.025-11.114-.019-.913-.129-1.492-1.237-1.352-2.217.018-2.404-.036-4.813.029-7.214.136-.82.83-1.473 1.571-1.454z "
-      })), h("div", {
+      }))), h("div", {
         className: "uppy-DashboardTab-name"
@@ -227,3 +212,5 @@ }, this.props.i18n('recordVideoBtn'))));
         onClick: () => this.props.showPanel(acquirer.id)
-      }, acquirer.icon(), h("div", {
+      }, h("div", {
+        className: "uppy-DashboardTab-inner"
+      }, acquirer.icon()), h("div", {
         className: "uppy-DashboardTab-name"
@@ -230,0 +217,0 @@ }, acquirer.name)));

lib/Dashboard.js

@@ -21,3 +21,3 @@ function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
 const packageJson = {
-  "version": "3.2.2"
+  "version": "3.3.0"
 };
@@ -24,0 +24,0 @@ import locale from './locale.js';

package.json

 {
   "name": "@uppy/dashboard",
   "description": "Universal UI plugin for Uppy.",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "license": "MIT",
@@ -28,6 +28,6 @@ "main": "lib/index.js",
     "@uppy/informer": "^3.0.1",
-    "@uppy/provider-views": "^3.0.2",
+    "@uppy/provider-views": "^3.1.0",
     "@uppy/status-bar": "^3.0.1",
     "@uppy/thumbnail-generator": "^3.0.2",
-    "@uppy/utils": "^5.1.2",
+    "@uppy/utils": "^5.1.3",
     "classnames": "^2.2.6",
@@ -42,3 +42,3 @@ "is-shallow-equal": "^1.0.1",
     "@jest/globals": "^29.0.0",
-    "@uppy/google-drive": "^3.0.1",
+    "@uppy/google-drive": "^3.1.0",
     "@uppy/status-bar": "^3.0.1",
@@ -48,4 +48,4 @@ "resize-observer-polyfill": "^1.5.0"
   "peerDependencies": {
-    "@uppy/core": "^3.0.6"
+    "@uppy/core": "^3.1.0"
   }
 }

src/components/AddFiles.jsx

@@ -85,8 +85,7 @@ import { h, Component, Fragment } from 'preact'
         >
-          <svg aria-hidden="true" focusable="false" width="32" height="32" viewBox="0 0 32 32">
-            <g fill="none" fillRule="evenodd">
-              <rect className="uppy-ProviderIconBg" width="32" height="32" rx="16" fill="#2275D7" />
-              <path d="M21.973 21.152H9.863l-1.108-5.087h14.464l-1.246 5.087zM9.935 11.37h3.958l.886 1.444a.673.673 0 0 0 .585.316h6.506v1.37H9.935v-3.13zm14.898 3.44a.793.793 0 0 0-.616-.31h-.978v-2.126c0-.379-.275-.613-.653-.613H15.75l-.886-1.445a.673.673 0 0 0-.585-.316H9.232c-.378 0-.667.209-.667.587V14.5h-.782a.793.793 0 0 0-.61.303.795.795 0 0 0-.155.663l1.45 6.633c.078.36.396.618.764.618h13.354c.36 0 .674-.246.76-.595l1.631-6.636a.795.795 0 0 0-.144-.675z" fill="#FFF" />
-            </g>
-          </svg>
+          <div className="uppy-DashboardTab-inner">
+            <svg className="uppy-DashboardTab-iconMyDevice" aria-hidden="true" focusable="false" width="32" height="32" viewBox="0 0 32 32">
+              <path d="M8.45 22.087l-1.305-6.674h17.678l-1.572 6.674H8.45zm4.975-12.412l1.083 1.765a.823.823 0 00.715.386h7.951V13.5H8.587V9.675h4.838zM26.043 13.5h-1.195v-2.598c0-.463-.336-.75-.798-.75h-8.356l-1.082-1.766A.823.823 0 0013.897 8H7.728c-.462 0-.815.256-.815.718V13.5h-.956a.97.97 0 00-.746.37.972.972 0 00-.19.81l1.724 8.565c.095.44.484.755.933.755H24c.44 0 .824-.3.929-.727l2.043-8.568a.972.972 0 00-.176-.825.967.967 0 00-.753-.38z" fill="currentcolor" fill-rule="evenodd" />
+            </svg>
+          </div>
           <div className="uppy-DashboardTab-name">{this.props.i18n('myDevice')}</div>
@@ -113,8 +112,7 @@ </button>
         >
-          <svg aria-hidden="true" focusable="false" width="32" height="32" viewBox="0 0 32 32">
-            <g fill="none" fillRule="evenodd">
-              <rect className="uppy-ProviderIconBg" fill="#03BFEF" width="32" height="32" rx="16" />
-              <path d="M22 11c1.133 0 2 .867 2 2v7.333c0 1.134-.867 2-2 2H10c-1.133 0-2-.866-2-2V13c0-1.133.867-2 2-2h2.333l1.134-1.733C13.6 9.133 13.8 9 14 9h4c.2 0 .4.133.533.267L19.667 11H22zm-6 1.533a3.764 3.764 0 0 0-3.8 3.8c0 2.129 1.672 3.801 3.8 3.801s3.8-1.672 3.8-3.8c0-2.13-1.672-3.801-3.8-3.801zm0 6.261c-1.395 0-2.46-1.066-2.46-2.46 0-1.395 1.065-2.461 2.46-2.461s2.46 1.066 2.46 2.46c0 1.395-1.065 2.461-2.46 2.461z" fill="#FFF" fillRule="nonzero" />
-            </g>
-          </svg>
+          <div className="uppy-DashboardTab-inner">
+            <svg aria-hidden="true" focusable="false" width="32" height="32" viewBox="0 0 32 32">
+              <path d="M23.5 9.5c1.417 0 2.5 1.083 2.5 2.5v9.167c0 1.416-1.083 2.5-2.5 2.5h-15c-1.417 0-2.5-1.084-2.5-2.5V12c0-1.417 1.083-2.5 2.5-2.5h2.917l1.416-2.167C13 7.167 13.25 7 13.5 7h5c.25 0 .5.167.667.333L20.583 9.5H23.5zM16 11.417a4.706 4.706 0 00-4.75 4.75 4.704 4.704 0 004.75 4.75 4.703 4.703 0 004.75-4.75c0-2.663-2.09-4.75-4.75-4.75zm0 7.825c-1.744 0-3.076-1.332-3.076-3.074 0-1.745 1.333-3.077 3.076-3.077 1.744 0 3.074 1.333 3.074 3.076s-1.33 3.075-3.074 3.075z" fill="#02B383" fill-rule="nonzero" />
+            </svg>
+          </div>
           <div className="uppy-DashboardTab-name">{this.props.i18n('takePictureBtn')}</div>
@@ -141,6 +139,7 @@ </button>
         >
-          <svg aria-hidden="true" width="32" height="32" viewBox="0 0 32 32">
-            <rect fill="#1abc9c" width="32" height="32" rx="16" />
-            <path fill="#FFF" fillRule="nonzero" d="m21.254 14.277 2.941-2.588c.797-.313 1.243.818 1.09 1.554-.01 2.094.02 4.189-.017 6.282-.126.915-1.145 1.08-1.58.34l-2.434-2.142c-.192.287-.504 1.305-.738.468-.104-1.293-.028-2.596-.05-3.894.047-.312.381.823.426 1.069.063-.384.206-.744.362-1.09zm-12.939-3.73c3.858.013 7.717-.025 11.574.02.912.129 1.492 1.237 1.351 2.217-.019 2.412.04 4.83-.03 7.239-.17 1.025-1.166 1.59-2.029 1.429-3.705-.012-7.41.025-11.114-.019-.913-.129-1.492-1.237-1.352-2.217.018-2.404-.036-4.813.029-7.214.136-.82.83-1.473 1.571-1.454z " />
-          </svg>
+          <div className="uppy-DashboardTab-inner">
+            <svg aria-hidden="true" width="32" height="32" viewBox="0 0 32 32">
+              <path fill="#FF675E" fillRule="nonzero" d="m21.254 14.277 2.941-2.588c.797-.313 1.243.818 1.09 1.554-.01 2.094.02 4.189-.017 6.282-.126.915-1.145 1.08-1.58.34l-2.434-2.142c-.192.287-.504 1.305-.738.468-.104-1.293-.028-2.596-.05-3.894.047-.312.381.823.426 1.069.063-.384.206-.744.362-1.09zm-12.939-3.73c3.858.013 7.717-.025 11.574.02.912.129 1.492 1.237 1.351 2.217-.019 2.412.04 4.83-.03 7.239-.17 1.025-1.166 1.59-2.029 1.429-3.705-.012-7.41.025-11.114-.019-.913-.129-1.492-1.237-1.352-2.217.018-2.404-.036-4.813.029-7.214.136-.82.83-1.473 1.571-1.454z " />
+            </svg>
+          </div>
           <div className="uppy-DashboardTab-name">{this.props.i18n('recordVideoBtn')}</div>
@@ -216,3 +215,5 @@ </button>
         >
-          {acquirer.icon()}
+          <div className="uppy-DashboardTab-inner">
+            {acquirer.icon()}
+          </div>
           <div className="uppy-DashboardTab-name">{acquirer.name}</div>
@@ -219,0 +220,0 @@ </button>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

681223

increased by0.38%

Lines of code

9740

increased by0.28%

Dependency changes

• Updated@uppy/provider-views@^3.1.0

• Updated@uppy/utils@^5.1.3