@oslokommune/punkt-css 5.0.5 → 5.0.8
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 +86 -1
- package/dist/css/pkt-base.css +1 -0
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-elements.css +28 -5
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +29 -5
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +1 -1
- package/dist/scss/elements/_checkbox-radio.scss +33 -6
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [5.0.8](https://github.com/oslokommune/punkt/compare/5.0.7...5.0.8) (2023-06-05)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* [933](https://github.com/oslokommune/punkt/issues/933) Fiks checkbox ikonet.
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## [5.0.6](https://github.com/oslokommune/punkt/compare/5.0.5...5.0.6) (2023-06-02)
|
|
27
|
+
|
|
28
|
+
### ⚠ BREAKING CHANGES
|
|
29
|
+
Ingen
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
Ingen
|
|
33
|
+
|
|
34
|
+
### Bug Fixes
|
|
35
|
+
* [891](https://github.com/oslokommune/punkt/issues/891) Legg til cursor på link (#911).
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Chores
|
|
39
|
+
Ingen
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
|
|
8
44
|
## [5.0.5](https://github.com/oslokommune/punkt/compare/5.0.4...5.0.5) (2023-06-01)
|
|
9
45
|
|
|
10
46
|
### ⚠ BREAKING CHANGES
|
|
@@ -81,7 +117,56 @@ Ingen
|
|
|
81
117
|
## [5.0.0](https://github.com/oslokommune/punkt/compare/4.3.2...5.0.0) (2023-05-30)
|
|
82
118
|
|
|
83
119
|
### ⚠ BREAKING CHANGES
|
|
84
|
-
* [809](https://github.com/oslokommune/punkt/issues/809) Endre SVG oppsett (#851). BREAKING CHANGE:
|
|
120
|
+
* [809](https://github.com/oslokommune/punkt/issues/809) Endre SVG oppsett (#851). BREAKING CHANGE:
|
|
121
|
+
|
|
122
|
+
Nytt:
|
|
123
|
+
- Ikoner kommer med komponentene
|
|
124
|
+
- Oppdatert PktIcon-komponent
|
|
125
|
+
- Ny CSS-klasse `pkt-icon`
|
|
126
|
+
- Fjernet data: import av ikoner i CSS
|
|
127
|
+
|
|
128
|
+
Punkt CLI skal vedlikeholdes men ikke videreutvikles, så det er fortsatt mulig å bruke svg-oppsettet ved bruk av CLI. Men vi vil anbefale å bruke ikon-komponenten vår som dynamisk henter ikoner slik at du kan slippe å tenke på at ikoner en gang i blant må oppdateres.
|
|
129
|
+
|
|
130
|
+
Les mer om ikoner her:
|
|
131
|
+
https://punkt.oslo.kommune.no/5.0/ressurser/ikoner/kode/
|
|
132
|
+
|
|
133
|
+
**Hva må du gjøre?**
|
|
134
|
+
|
|
135
|
+
Alle som bruker klasser/komponenter som inneholder ikoner:
|
|
136
|
+
Import av ikoner i CSS henter vi nå fra vår CDN.
|
|
137
|
+
- Dere som har satt opp CSP må legge inn https://punkt-cdn.oslo.kommune.no/ i deres CSP.
|
|
138
|
+
|
|
139
|
+
**CSS**
|
|
140
|
+
|
|
141
|
+
Ny klasse: pkt-icon, legg inn en span med pkt-icon og ellers andre klasser som du kan ha liggende rett i svg.
|
|
142
|
+
|
|
143
|
+
Før:
|
|
144
|
+
```
|
|
145
|
+
<div class="pkt-alert">
|
|
146
|
+
<div class="pkt-alert__icon">
|
|
147
|
+
<svg viewBox="0 0 32 32" aria-hidden="true">
|
|
148
|
+
<use href="#alert-information"></use>
|
|
149
|
+
</svg>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="pkt-alert__text">
|
|
152
|
+
Bruk dette tekstfeltet til å skrive en kort varsling.
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
Nå:
|
|
158
|
+
```
|
|
159
|
+
<div class="pkt-alert">
|
|
160
|
+
<span class="pkt-icon pkt-alert__icon">
|
|
161
|
+
<svg viewBox="0 0 32 32" aria-hidden="true">
|
|
162
|
+
<use href="#alert-information"></use>
|
|
163
|
+
</svg>
|
|
164
|
+
</span>
|
|
165
|
+
<div class="pkt-alert__text">
|
|
166
|
+
Bruk dette tekstfeltet til å skrive en kort varsling.
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
```
|
|
85
170
|
|
|
86
171
|
|
|
87
172
|
### Features
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -10419,6 +10419,7 @@ a {
|
|
|
10419
10419
|
color: var(--color-blue-dark);
|
|
10420
10420
|
text-decoration: underline;
|
|
10421
10421
|
word-wrap: break-word;
|
|
10422
|
+
cursor: pointer;
|
|
10422
10423
|
}
|
|
10423
10424
|
a:visited {
|
|
10424
10425
|
color: var(--color-blue-dark);
|