@oslokommune/punkt-css 15.0.0 → 15.0.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 +36 -0
- package/dist/css/components/datepicker.css +2 -0
- package/dist/css/components/datepicker.min.css +1 -1
- package/dist/css/pkt-base.css +8 -0
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +2 -0
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +10 -0
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +10 -0
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_visibility.scss +7 -0
- package/dist/scss/components/_datepicker.scss +2 -1
- 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
|
+
## [15.0.3](https://github.com/oslokommune/punkt/compare/15.0.2...15.0.3) (2026-02-13)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Datepicker er 4px høyere enn andre skjemaelementer (#3248).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## [15.0.1](https://github.com/oslokommune/punkt/compare/15.0.0...15.0.1) (2026-02-12)
|
|
27
|
+
|
|
28
|
+
### ⚠ BREAKING CHANGES
|
|
29
|
+
Ingen
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
Ingen
|
|
33
|
+
|
|
34
|
+
### Bug Fixes
|
|
35
|
+
* Datepicker i React, onChange trenger React ChangeEvent, ikke native Event (#3244).
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Chores
|
|
39
|
+
Ingen
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
|
|
8
44
|
## [15.0.0](https://github.com/oslokommune/punkt/compare/14.5.4...15.0.0) (2026-02-12)
|
|
9
45
|
|
|
10
46
|
### ⚠ BREAKING CHANGES
|
|
@@ -33,6 +33,7 @@ pkt-datepicker-multiple {
|
|
|
33
33
|
.pkt-datepicker__inputs > .pkt-input__container .pkt-input-icon,
|
|
34
34
|
.pkt-datepicker__inputs > .pkt-input__container .pkt-input-separator {
|
|
35
35
|
border: 0;
|
|
36
|
+
min-height: 2.75rem;
|
|
36
37
|
}
|
|
37
38
|
.pkt-datepicker__inputs > .pkt-input__container:hover {
|
|
38
39
|
border-color: var(--pkt-color-input-border-active);
|
|
@@ -63,6 +64,7 @@ pkt-datepicker-multiple {
|
|
|
63
64
|
.pkt-datepicker__inputs button.pkt-input-icon {
|
|
64
65
|
padding-left: 0.75rem;
|
|
65
66
|
padding-right: 0.75rem;
|
|
67
|
+
height: 100%;
|
|
66
68
|
}
|
|
67
69
|
.pkt-datepicker__inputs button.pkt-input-icon:hover {
|
|
68
70
|
background-color: inherit !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-datepicker,pkt-datepicker{display:block;position:relative}.pkt-datepicker__tags button.pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker-single,.pkt-datepicker-range,.pkt-datepicker-multiple,pkt-datepicker-single,pkt-datepicker-range,pkt-datepicker-multiple{display:block}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)){width:fit-content}.pkt-datepicker__inputs>.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal)}.pkt-datepicker__inputs>.pkt-input__container .pkt-input,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-prefix,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-suffix,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-icon,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-separator{border:0}.pkt-datepicker__inputs>.pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs>.pkt-input__container:has(input:disabled),.pkt-datepicker__inputs>.pkt-input__container:has(input[readonly]){border-color:var(--pkt-color-input-border-disabled)}.pkt-datepicker__inputs>.pkt-input__container:has(.pkt-input--counter-error){border-color:var(--pkt-color-input-border-error)}.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container:hover,.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container:hover,.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.75rem;padding-right:.75rem}.pkt-datepicker__inputs button.pkt-input-icon:hover{background-color:inherit !important;border-color:inherit !important;--fg-color: var(--pkt-color-button-text-hover)}.pkt-datepicker__inputs .pkt-datepicker__input{padding-right:0;background-image:none}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-left:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin:0;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);box-shadow:0px 2px 4px -2px rgba(0,0,0,.1),0px 4px 6px -1px rgba(0,0,0,.1)}.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple){width:auto;flex:1}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@-moz-document url-prefix(){.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:10.5rem}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple){width:auto;flex:1}.pkt-datepicker__inputs button.pkt-input-icon{display:none}.pkt-datepicker__inputs input.pkt-datepicker__input:has(~button):not(:has(~.pkt-input-separator)):not(:has(~.pkt-input-prefix)){border-right-width:2px !important}}
|
|
1
|
+
.pkt-datepicker,pkt-datepicker{display:block;position:relative}.pkt-datepicker__tags button.pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker-single,.pkt-datepicker-range,.pkt-datepicker-multiple,pkt-datepicker-single,pkt-datepicker-range,pkt-datepicker-multiple{display:block}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)){width:fit-content}.pkt-datepicker__inputs>.pkt-input__container{border:2px solid var(--pkt-color-input-border-normal)}.pkt-datepicker__inputs>.pkt-input__container .pkt-input,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-prefix,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-suffix,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-icon,.pkt-datepicker__inputs>.pkt-input__container .pkt-input-separator{border:0;min-height:2.75rem}.pkt-datepicker__inputs>.pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs>.pkt-input__container:has(input:disabled),.pkt-datepicker__inputs>.pkt-input__container:has(input[readonly]){border-color:var(--pkt-color-input-border-disabled)}.pkt-datepicker__inputs>.pkt-input__container:has(.pkt-input--counter-error){border-color:var(--pkt-color-input-border-error)}.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container:hover,.pkt-inputwrapper--error .pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container:hover,.pkt-inputwrapper--disabled .pkt-datepicker__inputs>.pkt-input__container:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.75rem;padding-right:.75rem;height:100%}.pkt-datepicker__inputs button.pkt-input-icon:hover{background-color:inherit !important;border-color:inherit !important;--fg-color: var(--pkt-color-button-text-hover)}.pkt-datepicker__inputs .pkt-datepicker__input{padding-right:0;background-image:none}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-left:.25rem}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin:0;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);box-shadow:0px 2px 4px -2px rgba(0,0,0,.1),0px 4px 6px -1px rgba(0,0,0,.1)}.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple){width:auto;flex:1}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@-moz-document url-prefix(){.pkt-datepicker__input:not(.pkt-datepicker--multiple){width:10.5rem}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple){width:auto;flex:1}.pkt-datepicker__inputs button.pkt-input-icon{display:none}.pkt-datepicker__inputs input.pkt-datepicker__input:has(~button):not(:has(~.pkt-input-separator)):not(:has(~.pkt-input-prefix)){border-right-width:2px !important}}
|
package/dist/css/pkt-base.css
CHANGED
|
@@ -17352,6 +17352,14 @@ button.pkt-link {
|
|
|
17352
17352
|
visibility: hidden !important;
|
|
17353
17353
|
}
|
|
17354
17354
|
|
|
17355
|
+
.pkt-visually-hidden {
|
|
17356
|
+
position: absolute !important;
|
|
17357
|
+
width: 0 !important;
|
|
17358
|
+
height: 0 !important;
|
|
17359
|
+
overflow: hidden !important;
|
|
17360
|
+
opacity: 0 !important;
|
|
17361
|
+
}
|
|
17362
|
+
|
|
17355
17363
|
@media screen and (min-width: 0) {
|
|
17356
17364
|
.pkt-hide-mobile-up,
|
|
17357
17365
|
.pkt-show.pkt-hide-mobile-up {
|