@oslokommune/punkt-css 16.7.0 → 16.7.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 +18 -0
- package/dist/css/components/timepicker.css +2 -2
- package/dist/css/components/timepicker.min.css +1 -1
- package/dist/css/pkt-components.css +2 -2
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +2 -2
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +2 -2
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_timepicker.scss +2 -2
- package/package.json +2 -2
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
|
+
## [16.7.1](https://github.com/oslokommune/punkt/compare/16.7.0...16.7.1) (2026-04-13)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Time picker, fiks kolon og klikk (#3411).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [16.7.0](https://github.com/oslokommune/punkt/compare/16.6.2...16.7.0) (2026-04-10)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
|
@@ -151,10 +151,10 @@ pkt-timepicker__input {
|
|
|
151
151
|
.pkt-timepicker__separator,
|
|
152
152
|
pkt-timepicker__separator {
|
|
153
153
|
letter-spacing: -0.2px;
|
|
154
|
-
font-weight:
|
|
154
|
+
font-weight: 400;
|
|
155
155
|
font-size: 1.125rem;
|
|
156
156
|
line-height: 1.75rem;
|
|
157
|
-
padding: 0.
|
|
157
|
+
padding: 0.25rem 0 0.5rem;
|
|
158
158
|
user-select: none;
|
|
159
159
|
}
|
|
160
160
|
.pkt-timepicker__icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
pkt-timepicker{display:block}.pkt-timepicker__anchor,pkt-timepicker__anchor{position:relative}.pkt-timepicker .pkt-input__container,pkt-timepicker .pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);background-color:var(--pkt-color-input-background-normal);width:fit-content;padding:0 0 0 1rem}.pkt-timepicker .pkt-input__container .pkt-input,.pkt-timepicker .pkt-input__container .pkt-input-icon,.pkt-timepicker .pkt-input__container .pkt-input-separator,pkt-timepicker .pkt-input__container .pkt-input,pkt-timepicker .pkt-input__container .pkt-input-icon,pkt-timepicker .pkt-input__container .pkt-input-separator{border:0;min-height:auto}.pkt-timepicker .pkt-input__container:hover,pkt-timepicker .pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-timepicker .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-input-border-active)}.pkt-timepicker .pkt-input__container:has(input:disabled),pkt-timepicker .pkt-input__container:has(input:disabled){border-color:var(--pkt-color-input-border-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__icon,.pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__button,pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__icon,pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__button{--fg-color: var(--pkt-color-input-text-disabled)}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button,pkt-timepicker .pkt-input__container button.pkt-timepicker__button{height:auto;padding:0 .75rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon,pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon{width:1.5rem;height:1.5rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover,pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover{background-color:inherit !important;border-color:inherit !important}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover svg,pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover svg{--fg-color: inherit}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--prev,pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--prev{margin-right:.25rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--next,pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--next{margin-left:.25rem}.pkt-timepicker--stepper .pkt-input__container,pkt-timepicker--stepper .pkt-input__container{padding-left:0}.pkt-timepicker--fullwidth .pkt-timepicker__anchor,.pkt-timepicker--fullwidth .pkt-input__container,pkt-timepicker--fullwidth .pkt-timepicker__anchor,pkt-timepicker--fullwidth .pkt-input__container{width:100%}.pkt-timepicker--fullwidth:not(.pkt-timepicker--stepper) .pkt-input__container .pkt-input-icon,pkt-timepicker--fullwidth:not(.pkt-timepicker--stepper) .pkt-input__container .pkt-input-icon{margin-left:auto}.pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__button--prev+.pkt-timepicker__input,pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__button--prev+.pkt-timepicker__input{margin-left:auto}.pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__separator+.pkt-timepicker__input,pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__separator+.pkt-timepicker__input{margin-right:auto}.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container,.pkt-timepicker .pkt-input__container.pkt-timepicker--error,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container,pkt-timepicker .pkt-input__container.pkt-timepicker--error{border-color:var(--pkt-color-brand-red-1000)}.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:hover,.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:focus-within,.pkt-timepicker .pkt-input__container.pkt-timepicker--error:hover,.pkt-timepicker .pkt-input__container.pkt-timepicker--error:focus-within,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:hover,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container.pkt-timepicker--error:hover,pkt-timepicker .pkt-input__container.pkt-timepicker--error:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:hover,.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:focus-within,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:hover,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:focus-within,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:hover,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:hover,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container .pkt-timepicker__icon,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled .pkt-timepicker__icon,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container .pkt-timepicker__icon,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled .pkt-timepicker__icon{--fg-color: var(--pkt-color-input-text-disabled)}.pkt-timepicker__input,pkt-timepicker__input{width:1.5rem;text-align:center;padding:.5rem 0}.pkt-timepicker__input::-webkit-inner-spin-button,.pkt-timepicker__input::-webkit-outer-spin-button,pkt-timepicker__input::-webkit-inner-spin-button,pkt-timepicker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pkt-timepicker__input,pkt-timepicker__input{-moz-appearance:textfield;appearance:textfield}.pkt-timepicker__separator,pkt-timepicker__separator{letter-spacing:-0.2px;font-weight:
|
|
1
|
+
pkt-timepicker{display:block}.pkt-timepicker__anchor,pkt-timepicker__anchor{position:relative}.pkt-timepicker .pkt-input__container,pkt-timepicker .pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);background-color:var(--pkt-color-input-background-normal);width:fit-content;padding:0 0 0 1rem}.pkt-timepicker .pkt-input__container .pkt-input,.pkt-timepicker .pkt-input__container .pkt-input-icon,.pkt-timepicker .pkt-input__container .pkt-input-separator,pkt-timepicker .pkt-input__container .pkt-input,pkt-timepicker .pkt-input__container .pkt-input-icon,pkt-timepicker .pkt-input__container .pkt-input-separator{border:0;min-height:auto}.pkt-timepicker .pkt-input__container:hover,pkt-timepicker .pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-timepicker .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-input-border-active)}.pkt-timepicker .pkt-input__container:has(input:disabled),pkt-timepicker .pkt-input__container:has(input:disabled){border-color:var(--pkt-color-input-border-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__icon,.pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__button,pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__icon,pkt-timepicker .pkt-input__container:has(input:disabled) .pkt-timepicker__button{--fg-color: var(--pkt-color-input-text-disabled)}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button,pkt-timepicker .pkt-input__container button.pkt-timepicker__button{height:auto;padding:0 .75rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon,pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon{width:1.5rem;height:1.5rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover,pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover{background-color:inherit !important;border-color:inherit !important}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover svg,pkt-timepicker .pkt-input__container button.pkt-timepicker__button:hover svg{--fg-color: inherit}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--prev,pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--prev{margin-right:.25rem}.pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--next,pkt-timepicker .pkt-input__container button.pkt-timepicker__button.pkt-timepicker__button--next{margin-left:.25rem}.pkt-timepicker--stepper .pkt-input__container,pkt-timepicker--stepper .pkt-input__container{padding-left:0}.pkt-timepicker--fullwidth .pkt-timepicker__anchor,.pkt-timepicker--fullwidth .pkt-input__container,pkt-timepicker--fullwidth .pkt-timepicker__anchor,pkt-timepicker--fullwidth .pkt-input__container{width:100%}.pkt-timepicker--fullwidth:not(.pkt-timepicker--stepper) .pkt-input__container .pkt-input-icon,pkt-timepicker--fullwidth:not(.pkt-timepicker--stepper) .pkt-input__container .pkt-input-icon{margin-left:auto}.pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__button--prev+.pkt-timepicker__input,pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__button--prev+.pkt-timepicker__input{margin-left:auto}.pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__separator+.pkt-timepicker__input,pkt-timepicker--fullwidth.pkt-timepicker--stepper .pkt-input__container .pkt-timepicker__separator+.pkt-timepicker__input{margin-right:auto}.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container,.pkt-timepicker .pkt-input__container.pkt-timepicker--error,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container,pkt-timepicker .pkt-input__container.pkt-timepicker--error{border-color:var(--pkt-color-brand-red-1000)}.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:hover,.pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:focus-within,.pkt-timepicker .pkt-input__container.pkt-timepicker--error:hover,.pkt-timepicker .pkt-input__container.pkt-timepicker--error:focus-within,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:hover,pkt-timepicker .pkt-inputwrapper--error .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container.pkt-timepicker--error:hover,pkt-timepicker .pkt-input__container.pkt-timepicker--error:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:hover,.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:focus-within,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:hover,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:focus-within,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:hover,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container:focus-within,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:hover,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container .pkt-timepicker__icon,.pkt-timepicker .pkt-input__container.pkt-timepicker--disabled .pkt-timepicker__icon,pkt-timepicker .pkt-inputwrapper--disabled .pkt-input__container .pkt-timepicker__icon,pkt-timepicker .pkt-input__container.pkt-timepicker--disabled .pkt-timepicker__icon{--fg-color: var(--pkt-color-input-text-disabled)}.pkt-timepicker__input,pkt-timepicker__input{width:1.5rem;text-align:center;padding:.5rem 0}.pkt-timepicker__input::-webkit-inner-spin-button,.pkt-timepicker__input::-webkit-outer-spin-button,pkt-timepicker__input::-webkit-inner-spin-button,pkt-timepicker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pkt-timepicker__input,pkt-timepicker__input{-moz-appearance:textfield;appearance:textfield}.pkt-timepicker__separator,pkt-timepicker__separator{letter-spacing:-0.2px;font-weight:400;font-size:1.125rem;line-height:1.75rem;padding:.25rem 0 .5rem;user-select:none}.pkt-timepicker__icon,pkt-timepicker__icon{height:auto;padding:0 .75rem 0 0;pointer-events:none}.pkt-timepicker__icon pkt-icon,pkt-timepicker__icon pkt-icon{width:1.5rem;height:1.5rem}.pkt-timepicker-popup,pkt-timepicker-popup{position:absolute;top:100%;left:0;z-index:2;margin-top:.5rem;display:flex;padding:0;background:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-gray);justify-content:center}.pkt-timepicker-popup[hidden],pkt-timepicker-popup[hidden]{display:none}.pkt-timepicker-popup__col,pkt-timepicker-popup__col{display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:23rem;padding:.5rem .6rem}.pkt-timepicker-popup__option,pkt-timepicker-popup__option{flex-shrink:0;width:2.5rem;height:2.5rem;margin:0;padding:0;border:0;font:inherit;aspect-ratio:1/1;border-radius:50%}.pkt-timepicker-popup__option,.pkt-timepicker-popup__option:hover,pkt-timepicker-popup__option,pkt-timepicker-popup__option:hover{background-color:rgba(0,0,0,0);color:inherit;border-color:rgba(0,0,0,0)}.pkt-timepicker-popup__option:hover,pkt-timepicker-popup__option:hover{background-color:var(--pkt-color-surface-default-light-blue);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-timepicker-popup__option:focus-visible,pkt-timepicker-popup__option:focus-visible{outline:2px solid var(--pkt-color-input-border-active);outline-offset:-2px}.pkt-timepicker-popup__option--selected,.pkt-timepicker-popup__option--selected:hover,.pkt-timepicker-popup__option--selected:focus,pkt-timepicker-popup__option--selected,pkt-timepicker-popup__option--selected:hover,pkt-timepicker-popup__option--selected:focus{background-color:var(--pkt-color-surface-strong-blue);color:var(--pkt-color-brand-dark-blue-1000)}
|
|
@@ -5845,10 +5845,10 @@ pkt-timepicker__input {
|
|
|
5845
5845
|
.pkt-timepicker__separator,
|
|
5846
5846
|
pkt-timepicker__separator {
|
|
5847
5847
|
letter-spacing: -0.2px;
|
|
5848
|
-
font-weight:
|
|
5848
|
+
font-weight: 400;
|
|
5849
5849
|
font-size: 1.125rem;
|
|
5850
5850
|
line-height: 1.75rem;
|
|
5851
|
-
padding: 0.
|
|
5851
|
+
padding: 0.25rem 0 0.5rem;
|
|
5852
5852
|
user-select: none;
|
|
5853
5853
|
}
|
|
5854
5854
|
.pkt-timepicker__icon,
|