@oslokommune/punkt-css 15.0.4 → 15.2.0

package/CHANGELOG.md

@@ -5,6 +5,55 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [15.2.0](https://github.com/oslokommune/punkt/compare/15.1.0...15.2.0) (2026-02-18)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Fix ios-readonly-bug for DatePicker border (#3259). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [15.1.0](https://github.com/oslokommune/punkt/compare/15.0.4...15.1.0) (2026-02-16)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Fileupload (#3115). * add stateless controlled FileUpload with form/custom upload modes
+  * Controlled API (value + onFilesChanged) with generated file IDs (FileItemList)
+  * Drag & drop + file dialog, single/multiple selection
+  * form submit or custom immediate upload via onFileUploadRequested + hidden ID inputs
+  * Queue display with remove/rename/comment extensions + custom item renderer (incl. thumbnail + preview modal)
+  * responsive fileupload
+  * Built-in validation (format + max size + custom hook) and accessible status/error announcements
+  * add docs
+  * style FU according to Figma design
+  * re-usable `PreviewCodeTabs example`
+  ------
+  Co-authored-by: Vidar Ramdal <vramdal@gmail.com>
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+  Co-authored-by: miichu <mythng94@gmail.com@gmail.com>
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [15.0.4](https://github.com/oslokommune/punkt/compare/15.0.3...15.0.4) (2026-02-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/datepicker.css

@@ -42,7 +42,7 @@ pkt-datepicker-multiple {
 .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]) {
+.pkt-datepicker__inputs > .pkt-input__container:has(input:disabled), .pkt-datepicker__inputs > .pkt-input__container:has(input[readonly]:not(.ios-readonly-hack)) {
   border-color: var(--pkt-color-input-border-disabled);
 }
 .pkt-datepicker__inputs > .pkt-input__container:has(.pkt-input--counter-error) {

package/dist/css/components/datepicker.min.css

@@ -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;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}}
+.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]:not(.ios-readonly-hack)){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}}