npm - @tollerud/footer - Versions diffs - 1.1.3 → 1.1.4 - Mend

@tollerud/footer 1.1.3 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -95,7 +95,36 @@ If a host app needs always-horizontal layout (logo left, text right), use `layou
 - `responsive` (default): `flex-col md:flex-row` behavior
 - `row`: always horizontal `flex-row` behavior
-### Custom surface (any background)
+### Consistent branding with configurable surface
+The footer now enforces a consistent design across host apps by default (`enforceBranding` defaults to `true`).
+In enforced mode:
+- custom visual override props are ignored
+- only top border and background are configurable via `classNameBorder` and `classNameBackground`
+```tsx
+<Footer
+  layout="row"
+  classNameBorder="border-t border-white/10"
+  classNameBackground="bg-black/50 backdrop-blur-sm"
+/>
+```
+### Optional full customization (legacy behavior)
+If you need full control, disable branding enforcement:
+```tsx
+<Footer
+  enforceBranding={false}
+  unstyled
+  className="border-t border-white/10 bg-black/50 backdrop-blur-sm"
+  classNameText="text-sm text-white/90"
+  classNameLogo="h-5 w-5 text-[#ffff00]"
+  classNameLink="decoration-[#ffff00] text-white/95"
+/>
+```
 Default footer applies `bg-gray-50` / `dark:bg-gray-900` and a top border. For overlays (e.g. **50% black** on top of imagery or video), use **`unstyled`** and pass your own surface classes or inline styles so you are not fighting those defaults:
@@ -121,7 +150,7 @@ Same idea with inline style:
 />
 ```
-Props: `layout`, `className` / `style` on `<footer>`, `classNameInner` on the inner max-width row, `classNameLogo`, `classNameText`, `classNameLink`. Tailwind’s build must still scan this package (see above).
+Props: `layout`, `enforceBranding`, `classNameBorder`, `classNameBackground`, `className` / `style`, `classNameInner`, `classNameLogo`, `classNameText`, `classNameLink`, `unstyled`. Tailwind’s build must still scan this package (see above).
 ## Develop and publish

package/dist/index.cjs CHANGED Viewed

