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 0000000000000..0295d318efe81 --- /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 46c8c6d5acc6e..422ff6f02dd20 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 5e2bc616d0e5a..da28034f5a55d 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 86079515f6971..907e6bb98023d 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 ee364ae634afa..371310628c9b2 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 24a6c60c3db77..a97a396882d76 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 0000000000000..b210fb03361e7 --- /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 0000000000000..47276685491b8 --- /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 0000000000000..5f51994005b45 --- /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 0000000000000..954f0eb1f101e --- /dev/null +++ b/test/integration/fixtures/blocks/core__social-link-bluesky.serialized.html @@ -0,0 +1 @@ +