@oslokommune/punkt-css 15.0.3 → 15.0.4
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 +19 -0
- package/dist/css/components/datepicker.css +1 -1
- package/dist/css/components/datepicker.min.css +1 -1
- package/dist/css/pkt-components.css +1 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +1 -1
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +1 -1
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_datepicker.scss +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,25 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [15.0.4](https://github.com/oslokommune/punkt/compare/15.0.3...15.0.4) (2026-02-13)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Elementer i datepicker må ha height 100% (for dark mode) (#3249).
|
|
18
|
+
* Elementer i datepicker må ha height 100%.
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
### Chores
|
|
22
|
+
Ingen
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
|
|
8
27
|
## [15.0.3](https://github.com/oslokommune/punkt/compare/15.0.2...15.0.3) (2026-02-13)
|
|
9
28
|
|
|
10
29
|
### ⚠ 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
|
+
height: 100%;
|
|
36
37
|
min-height: 2.75rem;
|
|
37
38
|
}
|
|
38
39
|
.pkt-datepicker__inputs > .pkt-input__container:hover {
|
|
@@ -64,7 +65,6 @@ pkt-datepicker-multiple {
|
|
|
64
65
|
.pkt-datepicker__inputs button.pkt-input-icon {
|
|
65
66
|
padding-left: 0.75rem;
|
|
66
67
|
padding-right: 0.75rem;
|
|
67
|
-
height: 100%;
|
|
68
68
|
}
|
|
69
69
|
.pkt-datepicker__inputs button.pkt-input-icon:hover {
|
|
70
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;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
|
|
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;height:100%;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}.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}}
|
|
@@ -1129,6 +1129,7 @@ pkt-datepicker-multiple {
|
|
|
1129
1129
|
.pkt-datepicker__inputs > .pkt-input__container .pkt-input-icon,
|
|
1130
1130
|
.pkt-datepicker__inputs > .pkt-input__container .pkt-input-separator {
|
|
1131
1131
|
border: 0;
|
|
1132
|
+
height: 100%;
|
|
1132
1133
|
min-height: 2.75rem;
|
|
1133
1134
|
}
|
|
1134
1135
|
.pkt-datepicker__inputs > .pkt-input__container:hover {
|
|
@@ -1160,7 +1161,6 @@ pkt-datepicker-multiple {
|
|
|
1160
1161
|
.pkt-datepicker__inputs button.pkt-input-icon {
|
|
1161
1162
|
padding-left: 0.75rem;
|
|
1162
1163
|
padding-right: 0.75rem;
|
|
1163
|
-
height: 100%;
|
|
1164
1164
|
}
|
|
1165
1165
|
.pkt-datepicker__inputs button.pkt-input-icon:hover {
|
|
1166
1166
|
background-color: inherit !important;
|