Update text on Empty Favorites and add buttons

newfold-labs · Jul 22, 2024 · 9d3e6a1 · 9d3e6a1
1 parent ab75cbc
commit 9d3e6a1
Show file tree

Hide file tree

Showing 13 changed files with 641 additions and 65 deletions.
diff --git a/assets/build/utilities.js b/assets/build/utilities.js
diff --git a/assets/build/utilities.js.map b/assets/build/utilities.js.map
diff --git a/assets/scripts/utilities.js b/assets/scripts/utilities.js
@@ -11,7 +11,6 @@ document.addEventListener("wonder-blocks/toolbar-button-added", () => {
 
 // listen for wonder-blocks/animation-changed event
 document.addEventListener("wonder-blocks/animation-changed", (event) => {
-	console.log("animation changed");
 	const clientId = event?.detail?.clientId;
 	viewportAnimation(clientId);
 });
@@ -48,7 +47,6 @@ function viewportAnimation(clientId = null) {
 	// eslint-disable-next-line no-undef
 	requestAnimationFrame(() => {
 		const elementsToAnimate = Array.from(document.getElementsByClassName("nfd-wb-animate"));
-		console.log({ elementsToAnimate });
 		viewportAnimationObserver.observeElements(elementsToAnimate, clientId, isGutenberg);
 	});
 }
diff --git a/build/2.1.0/wonder-blocks-rtl.css b/build/2.1.0/wonder-blocks-rtl.css
@@ -487,6 +487,18 @@
 .nfd-wba-mt-8 {
   margin-top: 2rem;
 }
+.nfd-wba-mt-\[1px\] {
+  margin-top: 1px;
+}
+.-nfd-wba-mt-2 {
+  margin-top: -0.5rem;
+}
+.nfd-wba-ml-2 {
+  margin-right: 0.5rem;
+}
+.nfd-wba-mt-4 {
+  margin-top: 1rem;
+}
 .nfd-wba-flex {
   display: flex;
 }
@@ -508,6 +520,9 @@
 .nfd-wba-h-6 {
   height: 1.5rem;
 }
+.nfd-wba-h-full {
+  height: 100%;
+}
 .nfd-wba-min-h-10 {
   min-height: 2.5rem;
 }
@@ -614,6 +629,9 @@
 .nfd-wba-gap-8 {
   gap: 2rem;
 }
+.nfd-wba-gap-4 {
+  gap: 1rem;
+}
 .nfd-wba-gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
@@ -653,6 +671,15 @@
 .nfd-wba-rounded-none {
   border-radius: 0px;
 }
+.nfd-wba-rounded-md {
+  border-radius: 0.375rem;
+}
+.nfd-wba-rounded-\[4px\] {
+  border-radius: 4px;
+}
+.nfd-wba-rounded-sm {
+  border-radius: 0.125rem;
+}
 .nfd-wba-rounded-t {
   border-top-right-radius: 0.25rem;
   border-top-left-radius: 0.25rem;
@@ -669,6 +696,9 @@
 .nfd-wba-border-\[16px\] {
   border-width: 16px;
 }
+.nfd-wba-border-\[1px\] {
+  border-width: 1px;
+}
 .\!nfd-wba-border-b-0 {
   border-bottom-width: 0px !important;
 }
@@ -689,6 +719,13 @@
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.\!nfd-wba-border-grey-b {
+  border-color: var(--nfd-wba-color-borders) !important;
+}
+.nfd-wba-border-grey {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--nfd-wba-color-grey-rgb) / var(--tw-border-opacity));
+}
 .nfd-wba-border-r-brand\/10 {
   border-left-color: rgb(var(--nfd-wba-color-brand-rgb) / 0.1);
 }
@@ -718,32 +755,26 @@
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.nfd-wba-fill-red-600 {
-  fill: #dc2626;
-}
-.nfd-wba-fill-none {
-  fill: none;
-}
 .\!nfd-wba-fill-none {
   fill: none !important;
 }
-.nfd-wba-stroke-brand {
-  stroke: rgb(var(--nfd-wba-color-brand-rgb) / 1);
-}
-.nfd-wba-stroke-current {
-  stroke: currentColor;
+.nfd-wba-fill-red-600 {
+  fill: #dc2626;
 }
-.nfd-wba-stroke-\[var\(--nfd-wba-color-brand\)\] {
-  stroke: var(--nfd-wba-color-brand);
+.\!nfd-wba-fill-current {
+  fill: currentColor !important;
 }
-.\!nfd-wba-stroke-current {
-  stroke: currentColor !important;
+.nfd-wba-fill-current {
+  fill: currentColor;
 }
 .\!nfd-wba-stroke-brand {
   stroke: rgb(var(--nfd-wba-color-brand-rgb) / 1) !important;
 }
-.nfd-wba-stroke-black {
-  stroke: #000;
+.nfd-wba-stroke-brand {
+  stroke: rgb(var(--nfd-wba-color-brand-rgb) / 1);
+}
+.nfd-wba-stroke-red-600 {
+  stroke: #dc2626;
 }
 .\!nfd-wba-p-0 {
   padding: 0px !important;
@@ -754,6 +785,9 @@
 .nfd-wba-p-6 {
   padding: 1.5rem;
 }
+.nfd-wba-p-8 {
+  padding: 2rem;
+}
 .nfd-wba-px-0 {
   padding-right: 0px;
   padding-left: 0px;
@@ -794,6 +828,34 @@
   padding-top: 5px;
   padding-bottom: 5px;
 }
+.nfd-wba-px-8 {
+  padding-right: 2rem;
+  padding-left: 2rem;
+}
+.nfd-wba-py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+.nfd-wba-px-10 {
+  padding-right: 2.5rem;
+  padding-left: 2.5rem;
+}
+.nfd-wba-px-3 {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+.nfd-wba-py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.nfd-wba-px-5 {
+  padding-right: 1.25rem;
+  padding-left: 1.25rem;
+}
+.nfd-wba-py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
 .nfd-wba-pb-\[10\%\] {
   padding-bottom: 10%;
 }
@@ -818,12 +880,18 @@
 .nfd-wba-pt-\[5vh\] {
   padding-top: 5vh;
 }
+.nfd-wba-pl-5 {
+  padding-right: 1.25rem;
+}
 .nfd-wba-text-left {
   text-align: right;
 }
 .nfd-wba-text-center {
   text-align: center;
 }
+.nfd-wba-align-middle {
+  vertical-align: middle;
+}
 .nfd-wba-align-\[-0\.125em\] {
   vertical-align: -0.125em;
 }
@@ -857,6 +925,10 @@
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
+.nfd-wba-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
 .nfd-wba-font-light {
   font-weight: 300;
 }
@@ -896,6 +968,10 @@
   --tw-text-opacity: 1;
   color: rgb(113 113 122 / var(--tw-text-opacity));
 }
+.nfd-wba-text-grey-darker {
+  --tw-text-opacity: 1;
+  color: rgb(var(--nfd-wba-color-grey-darker-rgb) / var(--tw-text-opacity));
+}
 .nfd-wba-shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -917,13 +993,21 @@
 .nfd-wb--hide-theme-patterns [aria-label^="Wonder - "]:not([aria-label="Wonder - Pages"]) {
   display: none;
 }
+.hover\:nfd-wba-border-brand:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--nfd-wba-color-brand-rgb) / var(--tw-border-opacity));
+}
 .hover\:nfd-wba-bg-brand-darker:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--nfd-wba-color-brand-darker-rgb) / var(--tw-bg-opacity));
 }
 .hover\:nfd-wba-bg-white\/50:hover {
   background-color: rgb(255 255 255 / 0.5);
 }
+.hover\:nfd-wba-bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
 .hover\:nfd-wba-text-brand:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--nfd-wba-color-brand-rgb) / var(--tw-text-opacity));
@@ -940,6 +1024,10 @@
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.focus\:nfd-wba-bg-gray-300:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
 .focus-visible\:nfd-wba-text-white:focus-visible {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));

diff --git a/build/2.1.0/wonder-blocks.asset.php b/build/2.1.0/wonder-blocks.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '640cd8fef46b6c52a289');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'd07be4120165a2d067c8');
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '640cd8fef46b6c52a289');
		<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-dom-ready', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'd07be4120165a2d067c8');