From 1aeb68529a798915faee77b23f0712f3b66ddaca Mon Sep 17 00:00:00 2001 From: James Koster Date: Wed, 18 Sep 2024 14:33:08 +0100 Subject: [PATCH 1/5] Use menu icon in home button --- packages/edit-site/src/components/editor/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js index b99a7cd78ed37..85fef8e95f894 100644 --- a/packages/edit-site/src/components/editor/index.js +++ b/packages/edit-site/src/components/editor/index.js @@ -22,7 +22,7 @@ import { store as noticesStore } from '@wordpress/notices'; import { privateApis as routerPrivateApis } from '@wordpress/router'; import { store as preferencesStore } from '@wordpress/preferences'; import { decodeEntities } from '@wordpress/html-entities'; -import { Icon, homeButton } from '@wordpress/icons'; +import { Icon, menu } from '@wordpress/icons'; /** * Internal dependencies @@ -292,7 +292,7 @@ export default function EditSiteEditor( { isPostsList = false } ) { ) } variants={ toggleHomeIconVariants } > - + ) From 1c5d3e40b499283efa7bc20728c44b887e34590e Mon Sep 17 00:00:00 2001 From: James Koster Date: Thu, 19 Sep 2024 17:32:41 +0100 Subject: [PATCH 2/5] Add directionSE icon and apply to home button --- packages/edit-site/src/components/editor/index.js | 4 ++-- packages/icons/CHANGELOG.md | 1 + packages/icons/src/index.js | 1 + packages/icons/src/library/direction-se.js | 12 ++++++++++++ 4 files changed, 16 insertions(+), 2 deletions(-) create mode 100644 packages/icons/src/library/direction-se.js diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js index 85fef8e95f894..a00e052966a2e 100644 --- a/packages/edit-site/src/components/editor/index.js +++ b/packages/edit-site/src/components/editor/index.js @@ -22,7 +22,7 @@ import { store as noticesStore } from '@wordpress/notices'; import { privateApis as routerPrivateApis } from '@wordpress/router'; import { store as preferencesStore } from '@wordpress/preferences'; import { decodeEntities } from '@wordpress/html-entities'; -import { Icon, menu } from '@wordpress/icons'; +import { Icon, directionSE } from '@wordpress/icons'; /** * Internal dependencies @@ -292,7 +292,7 @@ export default function EditSiteEditor( { isPostsList = false } ) { ) } variants={ toggleHomeIconVariants } > - + ) diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index a59229e1b0eba..39f9780fe493d 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -5,6 +5,7 @@ ### New Features - Add new `bell` and `bell-unread` icons. +- Add new `directionSE` icon. ## 10.7.0 (2024-09-05) diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index 9ab41bd362027..ce9f123cf5567 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -73,6 +73,7 @@ export { default as currencyPound } from './library/currency-pound'; export { default as customPostType } from './library/custom-post-type'; export { default as desktop } from './library/desktop'; export { default as details } from './library/details'; +export { default as directionSE } from './library/direction-se'; export { default as drafts } from './library/drafts'; export { default as dragHandle } from './library/drag-handle'; export { default as drawerLeft } from './library/drawer-left'; diff --git a/packages/icons/src/library/direction-se.js b/packages/icons/src/library/direction-se.js new file mode 100644 index 0000000000000..4abd803f82e0b --- /dev/null +++ b/packages/icons/src/library/direction-se.js @@ -0,0 +1,12 @@ +/** + * WordPress dependencies + */ +import { SVG, Path } from '@wordpress/primitives'; + +const directionSE = ( + + + +); + +export default directionSE; From 620da616abc7370efddb39228463555661384bd9 Mon Sep 17 00:00:00 2001 From: James Koster Date: Tue, 24 Sep 2024 10:08:24 +0100 Subject: [PATCH 3/5] Try alternative arrow --- packages/edit-site/src/components/editor/index.js | 4 ++-- packages/edit-site/src/components/editor/style.scss | 4 ++++ packages/icons/CHANGELOG.md | 2 +- packages/icons/src/index.js | 1 + packages/icons/src/library/direction-nw.js | 12 ++++++++++++ packages/icons/src/library/direction-se.js | 2 +- 6 files changed, 21 insertions(+), 4 deletions(-) create mode 100644 packages/icons/src/library/direction-nw.js diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js index 6ad5ae34585ca..47d13f0244a3f 100644 --- a/packages/edit-site/src/components/editor/index.js +++ b/packages/edit-site/src/components/editor/index.js @@ -22,7 +22,7 @@ import { store as noticesStore } from '@wordpress/notices'; import { privateApis as routerPrivateApis } from '@wordpress/router'; import { store as preferencesStore } from '@wordpress/preferences'; import { decodeEntities } from '@wordpress/html-entities'; -import { Icon, directionSE } from '@wordpress/icons'; +import { Icon, directionNW } from '@wordpress/icons'; /** * Internal dependencies @@ -291,7 +291,7 @@ export default function EditSiteEditor( { isPostsList = false } ) { ) } variants={ toggleHomeIconVariants } > - + ) diff --git a/packages/edit-site/src/components/editor/style.scss b/packages/edit-site/src/components/editor/style.scss index 10efff92af643..a6cc508496694 100644 --- a/packages/edit-site/src/components/editor/style.scss +++ b/packages/edit-site/src/components/editor/style.scss @@ -69,6 +69,10 @@ background-color: hsla(0, 0%, 80%); pointer-events: none; + svg { + fill: currentColor; + } + &.has-site-icon { background-color: hsla(0, 0%, 100%, 0.6); -webkit-backdrop-filter: saturate(180%) blur(15px); diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 77b1a46c937ed..1d50c8e3818f5 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -7,7 +7,7 @@ ### New Features - Add new `bell` and `bell-unread` icons. -- Add new `directionSE` icon. +- Add new `directionSE` and `directionNW` icons. ## 10.7.0 (2024-09-05) diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index ce9f123cf5567..57ada2aad430d 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -73,6 +73,7 @@ export { default as currencyPound } from './library/currency-pound'; export { default as customPostType } from './library/custom-post-type'; export { default as desktop } from './library/desktop'; export { default as details } from './library/details'; +export { default as directionNW } from './library/direction-nw'; export { default as directionSE } from './library/direction-se'; export { default as drafts } from './library/drafts'; export { default as dragHandle } from './library/drag-handle'; diff --git a/packages/icons/src/library/direction-nw.js b/packages/icons/src/library/direction-nw.js new file mode 100644 index 0000000000000..a9ef8dc15a8a4 --- /dev/null +++ b/packages/icons/src/library/direction-nw.js @@ -0,0 +1,12 @@ +/** + * WordPress dependencies + */ +import { SVG, Path } from '@wordpress/primitives'; + +const directionNW = ( + + + +); + +export default directionNW; diff --git a/packages/icons/src/library/direction-se.js b/packages/icons/src/library/direction-se.js index 4abd803f82e0b..79a473d770b24 100644 --- a/packages/icons/src/library/direction-se.js +++ b/packages/icons/src/library/direction-se.js @@ -5,7 +5,7 @@ import { SVG, Path } from '@wordpress/primitives'; const directionSE = ( - + ); From ddba1deafe9969fc953cb60306a7ef3cbc44e5dd Mon Sep 17 00:00:00 2001 From: James Koster Date: Fri, 27 Sep 2024 14:50:55 +0100 Subject: [PATCH 4/5] Update arrow names --- packages/edit-site/src/components/editor/index.js | 4 ++-- packages/icons/CHANGELOG.md | 2 +- packages/icons/src/index.js | 4 ++-- .../src/library/{direction-se.js => arrow-down-right.js} | 4 ++-- .../icons/src/library/{direction-nw.js => arrowUpLeft.js} | 4 ++-- 5 files changed, 9 insertions(+), 9 deletions(-) rename packages/icons/src/library/{direction-se.js => arrow-down-right.js} (79%) rename packages/icons/src/library/{direction-nw.js => arrowUpLeft.js} (82%) diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js index 47d13f0244a3f..855225081236c 100644 --- a/packages/edit-site/src/components/editor/index.js +++ b/packages/edit-site/src/components/editor/index.js @@ -22,7 +22,7 @@ import { store as noticesStore } from '@wordpress/notices'; import { privateApis as routerPrivateApis } from '@wordpress/router'; import { store as preferencesStore } from '@wordpress/preferences'; import { decodeEntities } from '@wordpress/html-entities'; -import { Icon, directionNW } from '@wordpress/icons'; +import { Icon, arrowUpLeft } from '@wordpress/icons'; /** * Internal dependencies @@ -291,7 +291,7 @@ export default function EditSiteEditor( { isPostsList = false } ) { ) } variants={ toggleHomeIconVariants } > - + ) diff --git a/packages/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md index 1d50c8e3818f5..d43faea8e3ba3 100644 --- a/packages/icons/CHANGELOG.md +++ b/packages/icons/CHANGELOG.md @@ -7,7 +7,7 @@ ### New Features - Add new `bell` and `bell-unread` icons. -- Add new `directionSE` and `directionNW` icons. +- Add new `arrowUpLeft` and `arrowDownRight` icons. ## 10.7.0 (2024-09-05) diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index 57ada2aad430d..e6dc3d295d249 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -10,9 +10,11 @@ export { default as alignNone } from './library/align-none'; export { default as alignRight } from './library/align-right'; export { default as archive } from './library/archive'; export { default as arrowDown } from './library/arrow-down'; +export { default as arrowDownRight } from './library/arrow-down-right'; export { default as arrowLeft } from './library/arrow-left'; export { default as arrowRight } from './library/arrow-right'; export { default as arrowUp } from './library/arrow-up'; +export { default as arrowUpLeft } from './library/arrowUpLeft'; export { default as atSymbol } from './library/at-symbol'; export { default as aspectRatio } from './library/aspect-ratio'; export { default as audio } from './library/audio'; @@ -73,8 +75,6 @@ export { default as currencyPound } from './library/currency-pound'; export { default as customPostType } from './library/custom-post-type'; export { default as desktop } from './library/desktop'; export { default as details } from './library/details'; -export { default as directionNW } from './library/direction-nw'; -export { default as directionSE } from './library/direction-se'; export { default as drafts } from './library/drafts'; export { default as dragHandle } from './library/drag-handle'; export { default as drawerLeft } from './library/drawer-left'; diff --git a/packages/icons/src/library/direction-se.js b/packages/icons/src/library/arrow-down-right.js similarity index 79% rename from packages/icons/src/library/direction-se.js rename to packages/icons/src/library/arrow-down-right.js index 79a473d770b24..3755b63873cef 100644 --- a/packages/icons/src/library/direction-se.js +++ b/packages/icons/src/library/arrow-down-right.js @@ -3,10 +3,10 @@ */ import { SVG, Path } from '@wordpress/primitives'; -const directionSE = ( +const arrowDownRight = ( ); -export default directionSE; +export default arrowDownRight; diff --git a/packages/icons/src/library/direction-nw.js b/packages/icons/src/library/arrowUpLeft.js similarity index 82% rename from packages/icons/src/library/direction-nw.js rename to packages/icons/src/library/arrowUpLeft.js index a9ef8dc15a8a4..1b3686f6ec1e6 100644 --- a/packages/icons/src/library/direction-nw.js +++ b/packages/icons/src/library/arrowUpLeft.js @@ -3,10 +3,10 @@ */ import { SVG, Path } from '@wordpress/primitives'; -const directionNW = ( +const arrowUpLeft = ( ); -export default directionNW; +export default arrowUpLeft; From 5714fee4f339c70dce2f429fc39a13b27b41b219 Mon Sep 17 00:00:00 2001 From: James Koster Date: Fri, 27 Sep 2024 14:52:50 +0100 Subject: [PATCH 5/5] Fix file name --- packages/icons/src/index.js | 2 +- packages/icons/src/library/{arrowUpLeft.js => arrow-up-left.js} | 0 2 files changed, 1 insertion(+), 1 deletion(-) rename packages/icons/src/library/{arrowUpLeft.js => arrow-up-left.js} (100%) diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js index e6dc3d295d249..63d06471370d6 100644 --- a/packages/icons/src/index.js +++ b/packages/icons/src/index.js @@ -14,7 +14,7 @@ export { default as arrowDownRight } from './library/arrow-down-right'; export { default as arrowLeft } from './library/arrow-left'; export { default as arrowRight } from './library/arrow-right'; export { default as arrowUp } from './library/arrow-up'; -export { default as arrowUpLeft } from './library/arrowUpLeft'; +export { default as arrowUpLeft } from './library/arrow-up-left'; export { default as atSymbol } from './library/at-symbol'; export { default as aspectRatio } from './library/aspect-ratio'; export { default as audio } from './library/audio'; diff --git a/packages/icons/src/library/arrowUpLeft.js b/packages/icons/src/library/arrow-up-left.js similarity index 100% rename from packages/icons/src/library/arrowUpLeft.js rename to packages/icons/src/library/arrow-up-left.js