@oslokommune/punkt-css 12.5.1 → 12.6.3

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 CHANGED
@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
5
5
 
6
6
  ---
7
7
 
8
+ ## [12.6.3](https://github.com/oslokommune/punkt/compare/12.6.2...12.6.3) (2024-11-05)
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+ Ingen
12
+
13
+ ### Features
14
+ Ingen
15
+
16
+ ### Bug Fixes
17
+ Ingen
18
+
19
+ ### Chores
20
+ * legg til progressbar.astro for css (#1995).
21
+
22
+
23
+ ---
24
+
25
+
26
+ ## [12.5.2](https://github.com/oslokommune/punkt/compare/12.5.1...12.5.2) (2024-10-29)
27
+
28
+ ### ⚠ BREAKING CHANGES
29
+ Ingen
30
+
31
+ ### Features
32
+ Ingen
33
+
34
+ ### Bug Fixes
35
+ * Headermeny går under innhold ved fixed=false (#1987).
36
+
37
+
38
+ ### Chores
39
+ Ingen
40
+
41
+ ---
42
+
43
+
8
44
  ## [12.5.1](https://github.com/oslokommune/punkt/compare/12.5.0...12.5.1) (2024-10-29)
9
45
 
10
46
  ### ⚠ BREAKING CHANGES
@@ -10,6 +10,7 @@
10
10
  align-items: center;
11
11
  padding: 0 1rem;
12
12
  height: 4.5rem;
13
+ z-index: 10;
13
14
  }
14
15
  @media screen and (min-width: 48rem) {
15
16
  .pkt-header {
@@ -27,7 +28,6 @@
27
28
  position: fixed;
28
29
  top: 0;
29
30
  left: 0;
30
- z-index: 10;
31
31
  }
32
32
  .pkt-header--scroll-to-hide {
33
33
  transform: translate3d(0, 0, 0);
@@ -1 +1 @@
1
- .pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);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 2rem}}.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:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-top:.3rem;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:.6rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@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(--pkt-color-brand-yellow-1000)}.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;color:var(--pkt-color-text-body-dark)}@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(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-top:1rem;padding-bottom:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.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(--pkt-color-surface-subtle-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(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-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(--pkt-color-grays-gray-600);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{color:var(--pkt-color-text-body-dark);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}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}
1
+ .pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem;z-index:10}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 2rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0}.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:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-top:.3rem;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:.6rem;font-size:1.5rem;font-weight:300;letter-spacing:-0.2px;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@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(--pkt-color-brand-yellow-1000)}.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;color:var(--pkt-color-text-body-dark)}@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(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-top:1rem;padding-bottom:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.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(--pkt-color-surface-subtle-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(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-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(--pkt-color-grays-gray-600);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{color:var(--pkt-color-text-body-dark);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}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}
@@ -90,7 +90,7 @@
90
90
  padding-right: 3rem;
91
91
  }
92
92
  .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
93
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/chevron-thin-down.svg);
93
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.6/icons/chevron-thin-down.svg);
94
94
  background-image: var(--svg);
95
95
  background-repeat: no-repeat;
96
96
  background-position: right 0.7rem top 50%;
