@kitconcept/volto-light-theme 8.0.0-alpha.25 → 8.0.0-alpha.26

package/.changelog.draft

@@ -1,12 +1,12 @@
-## 8.0.0-alpha.25 (2026-05-06)
+## 8.0.0-alpha.26 (2026-05-12)
 
 ### Bugfix
 
-- Fix Footer aligned with content @iRohitSingh [#838](https://github.com/kitconcept/volto-light-theme/pull/838)
-- Fixed a bug that closed the Navigation when scrolling down with the scrollbar. @ TimoBroeskamp 
-- Fixed underlined items in the controlpanel and the contents tab. @TimoBroeskamp 
-- Upgrade Volto 19a33.
-  Upgrade `volto-calendar-block` 1.0.0a9
-  https://github.com/plone/volto/releases/tag/19.0.0-alpha.33 @sneridagh 
+- Fix Mobile layout of social media icons @iRohitSingh [#852](https://github.com/kitconcept/volto-light-theme/pull/852)
+- Fix social media icon color @iRohitSingh [#854](https://github.com/kitconcept/volto-light-theme/pull/854)
+- Fix loading of inherited site customization fields on error views. @davisagli 
+- Fixed not working combinations with the richtext-widget in the text-block and updated line-height of ToC block according to figma. @TimoBroeskamp 
+- Update Volto to 19a36.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.36 @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,17 @@
 
 <!-- towncrier release notes start -->
 
+## 8.0.0-alpha.26 (2026-05-12)
+
+### Bugfix
+
+- Fix Mobile layout of social media icons @iRohitSingh [#852](https://github.com/kitconcept/volto-light-theme/pull/852)
+- Fix social media icon color @iRohitSingh [#854](https://github.com/kitconcept/volto-light-theme/pull/854)
+- Fix loading of inherited site customization fields on error views. @davisagli 
+- Fixed not working combinations with the richtext-widget in the text-block and updated line-height of ToC block according to figma. @TimoBroeskamp 
+- Update Volto to 19a36.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.36 @sneridagh 
+
 ## 8.0.0-alpha.25 (2026-05-06)
 
 ### Bugfix

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "8.0.0-alpha.25",
+  "version": "8.0.0-alpha.26",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -47,7 +47,7 @@
     "release-it": "^19.0.3",
     "typescript": "^5.7.3",
     "vitest": "^3.1.2",
-    "@plone/types": "2.0.0-alpha.18"
+    "@plone/types": "2.0.0-alpha.19"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.8",
@@ -59,8 +59,8 @@
     "react-aria-components": "^1.17.0",
     "react-colorful": "^5.6.1",
     "uuid": "^11.0.0",
-    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1",
-    "@plone/components": "^4.0.0-alpha.7"
+    "@plone/components": "^4.0.0-alpha.8",
+    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1"
   },
   "peerDependencies": {
     "classnames": "^2.5.1",

package/src/helpers/useLiveData.ts

@@ -6,6 +6,7 @@ type FormState = {
   content: {
     data: Content;
   };
+  errorContext: Content;
   form: {
     global: Content;
   };
@@ -16,11 +17,15 @@ export function useLiveData<T>(
   behavior: string | undefined,
   field: string,
 ) {
+  const errorContext = useSelector((state: FormState) => state.errorContext);
+  const context = content ?? errorContext;
+
   const location = useLocation();
   const addMode = location?.pathname?.endsWith('/add');
+
   const current = behavior
-    ? (content?.['@components']?.inherit?.[behavior]?.data?.[field] as T)
-    : (content[field] as T);
+    ? (context?.['@components']?.inherit?.[behavior]?.data?.[field] as T)
+    : (context[field] as T);
 
   const formData = useSelector<FormState, T>(
     (state) => state.form.global?.[field],

package/src/index.ts

@@ -14,6 +14,8 @@ import installWidgets from './config/widgets';
 import installSlots from './config/slots';
 import installSummary from './config/summary';
 
+import reducers from './reducers';
+
 import '@plone/components/dist/basic.css';
 
 import type {
@@ -98,6 +100,11 @@ const applyConfig = (config: ConfigType) => {
 
   config.views.contentTypesViews.Event = EventView;
 
+  config.addonReducers = {
+    ...config.addonReducers,
+    ...reducers,
+  };
+
   return config;
 };
 

package/src/reducers/errorContext.ts

@@ -0,0 +1,14 @@
+import { GET_CONTENT } from '@plone/volto/constants/ActionTypes';
+
+const initialState = {};
+
+export default function errorContext(state = initialState, action: any = {}) {
+  switch (action.type) {
+    case `${GET_CONTENT}_PENDING`:
+      return {};
+    case `${GET_CONTENT}_FAIL`:
+      return action.error.response?.body ?? {};
+    default:
+      return state;
+  }
+}

package/src/reducers/index.ts

@@ -0,0 +1,7 @@
+import errorContext from './errorContext';
+
+const reducers = {
+  errorContext,
+};
+
+export default reducers;

package/src/theme/_footer.scss

@@ -236,11 +236,22 @@
         flex-direction: column;
         justify-content: center;
         text-align: center;
+        ul.social-networks {
+          flex-wrap: wrap;
+          gap: 10px;
+          li {
+            margin-right: 0;
+          }
+        }
       }
 
       .footer-links {
         ul {
-          justify-content: center;
+          flex-wrap: wrap;
+          gap: 10px;
+          li {
+            margin-right: 0;
+          }
         }
       }
 
@@ -387,7 +398,8 @@
   .main-footer + .post-footer {
     background-color: var(--primary-color, $white);
     color: var(--primary-foreground-color, $black);
-    --social-network-icon-color-main: var(--primary-foreground-color, $black);
+    --social-network-icon-color-main: #{$black};
+    --social-network-icon-color-hover: #{$black};
   }
 }
 

package/src/theme/_typo-custom.scss

@@ -37,6 +37,8 @@ header .navigation .item {
   .breadcrumbs {
     a:not(.card-primary-link, .label, .item) {
       color: var(--link-foreground-color, var(--theme-foreground-color));
+      font: inherit;
+      line-height: inherit;
       text-decoration: underline;
     }
   }

package/src/theme/blocks/_toc.scss

@@ -1,8 +1,9 @@
 .table-of-contents {
   .ui.bulleted.list {
     li {
+      line-height: 30px;
       a {
-        text-decoration: underline;
+        line-height: inherit;
       }
 
       &::before {