Update integration logos in editor redesign (#24902)

* Update git bridge logo based on current theme

* Use GithubLogo black instead of GithubLogo

* Add missing logos

* Update dropbox logo

* Revert default DropboxLogoBlack size

* Remove white background from DropboxLogo

* Rename GitBridgeLogo to GitLogo

GitOrigin-RevId: 00d08716d9ccb0df7912dba39ec0477d672dc56d
This commit is contained in:
David
2025-04-15 14:09:14 +01:00
committed by Copybot
parent 1f7bfb4737
commit 35902407b3
6 changed files with 68 additions and 10 deletions

View File

@@ -1,8 +1,8 @@
function DropboxlLogoBlack() {
function DropboxLogoBlack({ size = 20 }: { size?: number }) {
return (
<svg
width="20"
height="20"
width={size}
height={size}
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -43,4 +43,4 @@ function DropboxlLogoBlack() {
)
}
export default DropboxlLogoBlack
export default DropboxLogoBlack

View File

@@ -7,7 +7,7 @@ function DropboxLogo({ size = 40 }: { size?: number }) {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="40" height="40" fill="white" />
<rect width="40" height="40" fill="none" />
<g clipPath="url(#clip0_10_138)">
<path
d="M10.8328 4.33334L1.6665 10.1732L10.8328 16.0131L20.0006 10.1732L10.8328 4.33334Z"

View File

@@ -0,0 +1,29 @@
function GitLogoOrange({ size = 40 }: { size?: number }) {
return (
<svg
width={size}
height={size}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 92 92"
>
<defs>
<clipPath id="a">
<path d="M0 .113h91.887V92H0Zm0 0" />
</clipPath>
</defs>
<g clipPath="url(#a)">
<path
style={{
stroke: 'none',
fillRule: 'nonzero',
fill: '#f03c2e',
fillOpacity: 1,
}}
d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
/>
</g>
</svg>
)
}
export default GitLogoOrange

View File

@@ -0,0 +1,29 @@
function GitLogoWhite({ size = 40 }: { size?: number }) {
return (
<svg
width={size}
height={size}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 92 92"
>
<defs>
<clipPath id="a">
<path d="M0 .113h91.887V92H0Zm0 0" />
</clipPath>
</defs>
<g clipPath="url(#a)">
<path
style={{
stroke: 'none',
fillRule: 'nonzero',
fill: '#fff',
fillOpacity: 1,
}}
d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
/>
</g>
</svg>
)
}
export default GitLogoWhite

View File

@@ -1,4 +1,4 @@
function GitBridgeLogo({ size = 40 }: { size?: number }) {
function GitLogo({ size = 40 }: { size?: number }) {
return (
<svg
width={size}
@@ -29,4 +29,4 @@ function GitBridgeLogo({ size = 40 }: { size?: number }) {
)
}
export default GitBridgeLogo
export default GitLogo

View File

@@ -1,8 +1,8 @@
function GithubLogoBlack() {
function GithubLogoBlack({ size = 20 }: { size?: number }) {
return (
<svg
width="20"
height="20"
width={size}
height={size}
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"