@@ -13,6 +13,9 @@ var defaultLabels = {
 function Footer({
   labels,
   layout = "responsive",
+  enforceBranding = true,
+  classNameBorder,
+  classNameBackground,
   className,
   style,
   unstyled = false,
@@ -23,80 +26,94 @@ function Footer({
 }) {
   const t = { ...defaultLabels, ...labels };
   const attribution = t.attribution?.trim();
-  const footerSurface = unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
+  const brandingEnforced = enforceBranding;
+  const footerSurface = brandingEnforced ? cn(
+    classNameBorder ?? "border-t border-gray-200 dark:border-gray-800",
+    classNameBackground ?? "bg-gray-50 dark:bg-gray-900"
+  ) : unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
   const innerLayoutClasses = layout === "row" ? "max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4" : "max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0";
   const textWrapperClasses = layout === "row" ? "flex-1 text-right ml-4" : "flex-1 text-center md:text-right md:ml-4";
   const textLayoutClasses = layout === "row" ? "text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0" : "text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0";
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("w-full pt-4 pb-4", footerSurface, className), style, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "footer",
     {
-      className: cn(
-        innerLayoutClasses,
-        classNameInner
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "svg",
-          {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 130 143",
-            version: "1.1",
-            xmlns: "http://www.w3.org/2000/svg",
-            xmlnsXlink: "http://www.w3.org/1999/xlink",
-            className: cn("h-5 w-5 text-black dark:text-[#ffff00]", classNameLogo),
-            role: "img",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Tollerud Logo" }),
-              /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
-                  id: "Monogram"
-                }
-              ) }) }) }) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: textWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "p",
-          {
-            className: cn(
-              textLayoutClasses,
-              classNameText
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "a",
-                  {
-                    href: "https://tollerud.no",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: cn(
-                      "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
-                      classNameLink
-                    ),
-                    style: {
-                      textDecorationThickness: "3px",
-                      textUnderlineOffset: "4px"
-                    },
-                    children: t.tollerudProject
-                  }
+      className: cn("w-full pt-4 pb-4", footerSurface, brandingEnforced ? void 0 : className),
+      style: brandingEnforced ? void 0 : style,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            innerLayoutClasses,
+            brandingEnforced ? void 0 : classNameInner
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 130 143",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                xmlnsXlink: "http://www.w3.org/1999/xlink",
+                className: cn(
+                  "h-5 w-5 text-black dark:text-[#ffff00]",
+                  brandingEnforced ? void 0 : classNameLogo
+                ),
+                role: "img",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Tollerud Logo" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
+                      id: "Monogram"
+                    }
+                  ) }) }) }) })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: textWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
+              {
+                className: cn(
+                  textLayoutClasses,
+                  brandingEnforced ? void 0 : classNameText
                 ),
-                attribution ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  " ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: attribution })
-                ] }) : null,
-                " "
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: layout === "row" ? "ml-1" : "md:ml-1", children: t.allRightsReserved })
-            ]
-          }
-        ) })
-      ]
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: "https://tollerud.no",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: cn(
+                          "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
+                          brandingEnforced ? void 0 : classNameLink
+                        ),
+                        style: {
+                          textDecorationThickness: "3px",
+                          textUnderlineOffset: "4px"
+                        },
+                        children: t.tollerudProject
+                      }
+                    ),
+                    attribution ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      " ",
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: attribution })
+                    ] }) : null,
+                    " "
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: layout === "row" ? "ml-1" : "md:ml-1", children: t.allRightsReserved })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 exports.Footer = Footer;

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/Footer.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string \| undefined \| null \| false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). /\n tollerudProject: string\n /\n Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n /\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /* Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. /\n layout?: 'responsive' \| 'row'\n /* Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. /\n className?: string\n /* Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). /\n style?: CSSProperties\n /\n When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n layout = 'responsive',\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n\n const footerSurface = unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n const innerLayoutClasses =\n layout === 'row'\n ? 'max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4'\n : 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0'\n\n const textWrapperClasses =\n layout === 'row' ? 'flex-1 text-right ml-4' : 'flex-1 text-center md:text-right md:ml-4'\n\n const textLayoutClasses =\n layout === 'row'\n ? 'text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0'\n : 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0'\n\n return (\n <footer className={cn('w-full pt-4 pb-4', footerSurface, className)} style={style}>\n <div\n className={cn(\n innerLayoutClasses,\n classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn('h-5 w-5 text-black dark:text-[#ffff00]', classNameLogo)}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className={textWrapperClasses}>\n <p\n className={cn(\n textLayoutClasses,\n classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className={layout === 'row' ? 'ml-1' : 'md:ml-1'}>{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}
1	+ {"version":3,"sources":["../src/Footer.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string \| undefined \| null \| false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). /\n tollerudProject: string\n /\n Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n /\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /* Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. /\n layout?: 'responsive' \| 'row'\n /\n When true (default), enforces consistent footer branding across sites.\n * In enforced mode, visual override class props are ignored except top border and background controls below.\n /\n enforceBranding?: boolean\n /* Top border classes (used in enforced mode). /\n classNameBorder?: string\n /* Background/surface classes (used in enforced mode). /\n classNameBackground?: string\n /* Merged onto `<footer>`. /\n className?: string\n /* Merged onto `<footer>`. /\n style?: CSSProperties\n /\n When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n * Ignored when `enforceBranding` is true.\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n layout = 'responsive',\n enforceBranding = true,\n classNameBorder,\n classNameBackground,\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n const brandingEnforced = enforceBranding\n\n const footerSurface = brandingEnforced\n ? cn(\n classNameBorder ?? 'border-t border-gray-200 dark:border-gray-800',\n classNameBackground ?? 'bg-gray-50 dark:bg-gray-900',\n )\n : unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n const innerLayoutClasses =\n layout === 'row'\n ? 'max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4'\n : 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0'\n\n const textWrapperClasses =\n layout === 'row' ? 'flex-1 text-right ml-4' : 'flex-1 text-center md:text-right md:ml-4'\n\n const textLayoutClasses =\n layout === 'row'\n ? 'text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0'\n : 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0'\n\n return (\n <footer\n className={cn('w-full pt-4 pb-4', footerSurface, brandingEnforced ? undefined : className)}\n style={brandingEnforced ? undefined : style}\n >\n <div\n className={cn(\n innerLayoutClasses,\n brandingEnforced ? undefined : classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn(\n 'h-5 w-5 text-black dark:text-[#ffff00]',\n brandingEnforced ? undefined : classNameLogo,\n )}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className={textWrapperClasses}>\n <p\n className={cn(\n textLayoutClasses,\n brandingEnforced ? undefined : classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n brandingEnforced ? undefined : classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className={layout === 'row' ? 'ml-1' : 'md:ml-1'}>{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}

package/dist/index.d.cts CHANGED Viewed

@@ -14,13 +14,23 @@ type FooterProps = {
     labels?: Partial<FooterLabels>;
     /** Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. */
     layout?: 'responsive' | 'row';
