From 0bc3914ec693a1b15ba2b20a9f47aafcedd9e1ce Mon Sep 17 00:00:00 2001 From: Amit Raj <77401999+amitraj2203@users.noreply.github.com> Date: Thu, 16 May 2024 12:50:52 +0530 Subject: [PATCH] Added Bluesky icon to the Social Icon Block (#61372) * Added Bluesky icon to the Social Icon Block * Update BlueskyIcon SVG dimensions * Adds Fixtures for Bluesky social icon Unlinked contributors: paulopmt1. Co-authored-by: amitraj2203 Co-authored-by: t-hamano Co-authored-by: talldan --- .../block-library/src/social-link/icons/bluesky.js | 10 ++++++++++ packages/block-library/src/social-link/icons/index.js | 1 + packages/block-library/src/social-link/index.php | 4 ++++ .../src/social-link/socials-with-bg.scss | 5 +++++ .../src/social-link/socials-without-bg.scss | 4 ++++ packages/block-library/src/social-link/variations.js | 7 +++++++ .../fixtures/blocks/core__social-link-bluesky.html | 1 + .../fixtures/blocks/core__social-link-bluesky.json | 11 +++++++++++ .../blocks/core__social-link-bluesky.parsed.json | 11 +++++++++++ .../blocks/core__social-link-bluesky.serialized.html | 1 + 10 files changed, 55 insertions(+) create mode 100644 packages/block-library/src/social-link/icons/bluesky.js create mode 100644 test/integration/fixtures/blocks/core__social-link-bluesky.html create mode 100644 test/integration/fixtures/blocks/core__social-link-bluesky.json create mode 100644 test/integration/fixtures/blocks/core__social-link-bluesky.parsed.json create mode 100644 test/integration/fixtures/blocks/core__social-link-bluesky.serialized.html diff --git a/packages/block-library/src/social-link/icons/bluesky.js b/packages/block-library/src/social-link/icons/bluesky.js new file mode 100644 index 00000000000000..0295d318efe81f --- /dev/null +++ b/packages/block-library/src/social-link/icons/bluesky.js @@ -0,0 +1,10 @@ +/** + * WordPress dependencies + */ +import { Path, SVG } from '@wordpress/primitives'; + +export const BlueskyIcon = () => ( + + + +); diff --git a/packages/block-library/src/social-link/icons/index.js b/packages/block-library/src/social-link/icons/index.js index 46c8c6d5acc6ef..422ff6f02dd20e 100644 --- a/packages/block-library/src/social-link/icons/index.js +++ b/packages/block-library/src/social-link/icons/index.js @@ -1,6 +1,7 @@ export * from './amazon'; export * from './bandcamp'; export * from './behance'; +export * from './bluesky'; export * from './chain'; export * from './codepen'; export * from './deviantart'; diff --git a/packages/block-library/src/social-link/index.php b/packages/block-library/src/social-link/index.php index 5e2bc616d0e5ac..da28034f5a55d2 100644 --- a/packages/block-library/src/social-link/index.php +++ b/packages/block-library/src/social-link/index.php @@ -153,6 +153,10 @@ function block_core_social_link_services( $service = '', $field = '' ) { 'name' => 'Behance', 'icon' => '', ), + 'bluesky' => array( + 'name' => 'Bluesky', + 'icon' => '', + ), 'chain' => array( 'name' => 'Link', 'icon' => '', diff --git a/packages/block-library/src/social-link/socials-with-bg.scss b/packages/block-library/src/social-link/socials-with-bg.scss index 86079515f69717..907e6bb98023d0 100644 --- a/packages/block-library/src/social-link/socials-with-bg.scss +++ b/packages/block-library/src/social-link/socials-with-bg.scss @@ -18,6 +18,11 @@ color: #fff; } +.wp-social-link-bluesky { + background-color: #0a7aff; + color: #fff; +} + .wp-social-link-codepen { background-color: #1e1f26; color: #fff; diff --git a/packages/block-library/src/social-link/socials-without-bg.scss b/packages/block-library/src/social-link/socials-without-bg.scss index ee364ae634afac..371310628c9b22 100644 --- a/packages/block-library/src/social-link/socials-without-bg.scss +++ b/packages/block-library/src/social-link/socials-without-bg.scss @@ -10,6 +10,10 @@ color: #0757fe; } +.wp-social-link-bluesky { + color: #0a7aff; +} + .wp-social-link-codepen { color: #1e1f26; } diff --git a/packages/block-library/src/social-link/variations.js b/packages/block-library/src/social-link/variations.js index 24a6c60c3db776..a97a396882d761 100644 --- a/packages/block-library/src/social-link/variations.js +++ b/packages/block-library/src/social-link/variations.js @@ -5,6 +5,7 @@ import { AmazonIcon, BandcampIcon, BehanceIcon, + BlueskyIcon, ChainIcon, CodepenIcon, DeviantArtIcon, @@ -83,6 +84,12 @@ const variations = [ title: 'Behance', icon: BehanceIcon, }, + { + name: 'bluesky', + attributes: { service: 'bluesky' }, + title: 'Bluesky', + icon: BlueskyIcon, + }, { name: 'chain', attributes: { service: 'chain' }, diff --git a/test/integration/fixtures/blocks/core__social-link-bluesky.html b/test/integration/fixtures/blocks/core__social-link-bluesky.html new file mode 100644 index 00000000000000..b210fb03361e79 --- /dev/null +++ b/test/integration/fixtures/blocks/core__social-link-bluesky.html @@ -0,0 +1 @@ + diff --git a/test/integration/fixtures/blocks/core__social-link-bluesky.json b/test/integration/fixtures/blocks/core__social-link-bluesky.json new file mode 100644 index 00000000000000..47276685491b8f --- /dev/null +++ b/test/integration/fixtures/blocks/core__social-link-bluesky.json @@ -0,0 +1,11 @@ +[ + { + "name": "core/social-link", + "isValid": true, + "attributes": { + "url": "https://example.com/", + "service": "bluesky" + }, + "innerBlocks": [] + } +] diff --git a/test/integration/fixtures/blocks/core__social-link-bluesky.parsed.json b/test/integration/fixtures/blocks/core__social-link-bluesky.parsed.json new file mode 100644 index 00000000000000..5f51994005b45c --- /dev/null +++ b/test/integration/fixtures/blocks/core__social-link-bluesky.parsed.json @@ -0,0 +1,11 @@ +[ + { + "blockName": "core/social-link-bluesky", + "attrs": { + "url": "https://example.com/" + }, + "innerBlocks": [], + "innerHTML": "", + "innerContent": [] + } +] diff --git a/test/integration/fixtures/blocks/core__social-link-bluesky.serialized.html b/test/integration/fixtures/blocks/core__social-link-bluesky.serialized.html new file mode 100644 index 00000000000000..954f0eb1f101e7 --- /dev/null +++ b/test/integration/fixtures/blocks/core__social-link-bluesky.serialized.html @@ -0,0 +1 @@ +