@sikt/sds-footer 2.1.1 → 2.1.2
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.
- package/CHANGELOG.md +6 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [2.1.2](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@2.1.1...@sikt/sds-footer@2.1.2) (2025-11-18)
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- **deps:** update @sikt/sds-logo@2.2.3 ([40db536](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/40db536d4052bd7c0c68a3e25068e9db8f36b8bc))
|
|
10
|
+
|
|
5
11
|
## [2.1.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@2.1.0...@sikt/sds-footer@2.1.1) (2025-05-21)
|
|
6
12
|
|
|
7
13
|
### Bug Fixes
|
package/dist/index.css
CHANGED
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/footer.pcss"],"sourcesContent":[".sds-footer {\n background-color: var(--sds-color-brand-accent-strong);\n min-height: 100px;\n}\n\n
|
|
1
|
+
{"version":3,"sources":["../src/footer.pcss"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.sds-footer {\n background-color: var(--sds-color-brand-accent-strong);\n min-height: 100px;\n}\n\n.sds-footer__content {\n color: var(--sds-color-text-primary);\n display: flex;\n flex-flow: column;\n gap: var(--sds-space-gap-large);\n grid-template-columns: auto;\n justify-content: space-between;\n margin: 0 auto;\n max-width: var(--sds-space-grid-max-width);\n padding: var(--sds-space-padding-large);\n }\n\n@media (width >= 720px) {\n\n.sds-footer__content {\n flex-flow: row\n }\n }\n\n.sds-footer__logo-link.sds-typography-link {\n background-color: unset;\n display: inline-flex;\n text-decoration: none;\n }\n"],"mappings":";AAIA,CAAC;AACC,oBAAkB,IAAI;AACtB,cAAY;AACd;AAEA,CAAC;AACG,SAAO,IAAI;AACX,WAAS;AACT,aAAW;AACX,OAAK,IAAI;AACT,yBAAuB;AACvB,mBAAiB;AACjB,UAAQ,EAAE;AACV,aAAW,IAAI;AACf,WAAS,IAAI;AACf;AAEF,OAAO,CAAC,MAAM,CAAC,EAAE;AAEjB,GAdC;AAeK,eAAW;AACf;AACE;AAEJ,CAAC,qBAAqB,CAAC;AACnB,oBAAkB;AAClB,WAAS;AACT,mBAAiB;AACnB;","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -8,6 +8,9 @@ interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
|
8
8
|
lang?: LogoProps["lang"];
|
|
9
9
|
logoHref?: string;
|
|
10
10
|
}
|
|
11
|
-
declare const Footer:
|
|
11
|
+
declare const Footer: {
|
|
12
|
+
({ children, className, lang, logoHref, ...rest }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
12
15
|
|
|
13
16
|
export { Footer, type FooterProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,9 @@ interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
|
8
8
|
lang?: LogoProps["lang"];
|
|
9
9
|
logoHref?: string;
|
|
10
10
|
}
|
|
11
|
-
declare const Footer:
|
|
11
|
+
declare const Footer: {
|
|
12
|
+
({ children, className, lang, logoHref, ...rest }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
12
15
|
|
|
13
16
|
export { Footer, type FooterProps };
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@sikt/sds-core"),r=require("@sikt/sds-logo"),o=require("clsx/lite"),s=require("react/jsx-runtime"),t=Object.defineProperty,
|
|
1
|
+
"use strict";var e=require("@sikt/sds-core"),r=require("@sikt/sds-logo"),o=require("clsx/lite"),s=require("react/jsx-runtime"),t=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(e,r,o)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,f=t=>{var f=t,{children:p,className:u,lang:b="nb",logoHref:j="//sikt.no"}=f,v=((e,r)=>{var o={};for(var s in e)i.call(e,s)&&r.indexOf(s)<0&&(o[s]=e[s]);if(null!=e&&n)for(var s of n(e))r.indexOf(s)<0&&c.call(e,s)&&(o[s]=e[s]);return o})(f,["children","className","lang","logoHref"]);const g=s.jsx(r.Logo,{variant:"secondary",lang:b});return s.jsx("footer",(m=((e,r)=>{for(var o in r||(r={}))i.call(r,o)&&d(e,o,r[o]);if(n)for(var o of n(r))c.call(r,o)&&d(e,o,r[o]);return e})({className:o.clsx("sds-footer",u)},v),x={children:s.jsxs("div",{className:"sds-footer__content","data-color-scheme":"dark",children:[s.jsx("div",{children:j?s.jsx(e.Link,{href:j,className:"sds-footer__logo-link",children:g}):g}),p]})},a(m,l(x))));var m,x};f.displayName="Footer",exports.Footer=f;//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Footer.tsx"],"names":["jsx","Logo","clsx","jsxs","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,MAAA,GAAS,CAAC,EAMJ,KAAA;AANI,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,IAAA;AAAA,IACP,QAAW,GAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAAA,cAAA,CAACC,YAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA;AAE1D,EAAA,uBACGD,cAAA,CAAA,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,SAAW,EAAAE,SAAA,CAAK,cAAc,SAAS,CAAA,EAAA,EAAO,IAArD,CAAA,EAAA,EACC,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qBAAA,EAAsB,qBAAkB,MACrD,EAAA,QAAA,EAAA;AAAA,oBAACH,cAAA,CAAA,KAAA,EAAA,EACE,QACC,EAAA,QAAA,mBAAAA,cAAA,CAACI,YAAK,EAAA,EAAA,IAAA,EAAM,UAAU,SAAU,EAAA,uBAAA,EAC7B,QACH,EAAA,WAAA,EAAA,CAAA,GAEA,WAEJ,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ","file":"index.js","sourcesContent":["import { Link } from \"@sikt/sds-core\";\nimport { Logo, LogoProps } from \"@sikt/sds-logo\";\nimport { clsx } from \"clsx/lite\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport \"./footer.pcss\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n className?: string;\n children?: ReactNode;\n lang?: LogoProps[\"lang\"];\n logoHref?: string;\n}\n\nexport const Footer = ({\n children,\n className,\n lang = \"nb\",\n logoHref = \"//sikt.no\",\n ...rest\n}: FooterProps) => {\n const logoElement = <Logo variant=\"secondary\" lang={lang} />;\n\n return (\n <footer className={clsx(\"sds-footer\", className)} {...rest}>\n <div className=\"sds-footer__content\" data-color-scheme=\"dark\">\n <div>\n {logoHref ? (\n <Link href={logoHref} className=\"sds-footer__logo-link\">\n {logoElement}\n </Link>\n ) : (\n logoElement\n )}\n </div>\n {children}\n </div>\n </footer>\n );\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/Footer.tsx"],"names":["jsx","Logo","clsx","jsxs","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,MAAA,GAAS,CAAC,EAMJ,KAAA;AANI,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,IAAA;AAAA,IACP,QAAW,GAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAAA,cAAA,CAACC,YAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA;AAE1D,EAAA,uBACGD,cAAA,CAAA,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,SAAW,EAAAE,SAAA,CAAK,cAAc,SAAS,CAAA,EAAA,EAAO,IAArD,CAAA,EAAA,EACC,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qBAAA,EAAsB,qBAAkB,MACrD,EAAA,QAAA,EAAA;AAAA,oBAACH,cAAA,CAAA,KAAA,EAAA,EACE,QACC,EAAA,QAAA,mBAAAA,cAAA,CAACI,YAAK,EAAA,EAAA,IAAA,EAAM,UAAU,SAAU,EAAA,uBAAA,EAC7B,QACH,EAAA,WAAA,EAAA,CAAA,GAEA,WAEJ,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ;AACA,MAAA,CAAO,WAAc,GAAA,QAAA","file":"index.js","sourcesContent":["import { Link } from \"@sikt/sds-core\";\nimport { Logo, LogoProps } from \"@sikt/sds-logo\";\nimport { clsx } from \"clsx/lite\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport \"./footer.pcss\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n className?: string;\n children?: ReactNode;\n lang?: LogoProps[\"lang\"];\n logoHref?: string;\n}\n\nexport const Footer = ({\n children,\n className,\n lang = \"nb\",\n logoHref = \"//sikt.no\",\n ...rest\n}: FooterProps) => {\n const logoElement = <Logo variant=\"secondary\" lang={lang} />;\n\n return (\n <footer className={clsx(\"sds-footer\", className)} {...rest}>\n <div className=\"sds-footer__content\" data-color-scheme=\"dark\">\n <div>\n {logoHref ? (\n <Link href={logoHref} className=\"sds-footer__logo-link\">\n {logoElement}\n </Link>\n ) : (\n logoElement\n )}\n </div>\n {children}\n </div>\n </footer>\n );\n};\nFooter.displayName = \"Footer\";\n"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Link as r}from"@sikt/sds-core";import{Logo as e}from"@sikt/sds-logo";import{clsx as o}from"clsx/lite";import{jsx as t,jsxs as a}from"react/jsx-runtime";var l=Object.defineProperty,n=Object.defineProperties,s=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,d=(r,e,o)=>e in r?l(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,m=l=>{var m=l,{children:p,className:b,lang:v="nb",logoHref:O="//sikt.no"}=m,g=((r,e)=>{var o={};for(var t in r)c.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&i)for(var t of i(r))e.indexOf(t)<0&&f.call(r,t)&&(o[t]=r[t]);return o})(m,["children","className","lang","logoHref"]);const
|
|
1
|
+
import{Link as r}from"@sikt/sds-core";import{Logo as e}from"@sikt/sds-logo";import{clsx as o}from"clsx/lite";import{jsx as t,jsxs as a}from"react/jsx-runtime";var l=Object.defineProperty,n=Object.defineProperties,s=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,d=(r,e,o)=>e in r?l(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,m=l=>{var m=l,{children:p,className:b,lang:v="nb",logoHref:O="//sikt.no"}=m,g=((r,e)=>{var o={};for(var t in r)c.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&i)for(var t of i(r))e.indexOf(t)<0&&f.call(r,t)&&(o[t]=r[t]);return o})(m,["children","className","lang","logoHref"]);const y=t(e,{variant:"secondary",lang:v});return t("footer",(h=((r,e)=>{for(var o in e||(e={}))c.call(e,o)&&d(r,o,e[o]);if(i)for(var o of i(e))f.call(e,o)&&d(r,o,e[o]);return r})({className:o("sds-footer",b)},g),n(h,s({children:a("div",{className:"sds-footer__content","data-color-scheme":"dark",children:[t("div",{children:O?t(r,{href:O,className:"sds-footer__logo-link",children:y}):y}),p]})}))));var h};m.displayName="Footer";export{m as Footer};//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,MAAA,GAAS,CAAC,EAMJ,KAAA;AANI,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,IAAA;AAAA,IACP,QAAW,GAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA;AAE1D,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,SAAW,EAAA,IAAA,CAAK,cAAc,SAAS,CAAA,EAAA,EAAO,IAArD,CAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qBAAA,EAAsB,qBAAkB,MACrD,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EACE,QACC,EAAA,QAAA,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,UAAU,SAAU,EAAA,uBAAA,EAC7B,QACH,EAAA,WAAA,EAAA,CAAA,GAEA,WAEJ,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ","file":"index.mjs","sourcesContent":["import { Link } from \"@sikt/sds-core\";\nimport { Logo, LogoProps } from \"@sikt/sds-logo\";\nimport { clsx } from \"clsx/lite\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport \"./footer.pcss\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n className?: string;\n children?: ReactNode;\n lang?: LogoProps[\"lang\"];\n logoHref?: string;\n}\n\nexport const Footer = ({\n children,\n className,\n lang = \"nb\",\n logoHref = \"//sikt.no\",\n ...rest\n}: FooterProps) => {\n const logoElement = <Logo variant=\"secondary\" lang={lang} />;\n\n return (\n <footer className={clsx(\"sds-footer\", className)} {...rest}>\n <div className=\"sds-footer__content\" data-color-scheme=\"dark\">\n <div>\n {logoHref ? (\n <Link href={logoHref} className=\"sds-footer__logo-link\">\n {logoElement}\n </Link>\n ) : (\n logoElement\n )}\n </div>\n {children}\n </div>\n </footer>\n );\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,IAAA,MAAA,GAAS,CAAC,EAMJ,KAAA;AANI,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,IAAA;AAAA,IACP,QAAW,GAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA;AAE1D,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAO,SAAW,EAAA,IAAA,CAAK,cAAc,SAAS,CAAA,EAAA,EAAO,IAArD,CAAA,EAAA,EACC,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,qBAAA,EAAsB,qBAAkB,MACrD,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EACE,QACC,EAAA,QAAA,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,UAAU,SAAU,EAAA,uBAAA,EAC7B,QACH,EAAA,WAAA,EAAA,CAAA,GAEA,WAEJ,EAAA,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ;AACA,MAAA,CAAO,WAAc,GAAA,QAAA","file":"index.mjs","sourcesContent":["import { Link } from \"@sikt/sds-core\";\nimport { Logo, LogoProps } from \"@sikt/sds-logo\";\nimport { clsx } from \"clsx/lite\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport \"./footer.pcss\";\n\nexport interface FooterProps extends HTMLAttributes<HTMLElement> {\n className?: string;\n children?: ReactNode;\n lang?: LogoProps[\"lang\"];\n logoHref?: string;\n}\n\nexport const Footer = ({\n children,\n className,\n lang = \"nb\",\n logoHref = \"//sikt.no\",\n ...rest\n}: FooterProps) => {\n const logoElement = <Logo variant=\"secondary\" lang={lang} />;\n\n return (\n <footer className={clsx(\"sds-footer\", className)} {...rest}>\n <div className=\"sds-footer__content\" data-color-scheme=\"dark\">\n <div>\n {logoHref ? (\n <Link href={logoHref} className=\"sds-footer__logo-link\">\n {logoElement}\n </Link>\n ) : (\n logoElement\n )}\n </div>\n {children}\n </div>\n </footer>\n );\n};\nFooter.displayName = \"Footer\";\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikt/sds-footer",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"homepage": "https://designsystem.sikt.no/",
|
|
6
6
|
"repository": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@sikt/sds-core": "^4.6.0",
|
|
39
|
-
"@sikt/sds-logo": "^2.
|
|
39
|
+
"@sikt/sds-logo": "^2.2.3"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@types/react": "^18.0.0 || ^19.0.0",
|
|
@@ -46,6 +46,6 @@
|
|
|
46
46
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@sikt/sds-tokens": "^
|
|
49
|
+
"@sikt/sds-tokens": "^5.0.0"
|
|
50
50
|
}
|
|
51
51
|
}
|