@oslokommune/punkt-css 3.0.2 → 3.1.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 +30 -3
- package/dist/css/components/messagebox.css +52 -0
- package/dist/css/components/messagebox.min.css +1 -0
- package/dist/css/pkt-base.css +1 -10
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +53 -0
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +54 -10
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_defaults.scss +1 -10
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_messagebox.scss +60 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,7 +1,34 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Punkt følger [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html) for versjonering,
|
|
4
|
+
og skriver commits ca etter [Conventional Commits](https://conventionalcommits.org).
|
|
5
|
+
|
|
6
|
+
---
|
|
2
7
|
|
|
3
|
-
|
|
4
|
-
|
|
8
|
+
## [3.1.1](https://github.com/oslokommune/punkt/compare/3.1.0...3.1.1) (2023-03-23)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
Ingen
|
|
18
|
+
|
|
19
|
+
### Chores
|
|
20
|
+
* [670](https://github.com/oslokommune/punkt/issues/670) Generer changelog automatisk (#746). Changelog genereres nå automatisk utifra commits, så lenge de følger Convential commits malen.
|
|
21
|
+
|
|
22
|
+
Dette er dokumentert i [CONTRIBUTING.md](https://github.com/oslokommune/punkt/blob/main/CONTRIBUTING.md) og i [scriptet som gjør dette ved publisering](https://github.com/oslokommune/punkt/blob/main/scripts/update-changelog.js).
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [3.1.0](https://github.com/oslokommune/punkt/compare/v3.0.2...v3.1.0) (2023-03-20)
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
* [#719](https://github.com/oslokommune/punkt/issues/719) Lag CSS for Messagebox
|
|
5
32
|
|
|
6
33
|
## [3.0.2](https://github.com/oslokommune/punkt/compare/v3.0.1...v3.0.2) (2023-03-16)
|
|
7
34
|
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Messagebox component
|
|
3
|
+
*/
|
|
4
|
+
.pkt-messagebox {
|
|
5
|
+
--pkt-messagebox-bc: var(--color-beige-dark);
|
|
6
|
+
--pkt-messagebox-bg: var(--color-beige-light);
|
|
7
|
+
--pkt-messagebox-txt: var(--color-blue-dark);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.pkt-messagebox--red {
|
|
11
|
+
--pkt-messagebox-bc: var(--color-red);
|
|
12
|
+
--pkt-messagebox-bg: var(--color-red-30);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.pkt-messagebox--green {
|
|
16
|
+
--pkt-messagebox-bc: var(--color-green);
|
|
17
|
+
--pkt-messagebox-bg: var(--color-green-30);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.pkt-messagebox--blue {
|
|
21
|
+
--pkt-messagebox-bc: var(--color-blue);
|
|
22
|
+
--pkt-messagebox-bg: var(--color-blue-60);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.pkt-messagebox {
|
|
26
|
+
padding: 1.5rem 1.5rem 1.5rem 1.25rem;
|
|
27
|
+
display: block;
|
|
28
|
+
position: relative;
|
|
29
|
+
border-left: 0.25rem solid var(--pkt-messagebox-bc);
|
|
30
|
+
background-color: var(--pkt-messagebox-bg);
|
|
31
|
+
color: var(--pkt-messagebox-txt);
|
|
32
|
+
}
|
|
33
|
+
.pkt-messagebox__title {
|
|
34
|
+
font-size: 1.5rem;
|
|
35
|
+
font-weight: 500;
|
|
36
|
+
letter-spacing: -0.2px;
|
|
37
|
+
line-height: 1.5em;
|
|
38
|
+
margin: 0 0 1.5rem 0;
|
|
39
|
+
}
|
|
40
|
+
.pkt-messagebox__text {
|
|
41
|
+
font-size: 1.125rem;
|
|
42
|
+
font-weight: 300;
|
|
43
|
+
letter-spacing: -0.2px;
|
|
44
|
+
line-height: 1.5em;
|
|
45
|
+
margin: 0;
|
|
46
|
+
}
|
|
47
|
+
.pkt-messagebox__text p {
|
|
48
|
+
margin-bottom: 1rem;
|
|
49
|
+
}
|
|
50
|
+
.pkt-messagebox__text p:last-of-type {
|
|
51
|
+
margin-bottom: 0;
|
|
52
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pkt-messagebox{--pkt-messagebox-bc: var(--color-beige-dark);--pkt-messagebox-bg: var(--color-beige-light);--pkt-messagebox-txt: var(--color-blue-dark)}.pkt-messagebox--red{--pkt-messagebox-bc: var(--color-red);--pkt-messagebox-bg: var(--color-red-30)}.pkt-messagebox--green{--pkt-messagebox-bc: var(--color-green);--pkt-messagebox-bg: var(--color-green-30)}.pkt-messagebox--blue{--pkt-messagebox-bc: var(--color-blue);--pkt-messagebox-bg: var(--color-blue-60)}.pkt-messagebox{padding:1.5rem 1.5rem 1.5rem 1.25rem;display:block;position:relative;border-left:.25rem solid var(--pkt-messagebox-bc);background-color:var(--pkt-messagebox-bg);color:var(--pkt-messagebox-txt)}.pkt-messagebox__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin:0 0 1.5rem 0}.pkt-messagebox__text{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;margin:0}.pkt-messagebox__text p{margin-bottom:1rem}.pkt-messagebox__text p:last-of-type{margin-bottom:0}
|