@oslokommune/punkt-css 13.6.2 → 13.6.4
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 +18 -0
- package/dist/css/components/bodytext.css +54 -6
- package/dist/css/components/bodytext.min.css +1 -1
- package/dist/css/components/heading.css +91 -11
- package/dist/css/components/heading.min.css +1 -1
- package/dist/css/pkt-base.css +14 -14
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +145 -17
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +159 -31
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +159 -31
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_typography.scss +4 -2
- package/dist/scss/components/_bodytext.scss +27 -3
- package/dist/scss/components/_heading.scss +45 -5
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [13.6.4](https://github.com/oslokommune/punkt/compare/13.6.3...13.6.4) (2025-09-19)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Update Heading-component (#2997).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [13.5.12](https://github.com/oslokommune/punkt/compare/13.5.11...13.5.12) (2025-09-11)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
|
@@ -1,18 +1,66 @@
|
|
|
1
1
|
.pkt-bodytext--large {
|
|
2
2
|
letter-spacing: -0.2px;
|
|
3
3
|
font-weight: 300;
|
|
4
|
-
font-size: 1.
|
|
5
|
-
line-height:
|
|
4
|
+
font-size: 1.25rem;
|
|
5
|
+
line-height: 2rem;
|
|
6
|
+
}
|
|
7
|
+
@media screen and (min-width: 35.938rem) {
|
|
8
|
+
.pkt-bodytext--large {
|
|
9
|
+
letter-spacing: -0.2px;
|
|
10
|
+
font-weight: 300;
|
|
11
|
+
font-size: 1.375rem;
|
|
12
|
+
line-height: 2.125rem;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
@media screen and (min-width: 48rem) {
|
|
16
|
+
.pkt-bodytext--large {
|
|
17
|
+
letter-spacing: -0.2px;
|
|
18
|
+
font-weight: 300;
|
|
19
|
+
font-size: 1.5rem;
|
|
20
|
+
line-height: 2.25rem;
|
|
21
|
+
}
|
|
6
22
|
}
|
|
7
23
|
.pkt-bodytext--medium {
|
|
8
24
|
letter-spacing: -0.2px;
|
|
9
25
|
font-weight: 300;
|
|
10
|
-
font-size:
|
|
11
|
-
line-height: 1.
|
|
26
|
+
font-size: 1rem;
|
|
27
|
+
line-height: 1.5rem;
|
|
28
|
+
}
|
|
29
|
+
@media screen and (min-width: 35.938rem) {
|
|
30
|
+
.pkt-bodytext--medium {
|
|
31
|
+
letter-spacing: -0.2px;
|
|
32
|
+
font-weight: 300;
|
|
33
|
+
font-size: 1.125rem;
|
|
34
|
+
line-height: 1.75rem;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
@media screen and (min-width: 48rem) {
|
|
38
|
+
.pkt-bodytext--medium {
|
|
39
|
+
letter-spacing: -0.2px;
|
|
40
|
+
font-weight: 300;
|
|
41
|
+
font-size: 1.25rem;
|
|
42
|
+
line-height: 2rem;
|
|
43
|
+
}
|
|
12
44
|
}
|
|
13
45
|
.pkt-bodytext--small {
|
|
14
46
|
letter-spacing: -0.2px;
|
|
15
47
|
font-weight: 300;
|
|
16
|
-
font-size:
|
|
17
|
-
line-height: 1.
|
|
48
|
+
font-size: 0.875rem;
|
|
49
|
+
line-height: 1.375rem;
|
|
50
|
+
}
|
|
51
|
+
@media screen and (min-width: 35.938rem) {
|
|
52
|
+
.pkt-bodytext--small {
|
|
53
|
+
letter-spacing: -0.2px;
|
|
54
|
+
font-weight: 300;
|
|
55
|
+
font-size: 0.875rem;
|
|
56
|
+
line-height: 1.375rem;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
@media screen and (min-width: 48rem) {
|
|
60
|
+
.pkt-bodytext--small {
|
|
61
|
+
letter-spacing: -0.2px;
|
|
62
|
+
font-weight: 300;
|
|
63
|
+
font-size: 1rem;
|
|
64
|
+
line-height: 1.5rem;
|
|
65
|
+
}
|
|
18
66
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}
|
|
1
|
+
.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem}@media screen and (min-width: 35.938rem){.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}}@media screen and (min-width: 48rem){.pkt-bodytext--large{letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 35.938rem){.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-bodytext--medium{letter-spacing:-0.2px;font-weight:300;font-size:1.25rem;line-height:2rem}}.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}@media screen and (min-width: 35.938rem){.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}}@media screen and (min-width: 48rem){.pkt-bodytext--small{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}}
|
|
@@ -8,34 +8,114 @@ pkt-heading {
|
|
|
8
8
|
line-height: 1.2;
|
|
9
9
|
}
|
|
10
10
|
.pkt-heading--xlarge {
|
|
11
|
-
letter-spacing: -0.
|
|
11
|
+
letter-spacing: -0.2px;
|
|
12
12
|
font-weight: 400;
|
|
13
|
-
font-size:
|
|
14
|
-
line-height:
|
|
13
|
+
font-size: 2.5rem;
|
|
14
|
+
line-height: 3.75rem;
|
|
15
|
+
}
|
|
16
|
+
@media screen and (min-width: 35.938rem) {
|
|
17
|
+
.pkt-heading--xlarge {
|
|
18
|
+
letter-spacing: -0.4px;
|
|
19
|
+
font-weight: 400;
|
|
20
|
+
font-size: 3.375rem;
|
|
21
|
+
line-height: 5.125rem;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
@media screen and (min-width: 48rem) {
|
|
25
|
+
.pkt-heading--xlarge {
|
|
26
|
+
letter-spacing: -0.4px;
|
|
27
|
+
font-weight: 400;
|
|
28
|
+
font-size: 4.375rem;
|
|
29
|
+
line-height: 6.125rem;
|
|
30
|
+
}
|
|
15
31
|
}
|
|
16
32
|
.pkt-heading--large {
|
|
17
33
|
letter-spacing: -0.2px;
|
|
18
34
|
font-weight: 400;
|
|
19
|
-
font-size:
|
|
20
|
-
line-height:
|
|
35
|
+
font-size: 1.75rem;
|
|
36
|
+
line-height: 2.25rem;
|
|
37
|
+
}
|
|
38
|
+
@media screen and (min-width: 35.938rem) {
|
|
39
|
+
.pkt-heading--large {
|
|
40
|
+
letter-spacing: -0.2px;
|
|
41
|
+
font-weight: 400;
|
|
42
|
+
font-size: 2.25rem;
|
|
43
|
+
line-height: 3.375rem;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
@media screen and (min-width: 48rem) {
|
|
47
|
+
.pkt-heading--large {
|
|
48
|
+
letter-spacing: -0.2px;
|
|
49
|
+
font-weight: 400;
|
|
50
|
+
font-size: 3rem;
|
|
51
|
+
line-height: 4rem;
|
|
52
|
+
}
|
|
21
53
|
}
|
|
22
54
|
.pkt-heading--medium {
|
|
23
55
|
letter-spacing: -0.2px;
|
|
24
56
|
font-weight: 500;
|
|
25
|
-
font-size: 1.
|
|
26
|
-
line-height: 2.
|
|
57
|
+
font-size: 1.5rem;
|
|
58
|
+
line-height: 2.25rem;
|
|
59
|
+
}
|
|
60
|
+
@media screen and (min-width: 35.938rem) {
|
|
61
|
+
.pkt-heading--medium {
|
|
62
|
+
letter-spacing: -0.2px;
|
|
63
|
+
font-weight: 500;
|
|
64
|
+
font-size: 1.75rem;
|
|
65
|
+
line-height: 2.25rem;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
@media screen and (min-width: 48rem) {
|
|
69
|
+
.pkt-heading--medium {
|
|
70
|
+
letter-spacing: -0.2px;
|
|
71
|
+
font-weight: 500;
|
|
72
|
+
font-size: 1.875rem;
|
|
73
|
+
line-height: 2.75rem;
|
|
74
|
+
}
|
|
27
75
|
}
|
|
28
76
|
.pkt-heading--small {
|
|
29
77
|
letter-spacing: -0.2px;
|
|
30
78
|
font-weight: 500;
|
|
31
|
-
font-size: 1.
|
|
32
|
-
line-height:
|
|
79
|
+
font-size: 1.125rem;
|
|
80
|
+
line-height: 1.75rem;
|
|
81
|
+
}
|
|
82
|
+
@media screen and (min-width: 35.938rem) {
|
|
83
|
+
.pkt-heading--small {
|
|
84
|
+
letter-spacing: -0.2px;
|
|
85
|
+
font-weight: 500;
|
|
86
|
+
font-size: 1.25rem;
|
|
87
|
+
line-height: 2rem;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
@media screen and (min-width: 48rem) {
|
|
91
|
+
.pkt-heading--small {
|
|
92
|
+
letter-spacing: -0.2px;
|
|
93
|
+
font-weight: 500;
|
|
94
|
+
font-size: 1.5rem;
|
|
95
|
+
line-height: 2.25rem;
|
|
96
|
+
}
|
|
33
97
|
}
|
|
34
98
|
.pkt-heading--xsmall {
|
|
35
99
|
letter-spacing: -0.2px;
|
|
36
100
|
font-weight: 500;
|
|
37
|
-
font-size:
|
|
38
|
-
line-height:
|
|
101
|
+
font-size: 1rem;
|
|
102
|
+
line-height: 1.5rem;
|
|
103
|
+
}
|
|
104
|
+
@media screen and (min-width: 35.938rem) {
|
|
105
|
+
.pkt-heading--xsmall {
|
|
106
|
+
letter-spacing: -0.2px;
|
|
107
|
+
font-weight: 500;
|
|
108
|
+
font-size: 1.125rem;
|
|
109
|
+
line-height: 1.75rem;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
@media screen and (min-width: 48rem) {
|
|
113
|
+
.pkt-heading--xsmall {
|
|
114
|
+
letter-spacing: -0.2px;
|
|
115
|
+
font-weight: 500;
|
|
116
|
+
font-size: 1.375rem;
|
|
117
|
+
line-height: 2.125rem;
|
|
118
|
+
}
|
|
39
119
|
}
|
|
40
120
|
.pkt-heading--noSpacing {
|
|
41
121
|
margin-bottom: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:
|
|
1
|
+
pkt-heading{display:block}.pkt-heading{font-size:1.5rem;font-weight:600;line-height:1.2}.pkt-heading--xlarge{letter-spacing:-0.2px;font-weight:400;font-size:2.5rem;line-height:3.75rem}@media screen and (min-width: 35.938rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:3.375rem;line-height:5.125rem}}@media screen and (min-width: 48rem){.pkt-heading--xlarge{letter-spacing:-0.4px;font-weight:400;font-size:4.375rem;line-height:6.125rem}}.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:1.75rem;line-height:2.25rem}@media screen and (min-width: 35.938rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:2.25rem;line-height:3.375rem}}@media screen and (min-width: 48rem){.pkt-heading--large{letter-spacing:-0.2px;font-weight:400;font-size:3rem;line-height:4rem}}.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}@media screen and (min-width: 35.938rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.75rem;line-height:2.25rem}}@media screen and (min-width: 48rem){.pkt-heading--medium{letter-spacing:-0.2px;font-weight:500;font-size:1.875rem;line-height:2.75rem}}.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}@media screen and (min-width: 35.938rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}}@media screen and (min-width: 48rem){.pkt-heading--small{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}@media screen and (min-width: 35.938rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}}@media screen and (min-width: 48rem){.pkt-heading--xsmall{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}.pkt-heading--noSpacing{margin-bottom:0;margin-top:0}.pkt-heading--start{text-align:start}.pkt-heading--end{text-align:end}.pkt-heading--center{text-align:center}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -14014,7 +14014,7 @@ button.pkt-link {
|
|
|
14014
14014
|
font-size: 4.375rem;
|
|
14015
14015
|
font-weight: 400;
|
|
14016
14016
|
letter-spacing: -0.4px;
|
|
14017
|
-
line-height:
|
|
14017
|
+
line-height: 6.125rem;
|
|
14018
14018
|
}
|
|
14019
14019
|
|
|
14020
14020
|
.pkt-txt-54 {
|
|
@@ -14028,7 +14028,7 @@ button.pkt-link {
|
|
|
14028
14028
|
font-size: 3rem;
|
|
14029
14029
|
font-weight: 400;
|
|
14030
14030
|
letter-spacing: -0.2px;
|
|
14031
|
-
line-height:
|
|
14031
|
+
line-height: 4rem;
|
|
14032
14032
|
}
|
|
14033
14033
|
|
|
14034
14034
|
.pkt-txt-40 {
|
|
@@ -14409,7 +14409,7 @@ button.pkt-link {
|
|
|
14409
14409
|
font-size: 4.375rem;
|
|
14410
14410
|
font-weight: 400;
|
|
14411
14411
|
letter-spacing: -0.4px;
|
|
14412
|
-
line-height:
|
|
14412
|
+
line-height: 6.125rem;
|
|
14413
14413
|
}
|
|
14414
14414
|
}
|
|
14415
14415
|
@media screen and (min-width: 0) {
|
|
@@ -14425,7 +14425,7 @@ button.pkt-link {
|
|
|
14425
14425
|
font-size: 3rem;
|
|
14426
14426
|
font-weight: 400;
|
|
14427
14427
|
letter-spacing: -0.2px;
|
|
14428
|
-
line-height:
|
|
14428
|
+
line-height: 4rem;
|
|
14429
14429
|
}
|
|
14430
14430
|
}
|
|
14431
14431
|
@media screen and (min-width: 0) {
|
|
@@ -14861,7 +14861,7 @@ button.pkt-link {
|
|
|
14861
14861
|
font-size: 4.375rem;
|
|
14862
14862
|
font-weight: 400;
|
|
14863
14863
|
letter-spacing: -0.4px;
|
|
14864
|
-
line-height:
|
|
14864
|
+
line-height: 6.125rem;
|
|
14865
14865
|
}
|
|
14866
14866
|
}
|
|
14867
14867
|
@media screen and (min-width: 36rem) {
|
|
@@ -14877,7 +14877,7 @@ button.pkt-link {
|
|
|
14877
14877
|
font-size: 3rem;
|
|
14878
14878
|
font-weight: 400;
|
|
14879
14879
|
letter-spacing: -0.2px;
|
|
14880
|
-
line-height:
|
|
14880
|
+
line-height: 4rem;
|
|
14881
14881
|
}
|
|
14882
14882
|
}
|
|
14883
14883
|
@media screen and (min-width: 36rem) {
|
|
@@ -15313,7 +15313,7 @@ button.pkt-link {
|
|
|
15313
15313
|
font-size: 4.375rem;
|
|
15314
15314
|
font-weight: 400;
|
|
15315
15315
|
letter-spacing: -0.4px;
|
|
15316
|
-
line-height:
|
|
15316
|
+
line-height: 6.125rem;
|
|
15317
15317
|
}
|
|
15318
15318
|
}
|
|
15319
15319
|
@media screen and (min-width: 48rem) {
|
|
@@ -15329,7 +15329,7 @@ button.pkt-link {
|
|
|
15329
15329
|
font-size: 3rem;
|
|
15330
15330
|
font-weight: 400;
|
|
15331
15331
|
letter-spacing: -0.2px;
|
|
15332
|
-
line-height:
|
|
15332
|
+
line-height: 4rem;
|
|
15333
15333
|
}
|
|
15334
15334
|
}
|
|
15335
15335
|
@media screen and (min-width: 48rem) {
|
|
@@ -15765,7 +15765,7 @@ button.pkt-link {
|
|
|
15765
15765
|
font-size: 4.375rem;
|
|
15766
15766
|
font-weight: 400;
|
|
15767
15767
|
letter-spacing: -0.4px;
|
|
15768
|
-
line-height:
|
|
15768
|
+
line-height: 6.125rem;
|
|
15769
15769
|
}
|
|
15770
15770
|
}
|
|
15771
15771
|
@media screen and (min-width: 64rem) {
|
|
@@ -15781,7 +15781,7 @@ button.pkt-link {
|
|
|
15781
15781
|
font-size: 3rem;
|
|
15782
15782
|
font-weight: 400;
|
|
15783
15783
|
letter-spacing: -0.2px;
|
|
15784
|
-
line-height:
|
|
15784
|
+
line-height: 4rem;
|
|
15785
15785
|
}
|
|
15786
15786
|
}
|
|
15787
15787
|
@media screen and (min-width: 64rem) {
|
|
@@ -16217,7 +16217,7 @@ button.pkt-link {
|
|
|
16217
16217
|
font-size: 4.375rem;
|
|
16218
16218
|
font-weight: 400;
|
|
16219
16219
|
letter-spacing: -0.4px;
|
|
16220
|
-
line-height:
|
|
16220
|
+
line-height: 6.125rem;
|
|
16221
16221
|
}
|
|
16222
16222
|
}
|
|
16223
16223
|
@media screen and (min-width: 80rem) {
|
|
@@ -16233,7 +16233,7 @@ button.pkt-link {
|
|
|
16233
16233
|
font-size: 3rem;
|
|
16234
16234
|
font-weight: 400;
|
|
16235
16235
|
letter-spacing: -0.2px;
|
|
16236
|
-
line-height:
|
|
16236
|
+
line-height: 4rem;
|
|
16237
16237
|
}
|
|
16238
16238
|
}
|
|
16239
16239
|
@media screen and (min-width: 80rem) {
|
|
@@ -16669,7 +16669,7 @@ button.pkt-link {
|
|
|
16669
16669
|
font-size: 4.375rem;
|
|
16670
16670
|
font-weight: 400;
|
|
16671
16671
|
letter-spacing: -0.4px;
|
|
16672
|
-
line-height:
|
|
16672
|
+
line-height: 6.125rem;
|
|
16673
16673
|
}
|
|
16674
16674
|
}
|
|
16675
16675
|
@media screen and (min-width: 100rem) {
|
|
@@ -16685,7 +16685,7 @@ button.pkt-link {
|
|
|
16685
16685
|
font-size: 3rem;
|
|
16686
16686
|
font-weight: 400;
|
|
16687
16687
|
letter-spacing: -0.2px;
|
|
16688
|
-
line-height:
|
|
16688
|
+
line-height: 4rem;
|
|
16689
16689
|
}
|
|
16690
16690
|
}
|
|
16691
16691
|
@media screen and (min-width: 100rem) {
|