@sikt/sds-footer 1.1.0 → 2.0.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 +44 -0
- package/dist/index.css +27 -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 -11
- 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,44 @@
|
|
|
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.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
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- **deps:** change peer deps clsx to ^2.1.0 ([9eb76f1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/9eb76f1207a2ec8d19fda646c9bc26d5922b1839))
|
|
10
|
+
- **deps:** correct deps on @sikt/sds-tokens ([b47f8a4](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b47f8a4d27e99dcc731036ccf2b7b58a27d88da6))
|
|
11
|
+
- **deps:** peer deps react@19.0.0 ([17352e2](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/17352e291153f79c66a9de317ca42820159aee8a))
|
|
12
|
+
- **deps:** update @sikt/sds-core@4.1.1 & @sikt/sds-icons@2.0.2 ([09e97cf](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/09e97cfe35780cc239ae2b7f55f4e793ec72e479))
|
|
13
|
+
- **deps:** update @sikt/sds-logo@2.0.1 ([286fa70](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/286fa709e1be8a67a9459123296956d042e766a6))
|
|
14
|
+
- package json exports ([b62fed7](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b62fed7bfa459c618c016f39c960dffda037155f))
|
|
15
|
+
|
|
16
|
+
## [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)
|
|
17
|
+
|
|
18
|
+
### ⚠ BREAKING CHANGES
|
|
19
|
+
|
|
20
|
+
- rename componentType & componentSize props to variant & size for consistency
|
|
21
|
+
- **tokens:** add new tokens to footer package
|
|
22
|
+
|
|
23
|
+
### Features
|
|
24
|
+
|
|
25
|
+
- rename componentType & componentSize props to variant & size for consistency ([e598ec8](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/e598ec84d3351f2ecdaa679bdddbf947a9949f13))
|
|
26
|
+
- **tokens:** add new tokens to footer package ([d50a15a](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/d50a15a484aa6f62abf6b485374ab443bc7337af))
|
|
27
|
+
|
|
28
|
+
## [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)
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
|
|
32
|
+
- **footer:** new background color ([a9fbb06](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a9fbb0604300cb013bffda195339003b24b972c3))
|
|
33
|
+
|
|
34
|
+
### [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)
|
|
35
|
+
|
|
36
|
+
## 1.0.0 (2023-04-13)
|
|
37
|
+
|
|
38
|
+
### Features
|
|
39
|
+
|
|
40
|
+
- **footer:** add component ([b51d15e](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b51d15edc37fb7be07317dd0a786ba85a3cd7931))
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
- **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,28 @@
|
|
|
1
|
-
|
|
1
|
+
/* src/footer.pcss */
|
|
2
|
+
.sds-footer {
|
|
3
|
+
background-color: var(--sds-color-layout-background-default);
|
|
4
|
+
color: var(--sds-color-text-primary);
|
|
5
|
+
min-height: 100px;
|
|
6
|
+
}
|
|
7
|
+
.sds-footer__content {
|
|
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
|
+
color: inherit;
|
|
25
|
+
display: inline-flex;
|
|
26
|
+
text-decoration: none;
|
|
27
|
+
}
|
|
2
28
|
/*# 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-layout-background-default);\n color: var(--sds-color-text-primary);\n min-height: 100px;\n}\n\n .sds-footer__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\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 color: inherit;\n display: inline-flex;\n text-decoration: none;\n }\n"],"mappings":";AAAA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,cAAY;AACd;AAEE,CAAC;AACC,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,GAbC;AAcG,eAAW;AACf;AACE;AAEF,CAAC,qBAAqB,CAAC;AACrB,oBAAkB;AAClB,SAAO;AACP,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),"data-color-scheme":"dark"},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}),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,EACE,uBAAAD,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,SAAA,EAAWE,SAAK,CAAA,YAAA,EAAc,SAAS,CAAA;AAAA,MACvC,mBAAkB,EAAA,MAAA;AAAA,KAAA,EACd,IAHL,CAAA,EAAA;AAAA,MAKC,QAAA,kBAAAC,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,QAAA,EAAA;AAAA,wBAACH,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,QACC,QAAA;AAAA,OACH,EAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACF,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\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"]}
|
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),"data-color-scheme":"dark"},g),n(u,s({children:a("div",{className:"sds-footer__content",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,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAc,SAAS,CAAA;AAAA,MACvC,mBAAkB,EAAA,MAAA;AAAA,KAAA,EACd,IAHL,CAAA,EAAA;AAAA,MAKC,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,QAAA,EAAA;AAAA,wBAAC,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,QACC,QAAA;AAAA,OACH,EAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACF,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\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"]}
|
package/package.json
CHANGED
|
@@ -1,25 +1,51 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikt/sds-footer",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
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": "^1.
|
|
38
|
+
"@sikt/sds-core": "^4.1.1",
|
|
39
|
+
"@sikt/sds-logo": "^2.0.1"
|
|
17
40
|
},
|
|
18
41
|
"peerDependencies": {
|
|
19
|
-
"@types/react": "^18.0.0",
|
|
20
|
-
"@types/react-dom": "^18.0.0",
|
|
21
|
-
"clsx": "^
|
|
22
|
-
"react": "^18.0.0",
|
|
23
|
-
"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": "^2.1.0"
|
|
24
50
|
}
|
|
25
51
|
}
|
package/dist/cjs/index.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.sds-footer{background-color:var(--sds-color-background-action);color:var(--sds-color-text-default);min-height:100px}.sds-footer__content{grid-gap:var(--sds-size-padding-large);display:flex;flex-flow:column;grid-template-columns:auto;justify-content:space-between;margin:0 auto;max-width:var(--sds-grid-content-medium);padding:var(--sds-size-base-l)}@media (width >= 834px){.sds-footer__content{flex-flow:row}}.sds-footer__logo-link.sds-typography-link{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,mDAAoD,CACpD,mCAAoC,CACpC,gBAsBF,CApBE,qBAGE,sCAAuC,CAFvC,YAAa,CACb,gBAAiB,CAEjB,0BAA2B,CAC3B,6BAA8B,CAC9B,aAAc,CACd,wCAAyC,CACzC,8BAKF,CAHE,wBAVF,qBAWI,aAEJ,CADE,CAGF,2CACE,aAAc,CACd,mBAAoB,CACpB,oBACF","file":"index.css","sourcesContent":["@import url(\"@sikt/sds-core/dist/tokens/css/custom-media.css\");\n\n.sds-footer {\n background-color: var(--sds-color-background-action);\n color: var(--sds-color-text-default);\n min-height: 100px;\n\n &__content {\n display: flex;\n flex-flow: column;\n grid-gap: var(--sds-size-padding-large);\n grid-template-columns: auto;\n justify-content: space-between;\n margin: 0 auto;\n max-width: var(--sds-grid-content-medium);\n padding: var(--sds-size-base-l);\n\n @media (--sds-breakpoint-tablet) {\n flex-flow: row;\n }\n }\n\n &__logo-link.sds-typography-link {\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");function s(e){var r=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:function(){return e[s]}})}})),r.default=e,Object.freeze(r)}var t=s(require("react"));const n=({children:s,className:t,isExternal:n,...a})=>e.jsx("a",{className:r("sds-typography-link",n&&"sds-typography-link--external",t),...a,children:s});var a,l;function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var s=arguments[r];for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&(e[t]=s[t])}return e},o.apply(this,arguments)}const c=e=>t.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 75 48"},e),a||(a=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"}))),l||(l=t.createElement("defs",null,t.createElement("clipPath",{id:"Logo_svg__a"},t.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"},d=s=>(({logoType:s,className:t,lang:n="nb",...a})=>{const l="secondary"===s;return e.jsxs("div",{className:r("sds-logo",`sds-logo--${s}`,t),...a,children:[e.jsx(c,{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:i[n]}})]})]})})({...s,logoType:"secondary"});exports.Footer=({children:s,className:t,lang:a="nb",logoHref:l="//sikt.no",...o})=>{const c=e.jsx(d,{lang:a});return e.jsx("footer",{className:r("sds-footer",t),"data-color-scheme":"dark",...o,children:e.jsxs("div",{className:"sds-footer__content",children:[e.jsx("div",{children:l?e.jsx(n,{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":["../../node_modules/@sikt/sds-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 i,isValidElement as l,cloneElement as d}from\"react\";const n=({children:s,className:r,title:i,...l})=>e(\"abbr\",{className:a(\"sds-typography-abbr\",r),tabIndex:0,title:i,...l,children:s}),c=({children:a,aspectRatio:n,figCaption:c,...h})=>s(\"figure\",{className:\"sds-figure\",...h,children:[i.map(a,(e=>{if(l(e))return(e=>{const s={className:r(\"sds-figure__figure\",\"16x9\"===n&&\"sds-figure__figure--ratio-16x9\",e.props.className)};return d(e,s)})(e)})),c&&e(\"figcaption\",{className:\"sds-figure__caption\",children:c})]}),h=({children:s,headingLevel:r,headingType:i,className:l,...d})=>e(`h${r}`,{...d,className:a(\"sds-typography-heading\",`sds-typography-heading--${i}`,l),children:s}),t=e=>h({...e,headingLevel:\"1\"}),p=e=>h({...e,headingLevel:\"2\"}),o=e=>h({...e,headingLevel:\"3\"}),g=e=>h({...e,headingLevel:\"4\"}),m=e=>h({...e,headingLevel:\"5\"}),y=e=>h({...e,headingLevel:\"6\"}),f=({children:s,typographyType:r=\"regular\",className:i,as:l=\"p\",...d})=>e(l,{...d,className:a(\"sds-typography-body\",`sds-typography-body--${r}`,i),children:s}),N=({children:s,className:r,isExternal:i,...l})=>e(\"a\",{className:a(\"sds-typography-link\",i&&\"sds-typography-link--external\",r),...l,children:s}),u=({children:s,className:r,isFocusable:i,...l})=>e(\"span\",{className:a(\"sds-screen-reader-only\",i&&\"sds-screen-reader-only--focusable\",r),...l,children:s});export{n as Abbreviation,c as Figure,t as Heading1,p as Heading2,o as Heading3,g as Heading4,m as Heading5,y as Heading6,N as Link,f as Paragraph,u 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=({logoType:a,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]}})]})]})},d=e=>c({...e,logoType:\"primary\"}),g=e=>c({...e,logoType:\"secondary\"});export{d as PrimaryLogo,g as SecondaryLogo};\n//# sourceMappingURL=index.js.map\n","import React, { HTMLAttributes, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Link } from \"@sikt/sds-core\";\nimport { SecondaryLogo, 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 = <SecondaryLogo 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":["N","children","s","className","r","isExternal","i","l","e","jsx","a","n","Object","assign","bind","arguments","length","t","prototype","hasOwnProperty","call","apply","this","o","createElement","xmlns","fill","viewBox","clipPath","d","id","nb","nn","en","se","smj","sma","fkv","g","logoType","lang","c","jsxs","dangerouslySetInnerHTML","__html","logoHref","rest","logoElement","_jsx","SecondaryLogo","clsx","_jsxs","Link","href"],"mappings":"+VAA8J,MAA08BA,EAAE,EAAEC,SAASC,EAAEC,UAAUC,EAAEC,WAAWC,KAAKC,KAAKC,EAACC,IAAC,IAAI,CAACN,UAAUO,EAAE,sBAAsBJ,GAAG,gCAAgCF,MAAMG,EAAEN,SAASC,ICAvpC,IAAIS,EAAET,EAAE,SAASK,IAAI,OAAOA,EAAEK,OAAOC,OAAOD,OAAOC,OAAOC,OAAO,SAASN,GAAG,IAAI,IAAIJ,EAAE,EAAEA,EAAEW,UAAUC,OAAOZ,IAAI,CAAC,IAAIa,EAAEF,UAAUX,GAAG,IAAI,IAAIM,KAAKO,EAAEL,OAAOM,UAAUC,eAAeC,KAAKH,EAAEP,KAAKF,EAAEE,GAAGO,EAAEP,GAAI,CAAA,OAAOF,GAAGD,EAAEc,MAAMC,KAAKP,UAAW,CAAA,MAAMQ,EAAEf,GAAGE,EAAEc,cAAc,MAAMjB,EAAE,CAACkB,MAAM,6BAA6BC,KAAK,OAAOC,QAAQ,aAAanB,GAAGG,IAAIA,EAAED,EAAEc,cAAc,IAAI,CAACE,KAAK,eAAeE,SAAS,qBAAqBlB,EAAEc,cAAc,OAAO,CAACK,EAAE,2MAA2MnB,EAAEc,cAAc,OAAO,CAACK,EAAE,0OAA0O3B,IAAIA,EAAEQ,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,+BAA0aC,EAAE9B,GAA3Y,GAAE+B,SAAS7B,EAAEP,UAAUQ,EAAE6B,KAAKtC,EAAE,QAAQK,MAAM,MAAMkC,EAAE,cAAc/B,EAAE,OAAOF,EAACkC,KAAC,MAAM,CAACvC,UAAUc,EAAE,WAAW,aAAaP,IAAIC,MAAMJ,EAAEN,SAAS,CAACG,EAAAA,IAAEmB,EAAE,CAACpB,UAAU,iBAAiB,eAAc,IAAKK,EAAAA,KAAE,MAAM,CAACP,SAAS,CAACG,EAAAA,IAAE,MAAM,CAACD,UAAU,kBAAkBF,SAAS,SAASwC,GAAGrC,MAAE,MAAM,CAACD,UAAU,qBAAqBwC,wBAAwB,CAACC,OAAOtC,EAAEJ,WAAW,EAAyCuC,CAAE,IAAIjC,EAAE+B,SAAS,6BCax2D,EACpBtC,WACAE,YACAqC,OAAO,KACPK,WAAW,eACRC,MAEH,MAAMC,EAAcC,EAAAA,IAACC,GAAcT,KAAMA,IAEzC,OACEQ,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","x_google_ignoreList":[0]}
|