@fristil/designsystem 0.2.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 +24 -0
- package/README.md +2 -4
- package/dist/cli.js +0 -0
- package/package.json +5 -11
- package/dist/tailwind/preset.d.ts +0 -120
- package/dist/tailwind/preset.d.ts.map +0 -1
- package/dist/tailwind/preset.js +0 -107
- package/dist/tailwind/preset.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -16,6 +16,30 @@ kommer i et nytt undertall.
|
|
|
16
16
|
|
|
17
17
|
## Ikke utgitt
|
|
18
18
|
|
|
19
|
+
## 0.4.0 (2026-09-21)
|
|
20
|
+
|
|
21
|
+
### Endret
|
|
22
|
+
|
|
23
|
+
- `lit` er en vanlig avhengighet, ikke en valgfri `peerDependency`. Du trenger
|
|
24
|
+
bare `npm install @fristil/designsystem`, og ikke lenger vite at Lit finnes.
|
|
25
|
+
Bunten din er upåvirket: ingenting registreres ved import alene, så Lit
|
|
26
|
+
kommer først med når du kaller en `defineFs*`.
|
|
27
|
+
|
|
28
|
+
## 0.3.0 (2026-09-21)
|
|
29
|
+
|
|
30
|
+
### Rettet
|
|
31
|
+
|
|
32
|
+
- `sjekk-eksport.ts` leser svaret fra `npm pack --json` i begge formene npm
|
|
33
|
+
bruker. npm 11 svarer med en liste, npm 12 med et objekt der pakkenavnet er
|
|
34
|
+
nøkkelen, og arbeidsflyten som publiserer henter alltid nyeste npm. Utgivelsen
|
|
35
|
+
stoppet derfor på «{} is not iterable», med en feil som pekte på vår egen kode
|
|
36
|
+
framfor på npm. Skriptet sier nå fra med npm sin egen feilmelding når
|
|
37
|
+
pakkingen feiler.
|
|
38
|
+
|
|
39
|
+
- `bin` peker på `dist/cli.js` uten `./` foran. npm rettet det selv ved
|
|
40
|
+
publisering og advarte om at navnet var «invalid and removed», som leste som
|
|
41
|
+
om kommandolinja forsvant. Den var med hele tiden.
|
|
42
|
+
|
|
19
43
|
## 0.2.0 (2026-09-21)
|
|
20
44
|
|
|
21
45
|
### Lagt til
|
package/README.md
CHANGED
|
@@ -12,11 +12,9 @@ Hele dokumentasjonen, med komponentsider, tokens, mønstre og eksempler for fire
|
|
|
12
12
|
npm install @fristil/designsystem
|
|
13
13
|
```
|
|
14
14
|
|
|
15
|
-
Pakken har
|
|
15
|
+
Pakken har én avhengighet, `lit`, og den installeres sammen med pakken. Komponentene som er web components er bygd på den.
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
npm install lit
|
|
19
|
-
```
|
|
17
|
+
Den koster rundt 9,8 kB gzippet, og bare for den som registrerer minst én web component. Bruker du bare CSS-komponentene, havner Lit aldri i bunten din: ingenting registreres ved import alene, så den kommer først med når du kaller en `defineFs*`.
|
|
20
18
|
|
|
21
19
|
## CSS-komponenter
|
|
22
20
|
|
package/dist/cli.js
CHANGED
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fristil/designsystem",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Rammeverksuavhengig designsystem: tokens, CSS-komponenter og web components.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "MarkusAugust",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"main": "./dist/index.js",
|
|
32
32
|
"types": "./dist/index.d.ts",
|
|
33
33
|
"bin": {
|
|
34
|
-
"fristil": "
|
|
34
|
+
"fristil": "dist/cli.js"
|
|
35
35
|
},
|
|
36
36
|
"exports": {
|
|
37
37
|
".": {
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
},
|
|
298
298
|
"scripts": {
|
|
299
299
|
"generate": "bun scripts/generate-tokens.ts",
|
|
300
|
-
"build": "bun run generate && tsc -b --force && bun run sjekk:eksport && bun run sjekk:cli && bun run sjekk:versjon && bun run sjekk:pakke",
|
|
300
|
+
"build": "bun run generate && rm -rf dist && tsc -b --force && bun run sjekk:eksport && bun run sjekk:cli && bun run sjekk:versjon && bun run sjekk:pakke",
|
|
301
301
|
"typecheck": "tsc --noEmit",
|
|
302
302
|
"typecheck:tests": "tsc --noEmit -p tsconfig.tests.json",
|
|
303
303
|
"test:browser": "vitest --config vitest.config.ts --run",
|
|
@@ -310,13 +310,8 @@
|
|
|
310
310
|
"sjekk:pakke": "publint",
|
|
311
311
|
"prepublishOnly": "bun run build"
|
|
312
312
|
},
|
|
313
|
-
"
|
|
314
|
-
"lit": "
|
|
315
|
-
},
|
|
316
|
-
"peerDependenciesMeta": {
|
|
317
|
-
"lit": {
|
|
318
|
-
"optional": true
|
|
319
|
-
}
|
|
313
|
+
"dependencies": {
|
|
314
|
+
"lit": "^3.3.3"
|
|
320
315
|
},
|
|
321
316
|
"devDependencies": {
|
|
322
317
|
"@types/node": "24.12.4",
|
|
@@ -324,7 +319,6 @@
|
|
|
324
319
|
"@vitest/browser": "4.1.7",
|
|
325
320
|
"@vitest/browser-playwright": "^4.1.7",
|
|
326
321
|
"axe-core": "^4.13.0",
|
|
327
|
-
"lit": "3.3.3",
|
|
328
322
|
"playwright": "1.60.0",
|
|
329
323
|
"publint": "^0.3.24",
|
|
330
324
|
"tailwindcss": "4.3.0",
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
export declare const fristilPreset: {
|
|
2
|
-
theme: {
|
|
3
|
-
screens: {
|
|
4
|
-
readonly sm: "640px";
|
|
5
|
-
readonly md: "768px";
|
|
6
|
-
readonly lg: "1024px";
|
|
7
|
-
readonly xl: "1280px";
|
|
8
|
-
readonly "2xl": "1536px";
|
|
9
|
-
};
|
|
10
|
-
colors: {
|
|
11
|
-
transparent: string;
|
|
12
|
-
current: string;
|
|
13
|
-
page: {
|
|
14
|
-
bg: string;
|
|
15
|
-
fg: string;
|
|
16
|
-
};
|
|
17
|
-
interactive: {
|
|
18
|
-
DEFAULT: string;
|
|
19
|
-
bg: string;
|
|
20
|
-
fg: string;
|
|
21
|
-
};
|
|
22
|
-
danger: {
|
|
23
|
-
DEFAULT: string;
|
|
24
|
-
bg: string;
|
|
25
|
-
};
|
|
26
|
-
warning: {
|
|
27
|
-
DEFAULT: string;
|
|
28
|
-
bg: string;
|
|
29
|
-
};
|
|
30
|
-
success: {
|
|
31
|
-
DEFAULT: string;
|
|
32
|
-
bg: string;
|
|
33
|
-
};
|
|
34
|
-
disabled: {
|
|
35
|
-
DEFAULT: string;
|
|
36
|
-
bg: string;
|
|
37
|
-
};
|
|
38
|
-
neutral: {
|
|
39
|
-
DEFAULT: string;
|
|
40
|
-
bg: string;
|
|
41
|
-
};
|
|
42
|
-
divider: {
|
|
43
|
-
DEFAULT: string;
|
|
44
|
-
strong: string;
|
|
45
|
-
};
|
|
46
|
-
palette: {
|
|
47
|
-
burgundy: {
|
|
48
|
-
5: string;
|
|
49
|
-
10: string;
|
|
50
|
-
30: string;
|
|
51
|
-
50: string;
|
|
52
|
-
70: string;
|
|
53
|
-
100: string;
|
|
54
|
-
};
|
|
55
|
-
forest: {
|
|
56
|
-
5: string;
|
|
57
|
-
10: string;
|
|
58
|
-
30: string;
|
|
59
|
-
50: string;
|
|
60
|
-
70: string;
|
|
61
|
-
100: string;
|
|
62
|
-
};
|
|
63
|
-
ochre: {
|
|
64
|
-
5: string;
|
|
65
|
-
10: string;
|
|
66
|
-
30: string;
|
|
67
|
-
50: string;
|
|
68
|
-
70: string;
|
|
69
|
-
100: string;
|
|
70
|
-
};
|
|
71
|
-
denim: {
|
|
72
|
-
5: string;
|
|
73
|
-
10: string;
|
|
74
|
-
30: string;
|
|
75
|
-
50: string;
|
|
76
|
-
70: string;
|
|
77
|
-
100: string;
|
|
78
|
-
};
|
|
79
|
-
azure: {
|
|
80
|
-
10: string;
|
|
81
|
-
30: string;
|
|
82
|
-
70: string;
|
|
83
|
-
100: string;
|
|
84
|
-
};
|
|
85
|
-
graphite: {
|
|
86
|
-
0: string;
|
|
87
|
-
5: string;
|
|
88
|
-
10: string;
|
|
89
|
-
30: string;
|
|
90
|
-
50: string;
|
|
91
|
-
70: string;
|
|
92
|
-
100: string;
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
};
|
|
96
|
-
fontSize: {
|
|
97
|
-
xxs: string;
|
|
98
|
-
xs: string;
|
|
99
|
-
s: string;
|
|
100
|
-
m: string;
|
|
101
|
-
l: string;
|
|
102
|
-
xl: string;
|
|
103
|
-
xxl: string;
|
|
104
|
-
mega: string;
|
|
105
|
-
};
|
|
106
|
-
extend: {
|
|
107
|
-
maxWidth: {
|
|
108
|
-
readonly xs: "100%";
|
|
109
|
-
readonly sm: "576px";
|
|
110
|
-
readonly md: "960px";
|
|
111
|
-
readonly lg: "1152px";
|
|
112
|
-
readonly xl: "1536px";
|
|
113
|
-
readonly aside: "384px";
|
|
114
|
-
readonly asideNarrow: "288px";
|
|
115
|
-
readonly wideContent: "768px";
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
//# sourceMappingURL=preset.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GC,CAAA"}
|
package/dist/tailwind/preset.js
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, Containers } from "../tokens/tokens.js";
|
|
2
|
-
const v = (token) => `var(${token})`;
|
|
3
|
-
export const fristilPreset = {
|
|
4
|
-
theme: {
|
|
5
|
-
screens: Breakpoints,
|
|
6
|
-
colors: {
|
|
7
|
-
transparent: "transparent",
|
|
8
|
-
current: "currentColor",
|
|
9
|
-
page: {
|
|
10
|
-
bg: v("--semantic-page-background"),
|
|
11
|
-
fg: v("--semantic-page-foreground"),
|
|
12
|
-
},
|
|
13
|
-
interactive: {
|
|
14
|
-
DEFAULT: v("--semantic-interactive-main"),
|
|
15
|
-
bg: v("--semantic-interactive-background"),
|
|
16
|
-
fg: v("--semantic-interactive-foreground"),
|
|
17
|
-
},
|
|
18
|
-
danger: {
|
|
19
|
-
DEFAULT: v("--semantic-danger-foreground"),
|
|
20
|
-
bg: v("--semantic-danger-background"),
|
|
21
|
-
},
|
|
22
|
-
warning: {
|
|
23
|
-
DEFAULT: v("--semantic-warning-foreground"),
|
|
24
|
-
bg: v("--semantic-warning-background"),
|
|
25
|
-
},
|
|
26
|
-
success: {
|
|
27
|
-
DEFAULT: v("--semantic-success-foreground"),
|
|
28
|
-
bg: v("--semantic-success-background"),
|
|
29
|
-
},
|
|
30
|
-
disabled: {
|
|
31
|
-
DEFAULT: v("--semantic-disabled-foreground"),
|
|
32
|
-
bg: v("--semantic-disabled-background"),
|
|
33
|
-
},
|
|
34
|
-
neutral: {
|
|
35
|
-
DEFAULT: v("--semantic-neutral-foreground"),
|
|
36
|
-
bg: v("--semantic-neutral-background"),
|
|
37
|
-
},
|
|
38
|
-
divider: {
|
|
39
|
-
DEFAULT: v("--semantic-divider-30"),
|
|
40
|
-
strong: v("--semantic-divider-100"),
|
|
41
|
-
},
|
|
42
|
-
palette: {
|
|
43
|
-
burgundy: {
|
|
44
|
-
5: v("--palette-burgundy-5"),
|
|
45
|
-
10: v("--palette-burgundy-10"),
|
|
46
|
-
30: v("--palette-burgundy-30"),
|
|
47
|
-
50: v("--palette-burgundy-50"),
|
|
48
|
-
70: v("--palette-burgundy-70"),
|
|
49
|
-
100: v("--palette-burgundy-100"),
|
|
50
|
-
},
|
|
51
|
-
forest: {
|
|
52
|
-
5: v("--palette-forest-5"),
|
|
53
|
-
10: v("--palette-forest-10"),
|
|
54
|
-
30: v("--palette-forest-30"),
|
|
55
|
-
50: v("--palette-forest-50"),
|
|
56
|
-
70: v("--palette-forest-70"),
|
|
57
|
-
100: v("--palette-forest-100"),
|
|
58
|
-
},
|
|
59
|
-
ochre: {
|
|
60
|
-
5: v("--palette-ochre-5"),
|
|
61
|
-
10: v("--palette-ochre-10"),
|
|
62
|
-
30: v("--palette-ochre-30"),
|
|
63
|
-
50: v("--palette-ochre-50"),
|
|
64
|
-
70: v("--palette-ochre-70"),
|
|
65
|
-
100: v("--palette-ochre-100"),
|
|
66
|
-
},
|
|
67
|
-
denim: {
|
|
68
|
-
5: v("--palette-denim-5"),
|
|
69
|
-
10: v("--palette-denim-10"),
|
|
70
|
-
30: v("--palette-denim-30"),
|
|
71
|
-
50: v("--palette-denim-50"),
|
|
72
|
-
70: v("--palette-denim-70"),
|
|
73
|
-
100: v("--palette-denim-100"),
|
|
74
|
-
},
|
|
75
|
-
azure: {
|
|
76
|
-
10: v("--palette-azure-10"),
|
|
77
|
-
30: v("--palette-azure-30"),
|
|
78
|
-
70: v("--palette-azure-70"),
|
|
79
|
-
100: v("--palette-azure-100"),
|
|
80
|
-
},
|
|
81
|
-
graphite: {
|
|
82
|
-
0: v("--palette-graphite-0"),
|
|
83
|
-
5: v("--palette-graphite-5"),
|
|
84
|
-
10: v("--palette-graphite-10"),
|
|
85
|
-
30: v("--palette-graphite-30"),
|
|
86
|
-
50: v("--palette-graphite-50"),
|
|
87
|
-
70: v("--palette-graphite-70"),
|
|
88
|
-
100: v("--palette-graphite-100"),
|
|
89
|
-
},
|
|
90
|
-
},
|
|
91
|
-
},
|
|
92
|
-
fontSize: {
|
|
93
|
-
xxs: v("--font-size-xxs"),
|
|
94
|
-
xs: v("--font-size-xs"),
|
|
95
|
-
s: v("--font-size-s"),
|
|
96
|
-
m: v("--font-size-m"),
|
|
97
|
-
l: v("--font-size-l"),
|
|
98
|
-
xl: v("--font-size-xl"),
|
|
99
|
-
xxl: v("--font-size-xxl"),
|
|
100
|
-
mega: v("--font-size-mega"),
|
|
101
|
-
},
|
|
102
|
-
extend: {
|
|
103
|
-
maxWidth: Containers,
|
|
104
|
-
},
|
|
105
|
-
},
|
|
106
|
-
};
|
|
107
|
-
//# sourceMappingURL=preset.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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"}
|