-    /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */
+    /**
+     * When true (default), enforces consistent footer branding across sites.
+     * In enforced mode, visual override class props are ignored except top border and background controls below.
+     */
+    enforceBranding?: boolean;
+    /** Top border classes (used in enforced mode). */
+    classNameBorder?: string;
+    /** Background/surface classes (used in enforced mode). */
+    classNameBackground?: string;
+    /** Merged onto `<footer>`. */
     className?: string;
-    /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */
+    /** Merged onto `<footer>`. */
     style?: CSSProperties;
     /**
      * When true, skips default border/background/dark surface so `className` / `style` fully control the bar
      * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).
+     * Ignored when `enforceBranding` is true.
      */
     unstyled?: boolean;
     classNameInner?: string;
@@ -28,6 +38,6 @@ type FooterProps = {
     classNameText?: string;
     classNameLink?: string;
 };
-declare function Footer({ labels, layout, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
+declare function Footer({ labels, layout, enforceBranding, classNameBorder, classNameBackground, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
 export { Footer, type FooterLabels, type FooterProps };

package/dist/index.d.ts CHANGED Viewed

@@ -14,13 +14,23 @@ type FooterProps = {
     labels?: Partial<FooterLabels>;
     /** Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. */
     layout?: 'responsive' | 'row';
-    /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */
+    /**
+     * When true (default), enforces consistent footer branding across sites.
+     * In enforced mode, visual override class props are ignored except top border and background controls below.
+     */
+    enforceBranding?: boolean;
+    /** Top border classes (used in enforced mode). */
+    classNameBorder?: string;
+    /** Background/surface classes (used in enforced mode). */
+    classNameBackground?: string;
+    /** Merged onto `<footer>`. */
     className?: string;
-    /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */
+    /** Merged onto `<footer>`. */
     style?: CSSProperties;
     /**
      * When true, skips default border/background/dark surface so `className` / `style` fully control the bar
      * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).
+     * Ignored when `enforceBranding` is true.
      */
     unstyled?: boolean;
     classNameInner?: string;
@@ -28,6 +38,6 @@ type FooterProps = {
     classNameText?: string;
     classNameLink?: string;
 };
-declare function Footer({ labels, layout, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
+declare function Footer({ labels, layout, enforceBranding, classNameBorder, classNameBackground, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
 export { Footer, type FooterLabels, type FooterProps };

package/dist/index.js CHANGED Viewed

@@ -11,6 +11,9 @@ var defaultLabels = {
 function Footer({
   labels,
   layout = "responsive",
+  enforceBranding = true,
+  classNameBorder,
+  classNameBackground,
   className,
   style,
   unstyled = false,
@@ -21,80 +24,94 @@ function Footer({
 }) {
   const t = { ...defaultLabels, ...labels };
   const attribution = t.attribution?.trim();
-  const footerSurface = unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
+  const brandingEnforced = enforceBranding;
+  const footerSurface = brandingEnforced ? cn(
+    classNameBorder ?? "border-t border-gray-200 dark:border-gray-800",
+    classNameBackground ?? "bg-gray-50 dark:bg-gray-900"
+  ) : unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
   const innerLayoutClasses = layout === "row" ? "max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4" : "max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0";
   const textWrapperClasses = layout === "row" ? "flex-1 text-right ml-4" : "flex-1 text-center md:text-right md:ml-4";
   const textLayoutClasses = layout === "row" ? "text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0" : "text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0";
-  return /* @__PURE__ */ jsx("footer", { className: cn("w-full pt-4 pb-4", footerSurface, className), style, children: /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(
+    "footer",
     {
-      className: cn(
-        innerLayoutClasses,
-        classNameInner
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            width: "24",
-            height: "24",
-            viewBox: "0 0 130 143",
-            version: "1.1",
-            xmlns: "http://www.w3.org/2000/svg",
-            xmlnsXlink: "http://www.w3.org/1999/xlink",
-            className: cn("h-5 w-5 text-black dark:text-[#ffff00]", classNameLogo),
-            role: "img",
-            children: [
-              /* @__PURE__ */ jsx("title", { children: "Tollerud Logo" }),
-              /* @__PURE__ */ jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
-                  id: "Monogram"
-                }
-              ) }) }) }) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: textWrapperClasses, children: /* @__PURE__ */ jsxs(
-          "p",
-          {
-            className: cn(
-              textLayoutClasses,
-              classNameText
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("span", { children: [
-                /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: "https://tollerud.no",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: cn(
-                      "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
-                      classNameLink
-                    ),
-                    style: {
-                      textDecorationThickness: "3px",
-                      textUnderlineOffset: "4px"
-                    },
-                    children: t.tollerudProject
-                  }
+      className: cn("w-full pt-4 pb-4", footerSurface, brandingEnforced ? void 0 : className),
+      style: brandingEnforced ? void 0 : style,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            innerLayoutClasses,
+            brandingEnforced ? void 0 : classNameInner
+          ),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 130 143",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                xmlnsXlink: "http://www.w3.org/1999/xlink",
+                className: cn(
+                  "h-5 w-5 text-black dark:text-[#ffff00]",
+                  brandingEnforced ? void 0 : classNameLogo
+                ),
+                role: "img",
+                children: [
+                  /* @__PURE__ */ jsx("title", { children: "Tollerud Logo" }),
+                  /* @__PURE__ */ jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
+                      id: "Monogram"
+                    }
+                  ) }) }) }) })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: textWrapperClasses, children: /* @__PURE__ */ jsxs(
+              "p",
+              {
+                className: cn(
+                  textLayoutClasses,
+                  brandingEnforced ? void 0 : classNameText
                 ),
-                attribution ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  " ",
-                  /* @__PURE__ */ jsx("span", { children: attribution })
-                ] }) : null,
-                " "
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: layout === "row" ? "ml-1" : "md:ml-1", children: t.allRightsReserved })
-            ]
-          }
-        ) })
-      ]
+                children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "https://tollerud.no",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: cn(
+                          "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
+                          brandingEnforced ? void 0 : classNameLink
+                        ),
+                        style: {
+                          textDecorationThickness: "3px",
+                          textUnderlineOffset: "4px"
+                        },
+                        children: t.tollerudProject
+                      }
+                    ),
+                    attribution ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      " ",
+                      /* @__PURE__ */ jsx("span", { children: attribution })
+                    ] }) : null,
+                    " "
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: layout === "row" ? "ml-1" : "md:ml-1", children: t.allRightsReserved })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 export { Footer };

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/Footer.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string \| undefined \| null \| false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). /\n tollerudProject: string\n /\n Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n /\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /* Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. /\n layout?: 'responsive' \| 'row'\n /* Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. /\n className?: string\n /* Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). /\n style?: CSSProperties\n /\n When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n layout = 'responsive',\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n\n const footerSurface = unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n const innerLayoutClasses =\n layout === 'row'\n ? 'max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4'\n : 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0'\n\n const textWrapperClasses =\n layout === 'row' ? 'flex-1 text-right ml-4' : 'flex-1 text-center md:text-right md:ml-4'\n\n const textLayoutClasses =\n layout === 'row'\n ? 'text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0'\n : 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0'\n\n return (\n <footer className={cn('w-full pt-4 pb-4', footerSurface, className)} style={style}>\n <div\n className={cn(\n innerLayoutClasses,\n classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn('h-5 w-5 text-black dark:text-[#ffff00]', classNameLogo)}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className={textWrapperClasses}>\n <p\n className={cn(\n textLayoutClasses,\n classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className={layout === 'row' ? 'ml-1' : 'md:ml-1'}>{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}
1	+ {"version":3,"sources":["../src/Footer.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string \| undefined \| null \| false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). /\n tollerudProject: string\n /\n Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n /\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /* Layout behavior: responsive keeps mobile-first stacking, row forces horizontal layout. /\n layout?: 'responsive' \| 'row'\n /\n When true (default), enforces consistent footer branding across sites.\n * In enforced mode, visual override class props are ignored except top border and background controls below.\n /\n enforceBranding?: boolean\n /* Top border classes (used in enforced mode). /\n classNameBorder?: string\n /* Background/surface classes (used in enforced mode). /\n classNameBackground?: string\n /* Merged onto `<footer>`. /\n className?: string\n /* Merged onto `<footer>`. /\n style?: CSSProperties\n /\n When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n * Ignored when `enforceBranding` is true.\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n layout = 'responsive',\n enforceBranding = true,\n classNameBorder,\n classNameBackground,\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n const brandingEnforced = enforceBranding\n\n const footerSurface = brandingEnforced\n ? cn(\n classNameBorder ?? 'border-t border-gray-200 dark:border-gray-800',\n classNameBackground ?? 'bg-gray-50 dark:bg-gray-900',\n )\n : unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n const innerLayoutClasses =\n layout === 'row'\n ? 'max-w-7xl mx-auto px-8 flex flex-row items-center justify-between gap-4'\n : 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0'\n\n const textWrapperClasses =\n layout === 'row' ? 'flex-1 text-right ml-4' : 'flex-1 text-center md:text-right md:ml-4'\n\n const textLayoutClasses =\n layout === 'row'\n ? 'text-sm text-gray-600 dark:text-gray-400 inline-flex flex-row items-center justify-end text-right gap-0'\n : 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0'\n\n return (\n <footer\n className={cn('w-full pt-4 pb-4', footerSurface, brandingEnforced ? undefined : className)}\n style={brandingEnforced ? undefined : style}\n >\n <div\n className={cn(\n innerLayoutClasses,\n brandingEnforced ? undefined : classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn(\n 'h-5 w-5 text-black dark:text-[#ffff00]',\n brandingEnforced ? undefined : classNameLogo,\n )}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className={textWrapperClasses}>\n <p\n className={cn(\n textLayoutClasses,\n brandingEnforced ? undefined : classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n brandingEnforced ? undefined : classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className={layout === 'row' ? 'ml-1' : 'md:ml-1'}>{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tollerud/footer",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Default site footer with Tollerud monogram and branding link",
   "license": "MIT",
   "author": "",