@oslokommune/punkt-css 15.0.3 → 15.1.0

package/CHANGELOG.md

@@ -5,6 +5,56 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [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
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Elementer i datepicker må ha height 100% (for dark mode) (#3249). 
+* Elementer i datepicker må ha height 100%. 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [15.0.3](https://github.com/oslokommune/punkt/compare/15.0.2...15.0.3) (2026-02-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/datepicker.css

@@ -33,6 +33,7 @@ pkt-datepicker-multiple {
 .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 {
@@ -64,7 +65,6 @@ pkt-datepicker-multiple {
 .pkt-datepicker__inputs button.pkt-input-icon {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-  height: 100%;
 }
 .pkt-datepicker__inputs button.pkt-input-icon:hover {
   background-color: inherit !important;

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;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}}
+.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}}