@sb1/indeks-web 0.3.0 → 0.4.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 +4 -0
- package/README.md +15 -1
- package/dist/npm/index.js +4 -4
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -4,12 +4,16 @@ Web components for Indeks designsystemet. Komponenter som fungerer i alle rammev
|
|
|
4
4
|
|
|
5
5
|
## 📦 Del av Indeks
|
|
6
6
|
|
|
7
|
-
Denne pakken er en del av [Indeks designsystemet](https://github.com/SpareBank1/indeks).
|
|
7
|
+
Denne pakken er en del av [Indeks designsystemet](https://github.com/SpareBank1/indeks) og er grunnlaget for komponent-atferden i systemet. Den kreves også i React-prosjekter — `@sb1/indeks-react` er et tynt lag som rendrer `<ix-*>`-elementer, så web components-scriptet fra CDN må lastes i alle Indeks-prosjekter.
|
|
8
|
+
|
|
9
|
+
Komponentene bruker CSS-klasser fra `@sb1/indeks-css`, som må lastes separat.
|
|
8
10
|
|
|
9
11
|
## 📥 Installasjon
|
|
10
12
|
|
|
11
13
|
### Via CDN (anbefalt)
|
|
12
14
|
|
|
15
|
+
CDN er anbefalt fordi URL-en deles på tvers av SB1-applikasjoner. Nettleseren kan gjenbruke samme cachede CSS og JS, slik at brukere som allerede har besøkt en annen SB1-app slipper å laste ned det samme på nytt.
|
|
16
|
+
|
|
13
17
|
```html
|
|
14
18
|
<!-- Last inn CSS -->
|
|
15
19
|
<link rel="stylesheet" href="https://cdn.sparebank1.no/indeks/css/<versjon>.css" />
|
|
@@ -18,6 +22,16 @@ Denne pakken er en del av [Indeks designsystemet](https://github.com/SpareBank1/
|
|
|
18
22
|
<script type="module" src="https://cdn.sparebank1.no/indeks/web/<versjon>/index.js"></script>
|
|
19
23
|
```
|
|
20
24
|
|
|
25
|
+
#### TypeScript-typer (valgfritt)
|
|
26
|
+
|
|
27
|
+
CDN-scriptet inneholder ingen typedeklarasjoner. Installer npm-pakken som `devDependency` for å få typer for `<ix-field>` m.fl. både i TypeScript og JSX:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
npm install --save-dev @sb1/indeks-web
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Pakken registrerer typene globalt via `HTMLElementTagNameMap` og JSX — ingen import nødvendig i koden.
|
|
34
|
+
|
|
21
35
|
Etter at scriptet er lastet inn er alle komponenter tilgjengelige som HTML-elementer:
|
|
22
36
|
|
|
23
37
|
```html
|
package/dist/npm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//#region \0@oxc-project+runtime@0.
|
|
1
|
+
//#region \0@oxc-project+runtime@0.127.0/helpers/typeof.js
|
|
2
2
|
function _typeof(o) {
|
|
3
3
|
"@babel/helpers - typeof";
|
|
4
4
|
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
|
|
@@ -8,7 +8,7 @@ function _typeof(o) {
|
|
|
8
8
|
}, _typeof(o);
|
|
9
9
|
}
|
|
10
10
|
//#endregion
|
|
11
|
-
//#region \0@oxc-project+runtime@0.
|
|
11
|
+
//#region \0@oxc-project+runtime@0.127.0/helpers/toPrimitive.js
|
|
12
12
|
function toPrimitive(t, r) {
|
|
13
13
|
if ("object" != _typeof(t) || !t) return t;
|
|
14
14
|
var e = t[Symbol.toPrimitive];
|
|
@@ -20,13 +20,13 @@ function toPrimitive(t, r) {
|
|
|
20
20
|
return ("string" === r ? String : Number)(t);
|
|
21
21
|
}
|
|
22
22
|
//#endregion
|
|
23
|
-
//#region \0@oxc-project+runtime@0.
|
|
23
|
+
//#region \0@oxc-project+runtime@0.127.0/helpers/toPropertyKey.js
|
|
24
24
|
function toPropertyKey(t) {
|
|
25
25
|
var i = toPrimitive(t, "string");
|
|
26
26
|
return "symbol" == _typeof(i) ? i : i + "";
|
|
27
27
|
}
|
|
28
28
|
//#endregion
|
|
29
|
-
//#region \0@oxc-project+runtime@0.
|
|
29
|
+
//#region \0@oxc-project+runtime@0.127.0/helpers/defineProperty.js
|
|
30
30
|
function _defineProperty(e, r, t) {
|
|
31
31
|
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
32
32
|
value: t,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/indeks-web",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Web components for Indeks design system",
|
|
6
6
|
"homepage": "https://design.sparebank1.no",
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
"author": "",
|
|
41
41
|
"license": "MIT",
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@types/node": "^25.
|
|
44
|
-
"jsdom": "^29.
|
|
45
|
-
"typescript": "~
|
|
46
|
-
"vite": "^8.0.
|
|
47
|
-
"vite-plugin-dts": "^
|
|
48
|
-
"vitest": "^4.1.
|
|
43
|
+
"@types/node": "^25.6.0",
|
|
44
|
+
"jsdom": "^29.1.1",
|
|
45
|
+
"typescript": "~6.0.3",
|
|
46
|
+
"vite": "^8.0.10",
|
|
47
|
+
"vite-plugin-dts": "^5.0.0",
|
|
48
|
+
"vitest": "^4.1.5"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"dev": "echo not implemented",
|