@sikt/sds-footer 2.0.0 → 2.1.0
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 +54 -0
- package/dist/index.css +26 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +13 -0
- package/dist/index.d.ts +7 -6
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +37 -13
- package/dist/cjs/index.css +0 -2
- package/dist/cjs/index.css.map +0 -1
- package/dist/cjs/index.d.ts +0 -12
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +0 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
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
|
+
|
|
5
|
+
## [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)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- **footer:** change background color to new token system ([e0bfcd3](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/e0bfcd362c06d7eb5433aa021e811d01b40a6879))
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
- **deps:** update @sikt/sds-core@4.2.1 ([a95d544](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a95d544bc87f6e0fa98bb2fbac1a2f57cb6b40bf))
|
|
14
|
+
|
|
15
|
+
## [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)
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
- **deps:** change peer deps clsx to ^2.1.0 ([9eb76f1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/9eb76f1207a2ec8d19fda646c9bc26d5922b1839))
|
|
20
|
+
- **deps:** correct deps on @sikt/sds-tokens ([b47f8a4](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b47f8a4d27e99dcc731036ccf2b7b58a27d88da6))
|
|
21
|
+
- **deps:** peer deps react@19.0.0 ([17352e2](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/17352e291153f79c66a9de317ca42820159aee8a))
|
|
22
|
+
- **deps:** update @sikt/sds-core@4.1.1 & @sikt/sds-icons@2.0.2 ([09e97cf](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/09e97cfe35780cc239ae2b7f55f4e793ec72e479))
|
|
23
|
+
- **deps:** update @sikt/sds-logo@2.0.1 ([286fa70](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/286fa709e1be8a67a9459123296956d042e766a6))
|
|
24
|
+
- package json exports ([b62fed7](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b62fed7bfa459c618c016f39c960dffda037155f))
|
|
25
|
+
|
|
26
|
+
## [2.0.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@1.1.0...@sikt/sds-footer@2.0.0) (2023-10-28)
|
|
27
|
+
|
|
28
|
+
### ⚠ BREAKING CHANGES
|
|
29
|
+
|
|
30
|
+
- rename componentType & componentSize props to variant & size for consistency
|
|
31
|
+
- **tokens:** add new tokens to footer package
|
|
32
|
+
|
|
33
|
+
### Features
|
|
34
|
+
|
|
35
|
+
- rename componentType & componentSize props to variant & size for consistency ([e598ec8](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/e598ec84d3351f2ecdaa679bdddbf947a9949f13))
|
|
36
|
+
- **tokens:** add new tokens to footer package ([d50a15a](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/d50a15a484aa6f62abf6b485374ab443bc7337af))
|
|
37
|
+
|
|
38
|
+
## [1.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@1.0.1...@sikt/sds-footer@1.1.0) (2023-07-07)
|
|
39
|
+
|
|
40
|
+
### Features
|
|
41
|
+
|
|
42
|
+
- **footer:** new background color ([a9fbb06](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a9fbb0604300cb013bffda195339003b24b972c3))
|
|
43
|
+
|
|
44
|
+
### [1.0.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-footer@1.0.0...@sikt/sds-footer@1.0.1) (2023-04-29)
|
|
45
|
+
|
|
46
|
+
## 1.0.0 (2023-04-13)
|
|
47
|
+
|
|
48
|
+
### Features
|
|
49
|
+
|
|
50
|
+
- **footer:** add component ([b51d15e](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b51d15edc37fb7be07317dd0a786ba85a3cd7931))
|
|
51
|
+
|
|
52
|
+
### Bug Fixes
|
|
53
|
+
|
|
54
|
+
- **deps:** update sds-core to version 1 ([0e6e326](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/0e6e3260dd1bd7cbfcfa35b708ffe921ac0bceef))
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
/* src/footer.pcss */
|
|
2
|
+
.sds-footer {
|
|
3
|
+
background-color: var(--sds-color-brand-accent-strong);
|
|
4
|
+
min-height: 100px;
|
|
5
|
+
}
|
|
6
|
+
.sds-footer__content {
|
|
7
|
+
color: var(--sds-color-text-primary);
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-flow: column;
|
|
10
|
+
grid-gap: var(--sds-space-gap-large);
|
|
11
|
+
grid-template-columns: auto;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
margin: 0 auto;
|
|
14
|
+
max-width: var(--sds-space-grid-max-width);
|
|
15
|
+
padding: var(--sds-space-padding-large);
|
|
16
|
+
}
|
|
17
|
+
@media (width >= 720px) {
|
|
18
|
+
.sds-footer__content {
|
|
19
|
+
flex-flow: row;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
.sds-footer__logo-link.sds-typography-link {
|
|
23
|
+
background-color: unset;
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
text-decoration: none;
|
|
26
|
+
}
|
|
2
27
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["footer.pcss"],"
|
|
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.d.mts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { LogoProps } from '@sikt/sds-logo';
|
|
3
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
6
|
+
className?: string;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
lang?: LogoProps["lang"];
|
|
9
|
+
logoHref?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const Footer: ({ children, className, lang, logoHref, ...rest }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Footer, type FooterProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { LogoProps } from '@sikt/sds-logo';
|
|
3
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
4
|
+
|
|
4
5
|
interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
5
6
|
className?: string;
|
|
6
7
|
children?: ReactNode;
|
|
7
8
|
lang?: LogoProps["lang"];
|
|
8
9
|
logoHref?: string;
|
|
9
10
|
}
|
|
10
|
-
declare const Footer: ({ children, className, lang, logoHref, ...rest }: FooterProps) =>
|
|
11
|
-
|
|
12
|
-
export { Footer };
|
|
11
|
+
declare const Footer: ({ children, className, lang, logoHref, ...rest }: FooterProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Footer, type FooterProps };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
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,"
|
|
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,WAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAAA,cAAA,CAACC,YAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA,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,QAAA;AAAA,GAAA,EACH,CACF,EAAA,CAAA,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
ADDED
|
@@ -0,0 +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)},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
|
|
@@ -0,0 +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,WAAA;AAAA,GAjBb,GAauB,EAKlB,EAAA,IAAA,GAAA,SAAA,CALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,WAAc,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,aAAY,IAAY,EAAA,CAAA,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,QAAA;AAAA,GAAA,EACH,CACF,EAAA,CAAA,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,27 +1,51 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikt/sds-footer",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
5
|
+
"homepage": "https://designsystem.sikt.no/",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://gitlab.sikt.no/designsystem/sds-komponentbibliotek.git"
|
|
9
|
+
},
|
|
10
|
+
"type": "commonjs",
|
|
11
|
+
"main": "dist/index.js",
|
|
12
|
+
"module": "dist/index.mjs",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"style": "./dist/index.css",
|
|
16
|
+
"import": {
|
|
17
|
+
"types": "./dist/index.d.mts",
|
|
18
|
+
"default": "./dist/index.mjs"
|
|
19
|
+
},
|
|
20
|
+
"require": {
|
|
21
|
+
"types": "./dist/index.d.ts",
|
|
22
|
+
"default": "./dist/index.js"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"./dist/*": "./dist/*"
|
|
26
|
+
},
|
|
7
27
|
"types": "dist/index.d.ts",
|
|
8
28
|
"style": "dist/index.css",
|
|
9
29
|
"files": [
|
|
10
|
-
"
|
|
30
|
+
"CHANGELOG.md",
|
|
31
|
+
"dist",
|
|
32
|
+
"README.md"
|
|
11
33
|
],
|
|
12
34
|
"scripts": {
|
|
13
|
-
"build": "
|
|
35
|
+
"build": "tsup"
|
|
14
36
|
},
|
|
15
37
|
"dependencies": {
|
|
16
|
-
"@sikt/sds-core": "^
|
|
17
|
-
"@sikt/sds-logo": "^2.0.
|
|
18
|
-
"@sikt/sds-tokens": "^1.0.0"
|
|
38
|
+
"@sikt/sds-core": "^4.2.1",
|
|
39
|
+
"@sikt/sds-logo": "^2.0.1"
|
|
19
40
|
},
|
|
20
41
|
"peerDependencies": {
|
|
21
|
-
"@types/react": "^18.0.0",
|
|
22
|
-
"@types/react-dom": "^18.0.0",
|
|
23
|
-
"clsx": "^
|
|
24
|
-
"react": "^18.0.0",
|
|
25
|
-
"react-dom": "^18.0.0"
|
|
42
|
+
"@types/react": "^18.0.0 || ^19.0.0",
|
|
43
|
+
"@types/react-dom": "^18.0.0 || ^19.0.0",
|
|
44
|
+
"clsx": "^2.1.0",
|
|
45
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
46
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
47
|
+
},
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"@sikt/sds-tokens": "^3.0.0"
|
|
26
50
|
}
|
|
27
51
|
}
|
package/dist/cjs/index.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.sds-footer{background-color:var(--sds-color-layout-background-default);color:var(--sds-color-text-primary);min-height:100px}.sds-footer__content{grid-gap:var(--sds-space-gap-large);display:flex;flex-flow:column;grid-template-columns:auto;justify-content:space-between;margin:0 auto;max-width:var(--sds-space-grid-max-width);padding:var(--sds-space-padding-large)}@media (width >= 720px){.sds-footer__content{flex-flow:row}}.sds-footer__logo-link.sds-typography-link{background-color:unset;color:inherit;display:inline-flex;text-decoration:none}
|
|
2
|
-
/*# sourceMappingURL=index.css.map */
|
package/dist/cjs/index.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["footer.pcss"],"names":[],"mappings":"AAEA,YACE,2DAA4D,CAC5D,mCAAoC,CACpC,gBAuBF,CArBE,qBAGE,mCAAoC,CAFpC,YAAa,CACb,gBAAiB,CAEjB,0BAA2B,CAC3B,6BAA8B,CAC9B,aAAc,CACd,yCAA0C,CAC1C,sCAKF,CAHE,wBAVF,qBAWI,aAEJ,CADE,CAGF,2CACE,sBAAuB,CACvB,aAAc,CACd,mBAAoB,CACpB,oBACF","file":"index.css","sourcesContent":["@import url(\"@sikt/sds-tokens/dist/css/custom-media.css\");\n\n.sds-footer {\n background-color: var(--sds-color-layout-background-default);\n color: var(--sds-color-text-primary);\n min-height: 100px;\n\n &__content {\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 @media (--sds-base-breakpoint-tablet) {\n flex-flow: row;\n }\n }\n\n &__logo-link.sds-typography-link {\n background-color: unset;\n color: inherit;\n display: inline-flex;\n text-decoration: none;\n }\n}\n"]}
|
package/dist/cjs/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { HTMLAttributes, ReactNode } from "react";
|
|
3
|
-
import { LogoProps } from "@sikt/sds-logo";
|
|
4
|
-
interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
-
className?: string;
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
lang?: LogoProps["lang"];
|
|
8
|
-
logoHref?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const Footer: ({ children, className, lang, logoHref, ...rest }: FooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export type { FooterProps };
|
|
12
|
-
export { Footer };
|
package/dist/cjs/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),s=require("react");function n(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:function(){return e[s]}})}})),r.default=e,Object.freeze(r)}var t=n(s);const a=s.forwardRef((({children:s,className:n,isExternal:t,noIcon:a,...l},o)=>e.jsx("a",{ref:o,className:r("sds-typography-link",t&&"sds-typography-link--external",a&&"sds-typography-link--no-icon",n),...l,children:s})));var l,o;function c(){return c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var s=arguments[r];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e},c.apply(this,arguments)}a.displayName="Link";const i=e=>t.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 75 48"},e),l||(l=t.createElement("g",{fill:"currentColor",clipPath:"url(#Logo_svg__a)"},t.createElement("path",{d:"M52.262 1.63c-6.493 0-12.331 2.769-16.409 7.175l9.998 9.998c2.865 2.864 2.865 7.53 0 10.394l-9.998 9.998c4.092 4.406 9.93 7.175 16.409 7.175 12.358 0 22.37-10.012 22.37-22.37S64.62 1.63 52.262 1.63z"}),t.createElement("path",{d:"M29.893 24a22.277 22.277 0 0 1 5.96-15.195l-6.656-6.656c-2.864-2.865-7.53-2.865-10.394 0L2.148 18.804c-2.864 2.864-2.864 7.529 0 10.394l16.655 16.655c2.865 2.864 7.53 2.864 10.394 0l6.657-6.657a22.214 22.214 0 0 1-5.961-15.195z"}))),o||(o=t.createElement("defs",null,t.createElement("clipPath",{id:"Logo_svg__a"},t.createElement("path",{fill:"currentColor",d:"M0 0h75v48H0z"}))))),d={nb:"Kunnskapssektorens<br /> tjenesteleverandør",nn:"Kunnskapssektorens<br /> tenesteleverandør",en:"Norwegian Agency for Shared<br /> Services in Education and Research",se:"Máhttosuorggi<br /> bálvaluslágideaddji",smj:"Máhtudaksuorge<br /> dievnastusbuvtadadiddje",sma:"Maahtoesuerkien<br /> dïenesjedeellije",fkv:"Tietosektorin<br /> palvelu"},u=({variant:s="primary",className:n,lang:t="nb",...a})=>{const l="secondary"===s;return e.jsxs("div",{className:r("sds-logo",`sds-logo--${s}`,n),...a,children:[e.jsx(i,{className:"sds-logo__icon","aria-hidden":!0}),e.jsxs("div",{children:[e.jsx("div",{className:"sds-logo__title",children:"Sikt"}),l&&e.jsx("div",{className:"sds-logo__subtitle",dangerouslySetInnerHTML:{__html:d[t]}})]})]})};exports.Footer=({children:s,className:n,lang:t="nb",logoHref:l="//sikt.no",...o})=>{const c=e.jsx(u,{variant:"secondary",lang:t});return e.jsx("footer",{className:r("sds-footer",n),"data-color-scheme":"dark",...o,children:e.jsxs("div",{className:"sds-footer__content",children:[e.jsx("div",{children:l?e.jsx(a,{href:l,className:"sds-footer__logo-link",children:c}):c}),s]})})};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../core/dist/index.js","../../../logo/dist/index.js","../../Footer.tsx"],"sourcesContent":["import{jsx as e,jsxs as s}from\"react/jsx-runtime\";import a,{clsx as r}from\"clsx\";import{Children as l,isValidElement as i,cloneElement as c,forwardRef as n}from\"react\";const d=({children:s,className:r,title:l,...i})=>e(\"abbr\",{className:a(\"sds-typography-abbr\",r),tabIndex:0,\"data-title\":l,\"aria-label\":l,...i,children:s}),o=({children:a,aspectRatio:n,figCaption:d,...o})=>s(\"figure\",{className:\"sds-figure\",...o,children:[l.map(a,(e=>{if(i(e))return(e=>{const s={className:r(\"sds-figure__figure\",\"16x9\"===n&&\"sds-figure__figure--ratio-16x9\",e.props.className)};return c(e,s)})(e)})),d&&e(\"figcaption\",{className:\"sds-figure__caption\",children:d})]}),t=({children:s,level:r,variant:l,className:i,...c})=>e(`h${r}`,{className:a(\"sds-typography-heading\",`sds-typography-heading--${l}`,i),...c,children:s}),p=e=>t({...e,level:\"1\"}),h=e=>t({...e,level:\"2\"}),m=e=>t({...e,level:\"3\"}),y=e=>t({...e,level:\"4\"}),g=e=>t({...e,level:\"5\"}),f=e=>t({...e,level:\"6\"}),N=({children:s,variant:r=\"regular\",modifier:l,className:i,as:c=\"p\",...n})=>e(c,{className:a(\"sds-typography-body\",`sds-typography-body--${r}`,l&&`sds-typography-body--${l}`,i),...n,children:s}),u=n((({children:s,className:r,isExternal:l,noIcon:i,...c},n)=>e(\"a\",{ref:n,className:a(\"sds-typography-link\",l&&\"sds-typography-link--external\",i&&\"sds-typography-link--no-icon\",r),...c,children:s})));u.displayName=\"Link\";const b=({children:s,className:r,isFocusable:l,...i})=>e(\"span\",{className:a(\"sds-screen-reader-only\",l&&\"sds-screen-reader-only--focusable\",r),...i,children:s});export{d as Abbreviation,o as Figure,t as Heading,p as Heading1,h as Heading2,m as Heading3,y as Heading4,g as Heading5,f as Heading6,u as Link,N as Paragraph,b as ScreenReaderOnly};\n//# sourceMappingURL=index.js.map\n","import{jsxs as e,jsx as r}from\"react/jsx-runtime\";import t from\"clsx\";import*as a from\"react\";var n,s;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}const o=e=>a.createElement(\"svg\",l({xmlns:\"http://www.w3.org/2000/svg\",fill:\"none\",viewBox:\"0 0 75 48\"},e),n||(n=a.createElement(\"g\",{fill:\"currentColor\",clipPath:\"url(#Logo_svg__a)\"},a.createElement(\"path\",{d:\"M52.262 1.63c-6.493 0-12.331 2.769-16.409 7.175l9.998 9.998c2.865 2.864 2.865 7.53 0 10.394l-9.998 9.998c4.092 4.406 9.93 7.175 16.409 7.175 12.358 0 22.37-10.012 22.37-22.37S64.62 1.63 52.262 1.63z\"}),a.createElement(\"path\",{d:\"M29.893 24a22.277 22.277 0 0 1 5.96-15.195l-6.656-6.656c-2.864-2.865-7.53-2.865-10.394 0L2.148 18.804c-2.864 2.864-2.864 7.529 0 10.394l16.655 16.655c2.865 2.864 7.53 2.864 10.394 0l6.657-6.657a22.214 22.214 0 0 1-5.961-15.195z\"}))),s||(s=a.createElement(\"defs\",null,a.createElement(\"clipPath\",{id:\"Logo_svg__a\"},a.createElement(\"path\",{fill:\"currentColor\",d:\"M0 0h75v48H0z\"}))))),i={nb:\"Kunnskapssektorens<br /> tjenesteleverandør\",nn:\"Kunnskapssektorens<br /> tenesteleverandør\",en:\"Norwegian Agency for Shared<br /> Services in Education and Research\",se:\"Máhttosuorggi<br /> bálvaluslágideaddji\",smj:\"Máhtudaksuorge<br /> dievnastusbuvtadadiddje\",sma:\"Maahtoesuerkien<br /> dïenesjedeellije\",fkv:\"Tietosektorin<br /> palvelu\"},c=({variant:a=\"primary\",className:n,lang:s=\"nb\",...l})=>{const c=\"secondary\"===a;return e(\"div\",{className:t(\"sds-logo\",`sds-logo--${a}`,n),...l,children:[r(o,{className:\"sds-logo__icon\",\"aria-hidden\":!0}),e(\"div\",{children:[r(\"div\",{className:\"sds-logo__title\",children:\"Sikt\"}),c&&r(\"div\",{className:\"sds-logo__subtitle\",dangerouslySetInnerHTML:{__html:i[s]}})]})]})};export{c as Logo};\n//# sourceMappingURL=index.js.map\n","import React, { HTMLAttributes, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Link } from \"@sikt/sds-core\";\nimport { Logo, LogoProps } from \"@sikt/sds-logo\";\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\n className={clsx(\"sds-footer\", className)}\n data-color-scheme=\"dark\"\n {...rest}\n >\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};\n"],"names":["u","n","forwardRef","children","s","className","r","isExternal","l","noIcon","i","c","e","ref","a","Object","assign","bind","arguments","length","t","prototype","hasOwnProperty","call","apply","this","displayName","o","createElement","xmlns","fill","viewBox","clipPath","d","id","nb","nn","en","se","smj","sma","fkv","variant","lang","jsx","dangerouslySetInnerHTML","__html","logoHref","rest","logoElement","_jsx","Logo","clsx","_jsxs","Link","href"],"mappings":"mWAA8K,MAA88BA,EAAEC,EAACC,YAAA,EAAIC,SAASC,EAAEC,UAAUC,EAAEC,WAAWC,EAAEC,OAAOC,KAAKC,GAAGV,IAAIW,MAAE,IAAI,CAACC,IAAIZ,EAAEI,UAAUS,EAAE,sBAAsBN,GAAG,gCAAgCE,GAAG,+BAA+BJ,MAAMK,EAAER,SAASC,MCAjuC,IAAIH,EAAEG,EAAE,SAASI,IAAI,OAAOA,EAAEO,OAAOC,OAAOD,OAAOC,OAAOC,OAAO,SAASL,GAAG,IAAI,IAAIN,EAAE,EAAEA,EAAEY,UAAUC,OAAOb,IAAI,CAAC,IAAIc,EAAEF,UAAUZ,GAAG,IAAI,IAAIQ,KAAKM,EAAEL,OAAOM,UAAUC,eAAeC,KAAKH,EAAEN,KAAKF,EAAEE,GAAGM,EAAEN,GAAI,CAAA,OAAOF,GAAGJ,EAAEgB,MAAMC,KAAKP,UAAW,CDA2/BlB,EAAE0B,YAAY,OCAzgC,MAAMC,EAAEf,GAAGE,EAAEc,cAAc,MAAMpB,EAAE,CAACqB,MAAM,6BAA6BC,KAAK,OAAOC,QAAQ,aAAanB,GAAGX,IAAIA,EAAEa,EAAEc,cAAc,IAAI,CAACE,KAAK,eAAeE,SAAS,qBAAqBlB,EAAEc,cAAc,OAAO,CAACK,EAAE,2MAA2MnB,EAAEc,cAAc,OAAO,CAACK,EAAE,0OAA0O7B,IAAIA,EAAEU,EAAEc,cAAc,OAAO,KAAKd,EAAEc,cAAc,WAAW,CAACM,GAAG,eAAepB,EAAEc,cAAc,OAAO,CAACE,KAAK,eAAeG,EAAE,sBAAsBvB,EAAE,CAACyB,GAAG,8CAA8CC,GAAG,6CAA6CC,GAAG,uEAAuEC,GAAG,0CAA0CC,IAAI,+CAA+CC,IAAI,yCAAyCC,IAAI,+BAA+B9B,EAAE,EAAE+B,QAAQ5B,EAAE,UAAUT,UAAUJ,EAAE0C,KAAKvC,EAAE,QAAQI,MAAM,MAAMG,EAAE,cAAcG,EAAE,OAAOF,EAAAA,KAAE,MAAM,CAACP,UAAUe,EAAE,WAAW,aAAaN,IAAIb,MAAMO,EAAEL,SAAS,CAACG,EAAAA,IAAEqB,EAAE,CAACtB,UAAU,iBAAiB,eAAc,IAAKO,EAAAA,KAAE,MAAM,CAACT,SAAS,CAACG,EAACsC,IAAC,MAAM,CAACvC,UAAU,kBAAkBF,SAAS,SAASQ,GAAGL,MAAE,MAAM,CAACD,UAAU,qBAAqBwC,wBAAwB,CAACC,OAAOpC,EAAEN,WAAW,iBCavzD,EACpBD,WACAE,YACAsC,OAAO,KACPI,WAAW,eACRC,MAEH,MAAMC,EAAcC,EAACN,IAAAO,EAAK,CAAAT,QAAQ,YAAYC,KAAMA,IAEpD,OACEO,EAAAA,IACE,SAAA,CAAA7C,UAAW+C,EAAK,aAAc/C,GACZ,oBAAA,UACd2C,EAAI7C,SAERkD,OAAK,MAAA,CAAAhD,UAAU,gCACb6C,EAAAA,IACG,MAAA,CAAA/C,SAAA4C,EACCG,MAACI,EAAI,CAACC,KAAMR,EAAU1C,UAAU,wBAC7BF,SAAA8C,IACI,IAKV9C,MAGL"}
|