@kitconcept/volto-light-theme 7.6.1 → 7.6.3

package/.changelog.draft

@@ -1,8 +1,8 @@
-## 7.6.1 (2025-11-05)
+## 7.6.3 (2025-12-01)
 
-### Internal
+### Bugfix
 
-- Use volto-dsgvo-banner series 3.x
-  Use volto-logos0-block series 3.x final. @sneridagh 
+- Fix css of unauthorized Page @iRohitSingh [#736](https://github.com/kitconcept/volto-light-theme/pull/736)
+- Hide complementary logo in mobile devices @Tishasoumya-02 
 
 

package/CHANGELOG.md

@@ -8,6 +8,25 @@
 
 <!-- towncrier release notes start -->
 
+## 7.6.3 (2025-12-01)
+
+### Bugfix
+
+- Fix css of unauthorized Page @iRohitSingh [#736](https://github.com/kitconcept/volto-light-theme/pull/736)
+- Hide complementary logo in mobile devices @Tishasoumya-02 
+
+## 7.6.2 (2025-11-17)
+
+### Bugfix
+
+- Fixed Accordion arrow/buttons no longer shrink when the title text becomes too long. @jnptk 
+- Fixes text in the sticky menu if the text was long enough to wrap. @jnptk 
+- Identify intranet header with a className in `header header-intranet` div. @sneridagh 
+
+### Internal
+
+- Use `volto-carousel-block` latest version. @sneridagh 
+
 ## 7.6.1 (2025-11-05)
 
 ### Internal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "7.6.1",
+  "version": "7.6.3",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -64,7 +64,7 @@
     "@kitconcept/volto-banner-block": "^1.1.0",
     "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1",
     "@kitconcept/volto-button-block": "^4.0.0",
-    "@kitconcept/volto-carousel-block": "^2.0.0-alpha.3",
+    "@kitconcept/volto-carousel-block": "^2.0.0",
     "@kitconcept/volto-dsgvo-banner": "^3.0.1",
     "@kitconcept/volto-heading-block": "^2.5.0",
     "@kitconcept/volto-highlight-block": "^4.5.0",
@@ -72,7 +72,7 @@
     "@kitconcept/volto-logos-block": "^3.0.0",
     "@kitconcept/volto-separator-block": "^4.2.1",
     "@kitconcept/volto-slider-block": "^6.4.1",
-    "@plonegovbr/volto-social-media": "^2.0.0-alpha.10",
+    "@plonegovbr/volto-social-media": "^2.0.0",
     "classnames": "^2.2.6",
     "lodash": "4.17.21",
     "react": "18.2.0",

package/src/components/Header/Header.tsx

@@ -162,7 +162,7 @@ const IntranetHeader = ({ pathname, content }) => {
 
   return (
     <>
-      <div className="header">
+      <div className="header header-intranet">
         <div className="tools-wrapper">
           <LanguageSelector />
 

package/src/internalChecks.test.ts

@@ -0,0 +1,94 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { describe, expect, it } from 'vitest';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const recommendedAddonsPath = path.resolve(
+  __dirname,
+  '../../../..',
+  'recommendedAddons.json',
+);
+const mrsDeveloperPath = path.resolve(
+  __dirname,
+  '../../..',
+  'mrs.developer.json',
+);
+
+const readJSON = <T>(filePath: string): T =>
+  JSON.parse(fs.readFileSync(filePath, 'utf-8'));
+
+const normalizeVersion = (version: unknown) =>
+  typeof version === 'string' ? version.replace(/^[\\^~]/, '') : version;
+
+const excludedPackages = new Set(['@eeacms/volto-accordion-block']);
+
+describe('internal checks', () => {
+  it('keeps recommended add-ons in sync with mrs.developer.json', () => {
+    const recommendedAddons = readJSON<Record<string, string>>(
+      recommendedAddonsPath,
+    );
+    const mrsDeveloper = readJSON<Record<string, unknown>>(mrsDeveloperPath);
+
+    const mrsByPackage = Object.entries(mrsDeveloper).reduce<
+      Record<string, Record<string, unknown> & { configKey: string }>
+    >((acc, [configKey, configValue]) => {
+      if (
+        configValue &&
+        typeof configValue === 'object' &&
+        'package' in configValue
+      ) {
+        acc[String((configValue as Record<string, unknown>).package)] = {
+          ...(configValue as Record<string, unknown>),
+          configKey,
+        };
+      }
+      return acc;
+    }, {});
+
+    const issues: string[] = [];
+
+    Object.entries(recommendedAddons).forEach(
+      ([packageName, recommendedVersion]) => {
+        if (excludedPackages.has(packageName)) return;
+
+        const mrsEntry = mrsByPackage[packageName];
+
+        if (!mrsEntry) {
+          issues.push(
+            `${packageName} is listed in recommendedAddons.json but missing from frontend/mrs.developer.json.`,
+          );
+          return;
+        }
+
+        const mrsVersion =
+          (mrsEntry.tag as string | undefined) ||
+          (mrsEntry.branch as string | undefined) ||
+          (mrsEntry.version as string | undefined);
+
+        if (!mrsVersion) {
+          issues.push(
+            `${packageName} (${mrsEntry.configKey}) has no tag, branch, or version specified in frontend/mrs.developer.json.`,
+          );
+          return;
+        }
+
+        const normalizedRecommended = normalizeVersion(recommendedVersion);
+        const normalizedMrsVersion = normalizeVersion(mrsVersion);
+
+        if (
+          recommendedVersion !== mrsVersion &&
+          normalizedRecommended !== normalizedMrsVersion
+        ) {
+          issues.push(
+            `${packageName} differs: recommendedAddons.json=${recommendedVersion} vs frontend/mrs.developer.json(${mrsEntry.configKey})=${mrsVersion}.`,
+          );
+        }
+      },
+    );
+
+    expect(issues).toEqual([]);
+  });
+});

package/src/theme/_header.scss

@@ -418,6 +418,10 @@
       flex: 1 1 auto;
       flex-direction: row-reverse;
 
+      @media only screen and (max-width: $largest-mobile-screen) {
+        display: none;
+      }
+
       @media only screen and (max-width: $computer-breakpoint) {
         flex: 0 1 55px;
       }

package/src/theme/blocks/_accordion.scss

@@ -26,6 +26,7 @@
       & > span,
       .input-accordion-title {
         @include introduction();
+        max-width: calc(100% - 50px); // 100% - svg height
         color: $darkGrey;
       }
 

package/src/theme/notfound.scss

@@ -1,3 +1,4 @@
+.view-editview.is-anonymous,
 .page-not-found {
   .content-area {
     @include default-container-width();

package/src/theme/sticky-menu.scss

@@ -21,7 +21,9 @@ body.cms-ui .sticky-menu {
     flex-direction: column;
     padding: 0;
     margin: 0;
+    gap: 1px;
     list-style: none;
+    text-align: center;
 
     li a {
       display: flex;
@@ -34,16 +36,17 @@ body.cms-ui .sticky-menu {
       font-size: 10px;
       font-style: normal;
       font-weight: 700;
-      line-height: 18px; /* 180% */
+      line-height: 12px;
       text-transform: capitalize;
     }
 
     li {
       display: flex;
-      height: 93px;
+      min-height: 97px;
       flex-direction: column;
       align-items: center;
       justify-content: center;
+      padding: 5px 10px;
       margin-bottom: 2px;
       background: var(--sticky-menu-color, #555);
       color: var(--sticky-menu-foreground-color, #fff);
@@ -51,7 +54,7 @@ body.cms-ui .sticky-menu {
       font-size: 10px;
       font-style: normal;
       font-weight: 700;
-      line-height: 18px; /* 180% */
+      line-height: 12px;
       text-transform: capitalize;
     }