@@ -1 +1 @@
1
- .pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem}.pkt-input:not(.pkt-input-compact),.pkt-textinput__input:not(.pkt-input-compact){min-height:3rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/chevron-thin-down.svg);background-image:var(--svg);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.5rem auto,100%}.pkt-input:is(select) option,.pkt-textinput__input:is(select) option{background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);font-weight:normal}.pkt-input::placeholder,.pkt-textinput__input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-input:hover,.pkt-textinput__input:hover,.pkt-input.pkt-input--hover,.pkt-input--hover.pkt-textinput__input{border-color:var(--pkt-color-input-border-hover)}.pkt-input:focus-visible,.pkt-textinput__input:focus-visible,.pkt-input.pkt-input__textinput--focus,.pkt-input__textinput--focus.pkt-textinput__input{box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:focus,.pkt-textinput__input:focus{outline:none;box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:disabled,.pkt-textinput__input:disabled,.pkt-input:disabled::placeholder,.pkt-textinput__input:disabled::placeholder,.pkt-input[readonly],[readonly].pkt-textinput__input{opacity:1;background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-input-border-disabled);cursor:inherit}.pkt-input:disabled:active,.pkt-textinput__input:disabled:active{border:2px solid var(--pkt-color-input-border-disabled)}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;width:auto;height:3rem;border:2px solid var(--pkt-color-input-border-normal);flex-shrink:0;color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-input-background-normal)}.pkt-input-prefix{padding:.5rem 0rem .5rem 1rem}.pkt-input-prefix::after{content:"";width:1px;margin-left:.5rem;height:100%;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-suffix{padding:.5rem 1rem .5rem 0rem}.pkt-input-suffix svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input-suffix::before{content:"";width:1px;margin-right:.5rem;height:1.5rem;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-icon{padding:.5rem 1rem;align-self:stretch}.pkt-input-icon svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input--counter-error,.pkt-input--counter-error:focus{border-color:var(--pkt-color-input-border-error);background-color:var(--pkt-color-surface-default-faded-red)}.pkt-input--counter-error:focus{box-shadow:0 0 0 2px var(--pkt-color-input-border-error)}.pkt-input__container{display:flex;align-items:center;align-self:stretch}.pkt-input__container:is(:has(input[size])),.pkt-input__container:is(:has(textarea[cols])){align-self:flex-start}.pkt-input__container :first-child:not(:only-child){border-right:none}.pkt-input__container :last-child:not(:only-child){border-left:none}.pkt-input__container :not(:first-child):not(:last-child){border-left:none;border-right:none}.pkt-input__container p{margin:0}.pkt-input__container input:focus{outline:none;box-shadow:none}.pkt-input__container:hover .pkt-input,.pkt-input__container:hover .pkt-textinput__input,.pkt-input__container:hover .pkt-input-prefix,.pkt-input__container:hover .pkt-input-suffix,.pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__container:hover .pkt-input:disabled,.pkt-input__container:hover .pkt-textinput__input:disabled,.pkt-input__container:hover .pkt-input-prefix:disabled,.pkt-input__container:hover .pkt-input-suffix:disabled,.pkt-input__container:hover .pkt-input-icon:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-input__container:focus-within{outline:2px solid var(--pkt-color-input-border-active)}.pkt-input__container:focus-within .pkt-input,.pkt-input__container:focus-within .pkt-textinput__input,.pkt-input__container:focus-within .pkt-input-prefix,.pkt-input__container:focus-within .pkt-input-suffix,.pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__counter{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;width:min(100%,31rem);text-align:right}.pkt-input__counter--error{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-input-text-error)}.pkt-input__range-inputs{min-width:17rem;container:range/inline-size}@container range (width < 30rem){.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);display:grid;grid-template-rows:auto auto;grid-template-columns:min-content auto 4rem;gap:0}.pkt-input__container>:nth-child(2){grid-column-start:span 2}.pkt-input__container .pkt-input-prefix,.pkt-input__container .pkt-input-suffix,.pkt-input__container .pkt-input-icon,.pkt-input__container .pkt-input,.pkt-input__container .pkt-textinput__input{border:0}}
1
+ .pkt-input,.pkt-textinput__input,.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon,.pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-300);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-border-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-500);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-neutrals-white)}[data-mode=dark] .pkt-input,[data-mode=dark] .pkt-textinput__input,[data-mode=dark] .pkt-input-prefix,[data-mode=dark] .pkt-input-suffix,[data-mode=dark] .pkt-input-icon,[data-mode=dark] .pkt-input__container{--pkt-color-input-background-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-border-active: var(--pkt-color-brand-blue-500);--pkt-color-input-border-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-border-error: var(--pkt-color-brand-red-1000);--pkt-color-input-border-hover: var(--pkt-color-brand-blue-500);--pkt-color-input-border-normal: var(--pkt-color-brand-neutrals-white);--pkt-color-input-text-active: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-disabled: var(--pkt-color-grays-gray-200);--pkt-color-input-text-hover: var(--pkt-color-brand-warm-blue-1000);--pkt-color-input-text-normal: var(--pkt-color-brand-dark-blue-1000);--pkt-color-input-text-error: var(--pkt-color-brand-red-1000);--pkt-color-input-text-open: var(--pkt-color-brand-dark-blue-1000)}.pkt-input,.pkt-textinput__input{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;appearance:none;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);border-radius:0;color:var(--pkt-color-input-text-normal);margin:0;padding:.5rem 1rem}.pkt-input:not(.pkt-input-compact),.pkt-textinput__input:not(.pkt-input-compact){min-height:3rem}.pkt-input-compact.pkt-input,.pkt-input-compact.pkt-textinput__input{border:0;border-bottom:1px solid var(--pkt-color-input-border-normal);padding:0 0 .1rem 0;font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-input-compact.pkt-input:is(select):not([multiple]),.pkt-input-compact.pkt-textinput__input:is(select):not([multiple]){background-position:right 0 top 50%;padding-right:2rem}.pkt-input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-textinput__input:not(textarea[cols]):not(input[size]):not(.pkt-input--fullwidth),.pkt-input__container:not(:is(:has(textarea[cols]))):not(:is(:has(input[size]))):not(:is(:has(.pkt-input--fullwidth))){width:min(100%,31rem)}.pkt-input--fullwidth,.pkt-input--fullwidth+.pkt-input__counter{width:100%}.pkt-input:is(textarea),.pkt-textinput__input:is(textarea){min-height:8rem}.pkt-input:is(select),.pkt-textinput__input:is(select){appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:3rem}.pkt-input:is(select):not([multiple]),.pkt-textinput__input:is(select):not([multiple]){--svg: url(https://punkt-cdn.oslo.kommune.no/12.6/icons/chevron-thin-down.svg);background-image:var(--svg);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.5rem auto,100%}.pkt-input:is(select) option,.pkt-textinput__input:is(select) option{background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);font-weight:normal}.pkt-input::placeholder,.pkt-textinput__input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-input:hover,.pkt-textinput__input:hover,.pkt-input.pkt-input--hover,.pkt-input--hover.pkt-textinput__input{border-color:var(--pkt-color-input-border-hover)}.pkt-input:focus-visible,.pkt-textinput__input:focus-visible,.pkt-input.pkt-input__textinput--focus,.pkt-input__textinput--focus.pkt-textinput__input{box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:focus,.pkt-textinput__input:focus{outline:none;box-shadow:0 0 0 2px var(--pkt-color-input-border-active);border-color:var(--pkt-color-input-border-active)}.pkt-input:disabled,.pkt-textinput__input:disabled,.pkt-input:disabled::placeholder,.pkt-textinput__input:disabled::placeholder,.pkt-input[readonly],[readonly].pkt-textinput__input{opacity:1;background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-input-border-disabled);cursor:inherit}.pkt-input:disabled:active,.pkt-textinput__input:disabled:active{border:2px solid var(--pkt-color-input-border-disabled)}.pkt-input-prefix,.pkt-input-suffix,.pkt-input-icon{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem;display:flex;align-items:center;width:auto;height:3rem;border:2px solid var(--pkt-color-input-border-normal);flex-shrink:0;color:var(--pkt-color-brand-dark-blue-1000);background-color:var(--pkt-color-input-background-normal)}.pkt-input-prefix{padding:.5rem 0rem .5rem 1rem}.pkt-input-prefix::after{content:"";width:1px;margin-left:.5rem;height:100%;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-suffix{padding:.5rem 1rem .5rem 0rem}.pkt-input-suffix svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input-suffix::before{content:"";width:1px;margin-right:.5rem;height:1.5rem;background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-input-icon{padding:.5rem 1rem;align-self:stretch}.pkt-input-icon svg{width:1.5rem;height:1.5rem;margin-left:.5rem}.pkt-input--counter-error,.pkt-input--counter-error:focus{border-color:var(--pkt-color-input-border-error);background-color:var(--pkt-color-surface-default-faded-red)}.pkt-input--counter-error:focus{box-shadow:0 0 0 2px var(--pkt-color-input-border-error)}.pkt-input__container{display:flex;align-items:center;align-self:stretch}.pkt-input__container:is(:has(input[size])),.pkt-input__container:is(:has(textarea[cols])){align-self:flex-start}.pkt-input__container :first-child:not(:only-child){border-right:none}.pkt-input__container :last-child:not(:only-child){border-left:none}.pkt-input__container :not(:first-child):not(:last-child){border-left:none;border-right:none}.pkt-input__container p{margin:0}.pkt-input__container input:focus{outline:none;box-shadow:none}.pkt-input__container:hover .pkt-input,.pkt-input__container:hover .pkt-textinput__input,.pkt-input__container:hover .pkt-input-prefix,.pkt-input__container:hover .pkt-input-suffix,.pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__container:hover .pkt-input:disabled,.pkt-input__container:hover .pkt-textinput__input:disabled,.pkt-input__container:hover .pkt-input-prefix:disabled,.pkt-input__container:hover .pkt-input-suffix:disabled,.pkt-input__container:hover .pkt-input-icon:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-input__container:focus-within{outline:2px solid var(--pkt-color-input-border-active)}.pkt-input__container:focus-within .pkt-input,.pkt-input__container:focus-within .pkt-textinput__input,.pkt-input__container:focus-within .pkt-input-prefix,.pkt-input__container:focus-within .pkt-input-suffix,.pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-input-border-active)}.pkt-input__counter{font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.375rem;width:min(100%,31rem);text-align:right}.pkt-input__counter--error{font-size:.875rem;font-weight:500;letter-spacing:-0.2px;line-height:1.375rem;color:var(--pkt-color-input-text-error)}.pkt-input__range-inputs{min-width:17rem;container:range/inline-size}@container range (width < 30rem){.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);display:grid;grid-template-rows:auto auto;grid-template-columns:min-content auto 4rem;gap:0}.pkt-input__container>:nth-child(2){grid-column-start:span 2}.pkt-input__container .pkt-input-prefix,.pkt-input__container .pkt-input-suffix,.pkt-input__container .pkt-input-icon,.pkt-input__container .pkt-input,.pkt-input__container .pkt-textinput__input{border:0}}
@@ -13973,7 +13973,7 @@ a:active, a.pkt-link--active,
13973
13973
  .pkt-link--external::after {
13974
13974
  display: inline-block;
13975
13975
  content: " ";
13976
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.5/icons/new-window-small.svg);
13976
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.6/icons/new-window-small.svg);
13977
13977
  background-image: var(--svg);
13978
13978
  background-repeat: no-repeat;
13979
13979
  background-size: 18px 18px;