@oslokommune/punkt-css 6.0.0 → 6.0.2
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 +40 -0
- package/dist/css/components/header.css +3 -1
- package/dist/css/components/header.min.css +1 -1
- package/dist/css/pkt-base.css +9 -9
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +3 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt.css +12 -10
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_typography.scss +1 -1
- package/dist/scss/components/_header.scss +3 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,46 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [6.0.2](https://github.com/oslokommune/punkt/compare/6.0.1...6.0.2) (2023-08-28)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fiks alternativ lenkestil for knapper (#1079). * fix(css,react,vue2): Fiks alternativ lenkestil for knapper
|
|
18
|
+
|
|
19
|
+
* Fiks test
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Chores
|
|
23
|
+
Ingen
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [6.0.1](https://github.com/oslokommune/punkt/compare/6.0.0...6.0.1) (2023-08-24)
|
|
29
|
+
|
|
30
|
+
### ⚠ BREAKING CHANGES
|
|
31
|
+
Ingen
|
|
32
|
+
|
|
33
|
+
### Features
|
|
34
|
+
Ingen
|
|
35
|
+
|
|
36
|
+
### Bug Fixes
|
|
37
|
+
* Pålogget org => Representerer, pluss headermenyposisjon (#1072). * fix(all): Pålogget org => Representerer, pluss headermenyposisjon
|
|
38
|
+
|
|
39
|
+
* Headerposisjon
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Chores
|
|
43
|
+
Ingen
|
|
44
|
+
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
|
|
8
48
|
## [6.0.0](https://github.com/oslokommune/punkt/compare/5.2.3...6.0.0) (2023-08-22)
|
|
9
49
|
|
|
10
50
|
### ⚠ BREAKING CHANGES
|
|
@@ -137,10 +137,11 @@
|
|
|
137
137
|
.pkt-header__dropdown {
|
|
138
138
|
z-index: 2;
|
|
139
139
|
position: absolute;
|
|
140
|
+
margin: 0;
|
|
141
|
+
margin-top: 0.75rem;
|
|
140
142
|
right: 0;
|
|
141
143
|
left: 0;
|
|
142
144
|
padding-left: 0;
|
|
143
|
-
margin: 0;
|
|
144
145
|
list-style: none;
|
|
145
146
|
visibility: hidden;
|
|
146
147
|
max-height: calc(100vh - 4.5rem);
|
|
@@ -149,6 +150,7 @@
|
|
|
149
150
|
}
|
|
150
151
|
@media screen and (min-width: 48rem) {
|
|
151
152
|
.pkt-header__dropdown {
|
|
153
|
+
margin-top: 1rem;
|
|
152
154
|
left: auto;
|
|
153
155
|
right: 0;
|
|
154
156
|
min-width: 23rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 3rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0;z-index:10}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:0}@media screen and (min-width: 80rem){.pkt-header__logo{gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo-service{padding-top:.28rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.375rem;font-weight:300;letter-spacing:-0.2px;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-top:.45rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-header__logo-svg{height:3.5rem;width:6.7741935484rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-top:.28rem;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--color-yellow)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-left:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;right:0;left:0;padding-left:0;
|
|
1
|
+
.pkt-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 3rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0;z-index:10}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:0}@media screen and (min-width: 80rem){.pkt-header__logo{gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo-service{padding-top:.28rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.375rem;font-weight:300;letter-spacing:-0.2px;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-top:.45rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-header__logo-svg{height:3.5rem;width:6.7741935484rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-top:.28rem;font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--color-yellow)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-left:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-top:.75rem;right:0;left:0;padding-left:0;list-style:none;visibility:hidden;max-height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:auto}@media screen and (min-width: 48rem){.pkt-header__dropdown{margin-top:1rem;left:auto;right:0;min-width:23rem;width:auto}}.pkt-header__dropdown>li{padding:2rem;background-color:var(--color-white)}.pkt-header__dropdown>li.footer{padding-top:1rem;padding-bottom:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--color-gray-light)}.pkt-header__user-fullname{display:none}@media screen and (min-width: 80rem){.pkt-header__user-fullname{display:inline}}.pkt-header__user-shortname{display:inline}@media screen and (min-width: 80rem){.pkt-header__user-shortname{display:none}}@media screen and (min-width: 48rem){.pkt-header--has-dropdown{position:relative}}.pkt-header--has-dropdown>.pkt-btn:hover .pkt-btn--closed{--fg-color: var(--color-white)}.pkt-header--has-dropdown .pkt-btn--open{display:none}.pkt-header--has-dropdown .pkt-btn--closed{display:none}@media screen and (min-width: 80rem){.pkt-header--has-dropdown .pkt-btn--closed{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn{background-color:var(--color-active);border-color:var(--color-active);color:var(--color-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--color-white)}@media screen and (min-width: 80rem){.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--closed{display:none}.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown{visibility:visible}.pkt-user-menu p{margin:0}.pkt-user-menu__label{color:var(--color-grayscale-60);font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem}.pkt-user-menu__name{font-size:1.125rem;font-weight:500;letter-spacing:-0.2px;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-user-menu .pkt-list{margin:0}.pkt-user-menu .pkt-list .pkt-link{text-decoration:none}.pkt-user-menu .pkt-list .pkt-link:hover{text-decoration:underline}.pkt-user-menu .pkt-list>li>a{grid-template-columns:1.5rem auto;gap:.5rem}.pkt-user-menu .pkt-list-horizontal{margin:0}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -11238,38 +11238,38 @@ strong {
|
|
|
11238
11238
|
}
|
|
11239
11239
|
|
|
11240
11240
|
a,
|
|
11241
|
-
.pkt-link {
|
|
11241
|
+
.pkt-link-button {
|
|
11242
11242
|
color: var(--color-blue-dark);
|
|
11243
11243
|
text-decoration: underline;
|
|
11244
11244
|
word-wrap: break-word;
|
|
11245
11245
|
cursor: pointer;
|
|
11246
11246
|
}
|
|
11247
11247
|
a:visited,
|
|
11248
|
-
.pkt-link:visited {
|
|
11248
|
+
.pkt-link-button:visited {
|
|
11249
11249
|
color: var(--color-blue-dark);
|
|
11250
11250
|
}
|
|
11251
11251
|
a:hover, a.pkt-link--hover,
|
|
11252
|
-
.pkt-link:hover,
|
|
11253
|
-
.pkt-link.pkt-link--hover {
|
|
11252
|
+
.pkt-link-button:hover,
|
|
11253
|
+
.pkt-link-button.pkt-link--hover {
|
|
11254
11254
|
color: var(--color-hover);
|
|
11255
11255
|
text-decoration: underline;
|
|
11256
11256
|
}
|
|
11257
11257
|
a:focus-visible, a.pkt-link--focus,
|
|
11258
|
-
.pkt-link:focus-visible,
|
|
11259
|
-
.pkt-link.pkt-link--focus {
|
|
11258
|
+
.pkt-link-button:focus-visible,
|
|
11259
|
+
.pkt-link-button.pkt-link--focus {
|
|
11260
11260
|
box-shadow: 0px 0px 0px 0.125rem var(--color-active), 0px 0px 0px 0.375rem var(--color-focus);
|
|
11261
11261
|
outline: none;
|
|
11262
11262
|
color: var(--color-hover);
|
|
11263
11263
|
}
|
|
11264
11264
|
a:focus:not(:focus-visible),
|
|
11265
|
-
.pkt-link:focus:not(:focus-visible) {
|
|
11265
|
+
.pkt-link-button:focus:not(:focus-visible) {
|
|
11266
11266
|
box-shadow: none;
|
|
11267
11267
|
outline: 0.125rem solid var(--color-active);
|
|
11268
11268
|
color: var(--color-hover);
|
|
11269
11269
|
}
|
|
11270
11270
|
a:active, a.pkt-link--active,
|
|
11271
|
-
.pkt-link:active,
|
|
11272
|
-
.pkt-link.pkt-link--active {
|
|
11271
|
+
.pkt-link-button:active,
|
|
11272
|
+
.pkt-link-button.pkt-link--active {
|
|
11273
11273
|
color: var(--color-active);
|
|
11274
11274
|
}
|
|
11275
11275
|
[data-mode=dark] a:link, [data-mode=dark] a.pkt-link--link {
|