@kitconcept/volto-light-theme 7.0.0-beta.6 → 7.0.0

package/.changelog.draft

@@ -1,7 +1,8 @@
-## 7.0.0-beta.6 (2025-09-22)
+## 7.0.0 (2025-09-25)
 
 ### Bugfix
 
-- Fix styles for H3 headings in slate grids. @danalvrz 
+- Ensure the Refresh Content button correctly loads the preview image when using preview_image_link for Slider block. @iFlameing 
+- Last german literal fix: ALT-Text. @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,25 @@
 
 <!-- towncrier release notes start -->
 
+## 7.0.0 (2025-09-25)
+
+### Bugfix
+
+- Ensure the Refresh Content button correctly loads the preview image when using preview_image_link for Slider block. @iFlameing 
+- Last german literal fix: ALT-Text. @sneridagh 
+
+## 7.0.0-beta.7 (2025-09-24)
+
+### Feature
+
+- Make it possible for custom Summary components to disable being linked. @davisagli 
+
+### Bugfix
+
+- Enable add block button in accordion block @iRohitSingh [#668](https://github.com/kitconcept/volto-light-theme/pull/668)
+- Safely check for `voltolighttheme.theme` behavior on Theming component. @ericof [#671](https://github.com/kitconcept/volto-light-theme/pull/671)
+- Fix styles for person listing in Search block grid variation. @danalvrz 
+
 ## 7.0.0-beta.6 (2025-09-22)
 
 ### Bugfix

package/locales/de/LC_MESSAGES/volto.po

@@ -67,7 +67,7 @@ msgstr "Ausrichtung"
 #: components/Widgets/schema/footerLogosSchema
 #: components/Widgets/schema/iconLinkListSchema
 msgid "Alt text"
-msgstr "Alternative Text"
+msgstr "ALT-Text"
 
 #. Default: "Ascending"
 #: components/Blocks/EventCalendar/Search/components/SortOn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/Blocks/Listing/DefaultTemplate.jsx

@@ -31,6 +31,7 @@ const DefaultTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               name: 'Summary',
               dependencies: [item['@type']],
             }).component || DefaultSummary;
