@sikt/sds-footer 2.1.2 → 2.1.3
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 +2 -0
- package/dist/index.css +2 -1
- package/dist/index.css.map +1 -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 +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
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.3](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@2.1.2...@sikt/sds-footer@2.1.3) (2026-01-14)
|
|
6
|
+
|
|
5
7
|
## [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
8
|
|
|
7
9
|
### Bug Fixes
|
package/dist/index.css
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
}
|
|
6
6
|
.sds-footer__content {
|
|
7
7
|
color: var(--sds-color-text-primary);
|
|
8
|
+
color-scheme: only dark;
|
|
8
9
|
display: flex;
|
|
9
10
|
flex-flow: column;
|
|
10
11
|
gap: var(--sds-space-gap-large);
|
|
@@ -14,7 +15,7 @@
|
|
|
14
15
|
max-width: var(--sds-space-grid-max-width);
|
|
15
16
|
padding: var(--sds-space-padding-large);
|
|
16
17
|
}
|
|
17
|
-
@media (width
|
|
18
|
+
@media (min-width: 720px) {
|
|
18
19
|
.sds-footer__content {
|
|
19
20
|
flex-flow: row;
|
|
20
21
|
}
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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 color-scheme: only dark;\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,gBAAc,KAAK;AACnB,WAAS;AACT,aAAW;AACX,OAAK,IAAI;AACT,yBAAuB;AACvB,mBAAiB;AACjB,UAAQ,EAAE;AACV,aAAW,IAAI;AACf,WAAS,IAAI;AACf;AAEF,QAAQ,WAAS;AAEjB,GAfC;AAgBK,eAAW;AACf;AACE;AAEJ,CAAC,qBAAqB,CAAC;AACnB,oBAAkB;AAClB,WAAS;AACT,mBAAiB;AACnB;","names":[]}
|
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,l=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,f=(e,r,o)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,d=t=>{var d=t,{children:p,className:u,lang:b="nb",logoHref:j="//sikt.no"}=d,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})(d,["children","className","lang","logoHref"]);const g=s.jsx(r.Logo,{variant:"secondary",lang:b});return s.jsx("footer",(x=((e,r)=>{for(var o in r||(r={}))i.call(r,o)&&f(e,o,r[o]);if(n)for(var o of n(r))c.call(r,o)&&f(e,o,r[o]);return e})({className:o.clsx("sds-footer",u)},v),O={children:s.jsxs("div",{className:"sds-footer__content",children:[s.jsx("div",{children:j?s.jsx(e.Link,{href:j,className:"sds-footer__logo-link",children:g}):g}),p]})},l(x,a(O))));var x,O};d.displayName="Footer",exports.Footer=d;//# 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,
|
|
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,YAAc,EAAA,SAAS,CAAO,EAAA,EAAA,IAAA,CAAA,EAArD,EACC,QAAA,kBAAAC,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,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\">\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
|
|
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 l}from"react/jsx-runtime";var a=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?a(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,m=a=>{var m=a,{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",(u=((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(u,s({children:l("div",{className:"sds-footer__content",children:[t("div",{children:O?t(r,{href:O,className:"sds-footer__logo-link",children:y}):y}),p]})}))));var u};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,
|
|
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,YAAc,EAAA,SAAS,CAAO,EAAA,EAAA,IAAA,CAAA,EAArD,EACC,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,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\">\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"]}
|