@sikt/sds-footer 2.0.1 → 2.1.1
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 +17 -0
- package/dist/index.css +2 -3
- 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 +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,23 @@
|
|
|
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.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
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- **deps:** update @sikt/sds-core ([f1f7023](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/f1f7023a7e77980ef15993b0bdac76bff254b651))
|
|
10
|
+
- **deps:** update @sikt/sds-core to 4.4.0 ([9dd6147](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/9dd6147cd902975653f03b29db9f580ec19c261c))
|
|
11
|
+
|
|
12
|
+
## [2.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@2.0.1...@sikt/sds-footer@2.1.0) (2025-02-24)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
- **footer:** change background color to new token system ([e0bfcd3](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/e0bfcd362c06d7eb5433aa021e811d01b40a6879))
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
- **deps:** update @sikt/sds-core@4.2.1 ([a95d544](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a95d544bc87f6e0fa98bb2fbac1a2f57cb6b40bf))
|
|
21
|
+
|
|
5
22
|
## [2.0.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@2.0.0...@sikt/sds-footer@2.0.1) (2024-11-20)
|
|
6
23
|
|
|
7
24
|
### Bug Fixes
|
package/dist/index.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* src/footer.pcss */
|
|
2
2
|
.sds-footer {
|
|
3
|
-
background-color: var(--sds-color-
|
|
4
|
-
color: var(--sds-color-text-primary);
|
|
3
|
+
background-color: var(--sds-color-brand-accent-strong);
|
|
5
4
|
min-height: 100px;
|
|
6
5
|
}
|
|
7
6
|
.sds-footer__content {
|
|
7
|
+
color: var(--sds-color-text-primary);
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-flow: column;
|
|
10
10
|
grid-gap: var(--sds-space-gap-large);
|
|
@@ -21,7 +21,6 @@
|
|
|
21
21
|
}
|
|
22
22
|
.sds-footer__logo-link.sds-typography-link {
|
|
23
23
|
background-color: unset;
|
|
24
|
-
color: inherit;
|
|
25
24
|
display: inline-flex;
|
|
26
25
|
text-decoration: none;
|
|
27
26
|
}
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/footer.pcss"],"sourcesContent":[".sds-footer {\n background-color: var(--sds-color-
|
|
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 .sds-footer__content {\n color: var(--sds-color-text-primary);\n display: flex;\n flex-flow: column;\n grid-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":";AAAA,CAAC;AACC,oBAAkB,IAAI;AACtB,cAAY;AACd;AAEE,CAAC;AACC,SAAO,IAAI;AACX,WAAS;AACT,aAAW;AACX,YAAU,IAAI;AACd,yBAAuB;AACvB,mBAAiB;AACjB,UAAQ,EAAE;AACV,aAAW,IAAI;AACf,WAAS,IAAI;AACf;AAEA,OAAO,CAAC,MAAM,CAAC,EAAE;AAEjB,GAdC;AAeG,eAAW;AACf;AACE;AAEF,CAAC,qBAAqB,CAAC;AACrB,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,l=Object.defineProperties,a=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;exports.Footer=t=>{var f=t,{children:u,className:p,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",(x=((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",p)
|
|
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,d=(e,r,o)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o;exports.Footer=t=>{var f=t,{children:u,className:p,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",(x=((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",p)},v),O={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}),u]})},l(x,a(O))));var x,O};//# 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
|
|
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"]}
|
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 h=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)
|
|
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 h=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: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:h}):h}),p]})}))));var u};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
|
|
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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikt/sds-footer",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"homepage": "https://designsystem.sikt.no/",
|
|
6
6
|
"repository": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"build": "tsup"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@sikt/sds-core": "^4.
|
|
38
|
+
"@sikt/sds-core": "^4.6.0",
|
|
39
39
|
"@sikt/sds-logo": "^2.0.1"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
@@ -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": "^3.0.0"
|
|
50
50
|
}
|
|
51
51
|
}
|