+          const showLink = !Summary.hideLink && !isEditMode;
           return (
             <div
               className={cx('listing-item', {
@@ -38,7 +39,7 @@ const DefaultTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               })}
               key={item['@id']}
             >
-              <Card href={!isEditMode ? item['@id'] : null}>
+              <Card href={showLink ? item['@id'] : null}>
                 <Card.Summary>
                   <Summary item={item} HeadingTag="h2" />
                 </Card.Summary>

package/src/components/Blocks/Listing/GridTemplate.jsx

@@ -26,18 +26,19 @@ const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
     <>
       <div className="items">
         {items.map((item) => {
-          const ItemBodyTemplate = (props) => {
-            const CustomItemBodyTemplate = config.getComponent({
-              name: 'GridListingItemTemplate',
+          const CustomItemBodyTemplate = config.getComponent({
+            name: 'GridListingItemTemplate',
+            dependencies: [item['@type']],
+          }).component;
+          const Summary =
+            config.getComponent({
+              name: 'Summary',
               dependencies: [item['@type']],
-            }).component;
-            const Summary =
-              config.getComponent({
-                name: 'Summary',
-                dependencies: [item['@type']],
-              }).component || DefaultSummary;
+            }).component || DefaultSummary;
+          const showLink = !Summary.hideLink && !isEditMode;
 
-            return CustomItemBodyTemplate ? (
+          const ItemBodyTemplate = (props) =>
+            CustomItemBodyTemplate ? (
               <CustomItemBodyTemplate item={item} />
             ) : (
               <>
@@ -53,7 +54,7 @@ const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
                 </Card.Summary>
               </>
             );
-          };
+
           return (
             <div
               className={cx('listing-item', {
@@ -61,7 +62,7 @@ const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               })}
               key={item['@id']}
             >
-              <Card href={!isEditMode ? item['@id'] : null}>
+              <Card href={showLink ? item['@id'] : null}>
                 <ItemBodyTemplate item={item} />
               </Card>
             </div>

package/src/components/Blocks/Listing/SummaryTemplate.jsx

@@ -34,7 +34,7 @@ const SummaryTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               name: 'Summary',
               dependencies: [item['@type']],
             }).component || DefaultSummary;
-
+          const showLink = !Summary.hideLink && !isEditMode;
           const ItemBodyTemplate = (props) =>
             CustomItemBodyTemplate ? (
               <CustomItemBodyTemplate item={item} />
@@ -57,7 +57,7 @@ const SummaryTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               })}
               key={item['@id']}
             >
-              <Card href={!isEditMode ? item['@id'] : null}>
+              <Card href={showLink ? item['@id'] : null}>
                 <ItemBodyTemplate item={item} />
               </Card>
             </div>

package/src/components/Blocks/Slider/Data.jsx

@@ -28,6 +28,16 @@ const messages = defineMessages({
   },
 });
 
+function getImageField(resp) {
+  if (!resp) return null;
+
+  if (resp.preview_image_link) return 'preview_image_link';
+  if (resp.preview_image) return 'preview_image';
+  if (resp.image) return 'image';
+
+  return null;
+}
+
 const SliderData = (props) => {
   const {
     block,
@@ -48,16 +58,20 @@ const SliderData = (props) => {
       '@type': resp?.['@type'],
       Description: resp?.description,
       Title: resp.title,
-      hasPreviewImage: resp?.preview_image ? true : false,
+      hasPreviewImage: getImageField(resp) ? true : false,
       head_title: resp.head_title ?? null,
-      image_field: resp?.preview_image
-        ? 'preview_image'
-        : resp?.image
-          ? 'image'
-          : null,
+      image_field: getImageField(resp),
       image_scales: {
         preview_image: [resp?.preview_image],
         image: [resp?.image],
+        preview_image_link: resp?.preview_image_link
+          ? [
+              {
+                ...resp?.preview_image_link?.['image_scales']?.image?.[0],
+                base_path: resp?.preview_image_link?.['@id'],
+              },
+            ]
+          : [],
       },
       title: resp.title,
     };

package/src/components/Blocks/Teaser/DefaultBody.tsx

@@ -1,5 +1,6 @@
 import { isInternalURL } from '@plone/volto/helpers/Url/Url';
 import DefaultSummary from '@kitconcept/volto-light-theme/components/Summary/DefaultSummary';
+import type { SummaryComponentType } from '@kitconcept/volto-light-theme/components/Summary/DefaultSummary';
 import Card from '../../../primitives/Card/Card';
 import config from '@plone/volto/registry';
 
@@ -10,11 +11,11 @@ const TeaserDefaultTemplate = (props) => {
   const url = data.preview_image?.[0]?.['@id'];
 
   const Image = config.getComponent('Image').component;
-  const Summary =
-    config.getComponent({
-      name: 'Summary',
-      dependencies: [href['@type']],
-    }).component || DefaultSummary;
+  const Summary = (config.getComponent({
+    name: 'Summary',
+    dependencies: [href['@type']],
+  }).component || DefaultSummary) as SummaryComponentType;
+  const showLink = !Summary.hideLink && !isEditMode;
   const { openExternalLinkInNewTab } = config.settings;
   const openLinkInNewTab =
     data.openLinkInNewTab ||
@@ -23,7 +24,7 @@ const TeaserDefaultTemplate = (props) => {
 
   return (
     <Card
-      href={!isEditMode ? href['@id'] : null}
+      href={showLink ? href['@id'] : null}
       openLinkInNewTab={openLinkInNewTab}
     >
       <Card.Image

package/src/components/Summary/DefaultSummary.tsx

@@ -8,6 +8,10 @@ export type DefaultSummaryProps = {
   hide_description?: boolean;
 };
 
+export type SummaryComponentType = React.ComponentType<DefaultSummaryProps> & {
+  hideLink?: boolean;
+};
+
 const DefaultSummary = (props: DefaultSummaryProps) => {
   const { item, HeadingTag = 'h3', a11yLabelId, hide_description } = props;
   return (
@@ -20,5 +24,6 @@ const DefaultSummary = (props: DefaultSummaryProps) => {
     </>
   );
 };
+DefaultSummary.hideLink = false;
 
 export default DefaultSummary;

package/src/components/Theming/Theming.tsx

@@ -48,7 +48,7 @@ const Theming = ({ content }: { content: Content }) => {
   const addingFromInherited =
     location.pathname.endsWith('/add') &&
     flattenToAppURL(
-      content?.['@components']?.inherit?.['voltolighttheme.theme'].from['@id'],
+      content?.['@components']?.inherit?.['voltolighttheme.theme']?.from['@id'],
     ) === getBaseUrl(location.pathname);
 
   let liveContent;

package/src/theme/blocks/_accordion.scss

@@ -5,6 +5,9 @@
 
 .accordion-block,
 .block-editor-accordion {
+  .block-add-button {
+    display: block !important;
+  }
   .ui.styled.accordion {
     border-top: 1px solid $black;
 

package/src/theme/blocks/_search.scss

@@ -77,7 +77,9 @@
 
     .search-input {
       position: relative;
+      display: block;
       height: 75px;
+      padding-right: $spacing-xlarge;
       background-color: $secondary-grey;
 
       .ui.input {

package/src/theme/card.scss

@@ -3,8 +3,8 @@
   transition: box-shadow 0.15s ease;
 }
 
-.card:has(a):hover,
-.card:has(a):focus-within {
+.card:has(> a):hover,
+.card:has(> a):focus-within {
   cursor: pointer;
 }
 

package/src/theme/person.scss

@@ -227,37 +227,72 @@ body .block.gridBlock .contained .person-teaser .card-inner {
       .description {
         margin-bottom: $spacing-small;
       }
+
+      .summary-extra-info.email {
+        a {
+          width: auto;
+        }
+        svg.icon {
+          margin-right: 8px;
+        }
+      }
     }
   }
-}
 
-.block.listing.grid .listing-item.person-listing {
-  .card {
-    background: var(--theme-color);
-  }
-  .image-wrapper {
-    margin: 0 auto;
-  }
-  .listing-item {
-    &,
-    & a {
-      align-items: inherit;
+  &:not(.grid) .listing-item.person-listing {
+    .summary-room-phone {
+      justify-content: flex-start;
+      gap: 0;
+      .summary-extra-info {
+        &:not(:last-child)::after {
+          margin: 0 7px 0 10px;
+          content: '|';
+        }
+      }
     }
   }
-  .card-summary {
-    padding-right: 0px !important;
-    padding-left: 0px !important;
-    text-align: center;
+}
 
-    .description {
-      margin-bottom: $spacing-small !important;
+.block.listing.grid,
+.block.search.grid {
+  .listing-item.person-listing {
+    .card {
+      background: var(--theme-color);
     }
-  }
+    .image-wrapper {
+      margin: 0 auto;
+    }
+    .listing-item {
+      &,
+      & a {
+        align-items: inherit;
+      }
+    }
+    .card-summary {
+      padding-right: 0px !important;
+      padding-left: 0px !important;
+      text-align: center;
 
-  .summary-extra-info,
-  .summary-room-phone {
-    display: inline-flex;
-    justify-content: center;
+      .description {
+        margin-bottom: $spacing-small !important;
+      }
+    }
+
+    .summary-extra-info {
+      justify-content: center;
+    }
+    .summary-room-phone {
+      display: inline-flex;
+    }
+
+    .summary-extra-info.email {
+      svg.icon {
+        margin-right: 10px;
+      }
+      a {
+        width: auto;
+      }
+    }
   }
 }
 
@@ -308,10 +343,13 @@ body.person-squared-images,
       }
     }
   }
-  .block.listing .listing-item.person-listing .card-summary {
-    .summary-room-phone {
-      flex-direction: column;
-      gap: 0;
+  .block.listing,
+  .block.search {
+    .listing-item.person-listing .card-summary {
+      .summary-room-phone {
+        flex-direction: column;
+        gap: 0;
+      }
     }
   }
 }