@oslokommune/punkt-css 12.42.1 → 12.42.4

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.42.4](https://github.com/oslokommune/punkt/compare/12.42.3...12.42.4) (2025-06-17)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Datepicker support Safari 15 and date fixes (#2639). Plus minor CSS fixes for input and input wrapper
+
+
+### Chores
+Ingen
+
+---
+
+
+## [12.42.3](https://github.com/oslokommune/punkt/compare/12.42.2...12.42.3) (2025-06-17)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Fiks feil bredde på modal i noen tilfeller (#2634). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.42.1](https://github.com/oslokommune/punkt/compare/12.42.0...12.42.1) (2025-06-12)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/calendar.css

@@ -190,6 +190,11 @@ pkt-datepicker .pkt-datepicker__tags .pkt-tag {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.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;

package/dist/css/components/calendar.min.css

@@ -1 +1 @@
-.pkt-calendar,pkt-calendar{z-index:2;display:block;position:relative;max-width:25rem}.pkt-calendar .pkt-cal-month-nav,pkt-calendar .pkt-cal-month-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker{display:flex;gap:.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select){text-align:right}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav td,.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-month-nav td,pkt-calendar .pkt-cal-days td{border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav td>div,.pkt-calendar .pkt-cal-month-nav th>div,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days td>div,.pkt-calendar .pkt-cal-days th>div,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-month-nav td>div,pkt-calendar .pkt-cal-month-nav th>div,pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days td>div,pkt-calendar .pkt-cal-days th>div{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{margin:0;border-radius:50%}.pkt-calendar .pkt-cal-days,pkt-calendar .pkt-cal-days{margin:0;padding-left:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days div{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center}.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:-1}.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days div:after{left:50%;right:0}.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days{grid-template-columns:repeat(8, 12.5%)}.pkt-calendar .pkt-cal-other,.pkt-calendar .pkt-cal-days [data-disabled],pkt-calendar .pkt-cal-other,pkt-calendar .pkt-cal-days [data-disabled]{cursor:not-allowed;color:var(--pkt-color-grays-gray-200);background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn,pkt-calendar .pkt-cal-today .pkt-btn{text-decoration:underline;outline:1px solid var(--pkt-color-border-default);outline-offset:-1px}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus,.pkt-calendar .pkt-cal-selected .pkt-btn:hover,pkt-calendar .pkt-cal-selected .pkt-btn,pkt-calendar .pkt-cal-selected .pkt-btn:focus,pkt-calendar .pkt-cal-selected .pkt-btn:hover{background-color:var(--pkt-color-surface-strong-blue)}.pkt-calendar .pkt-cal-in-range :before,.pkt-calendar .pkt-cal-in-range :after,.pkt-calendar .pkt-cal-in-range-first :after,.pkt-calendar .pkt-cal-in-range-last :before,pkt-calendar .pkt-cal-in-range :before,pkt-calendar .pkt-cal-in-range :after,pkt-calendar .pkt-cal-in-range-first :after,pkt-calendar .pkt-cal-in-range-last :before{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-in-range-first :before,.pkt-calendar .pkt-cal-in-range-last :after,pkt-calendar .pkt-cal-in-range-first :before,pkt-calendar .pkt-cal-in-range-last :after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover :before,.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover :before,pkt-calendar .pkt-cal-range-hover .pkt-btn{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-range-hover ::after,pkt-calendar .pkt-cal-range-hover ::after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-excluded,pkt-calendar .pkt-cal-excluded{background-color:var(--pkt-color-brand-neutrals-100)}.pkt-calendar .pkt-cal-excluded :before,.pkt-calendar .pkt-cal-excluded :after,pkt-calendar .pkt-cal-excluded :before,pkt-calendar .pkt-cal-excluded :after{background-color:rgba(0,0,0,0)}pkt-datepicker{display:block;position:relative}pkt-datepicker .pkt-datepicker{position:relative}pkt-datepicker .pkt-datepicker__tags .pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{width:fit-content}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.25rem;padding-right:.25rem}.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::-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__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-calendar,pkt-calendar{z-index:2;display:block;position:relative;max-width:25rem}.pkt-calendar .pkt-cal-month-nav,pkt-calendar .pkt-cal-month-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker{display:flex;gap:.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select),pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker .pkt-input:is(select){text-align:right}.pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year,pkt-calendar .pkt-cal-month-nav .pkt-cal-month-picker>.pkt-cal-input-year{max-width:4.5rem}.pkt-calendar .pkt-cal-month-nav td,.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-month-nav td,pkt-calendar .pkt-cal-days td{border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-month-nav td>div,.pkt-calendar .pkt-cal-month-nav th>div,.pkt-calendar .pkt-cal-days .pkt-btn,.pkt-calendar .pkt-cal-days td>div,.pkt-calendar .pkt-cal-days th>div,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-month-nav td>div,pkt-calendar .pkt-cal-month-nav th>div,pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days td>div,pkt-calendar .pkt-cal-days th>div{font:inherit;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:0}.pkt-calendar .pkt-cal-month-nav .pkt-btn,.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-month-nav .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{margin:0;border-radius:50%}.pkt-calendar .pkt-cal-days,pkt-calendar .pkt-cal-days{margin:0;padding-left:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days div{aspect-ratio:1/1;justify-content:center;align-items:center;position:relative;text-align:center}.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:after{content:"";display:block;position:absolute;top:0;bottom:0;z-index:-1}.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days div:after{left:50%;right:0}.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,.pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-day-names,pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days{grid-template-columns:repeat(8, 12.5%)}.pkt-calendar .pkt-cal-other,.pkt-calendar .pkt-cal-days [data-disabled],pkt-calendar .pkt-cal-other,pkt-calendar .pkt-cal-days [data-disabled]{cursor:not-allowed;color:var(--pkt-color-grays-gray-200);background:rgba(0,0,0,0);border:none}.pkt-calendar .pkt-cal-today .pkt-btn,pkt-calendar .pkt-cal-today .pkt-btn{text-decoration:underline;outline:1px solid var(--pkt-color-border-default);outline-offset:-1px}.pkt-calendar .pkt-cal-selected .pkt-btn,.pkt-calendar .pkt-cal-selected .pkt-btn:focus,.pkt-calendar .pkt-cal-selected .pkt-btn:hover,pkt-calendar .pkt-cal-selected .pkt-btn,pkt-calendar .pkt-cal-selected .pkt-btn:focus,pkt-calendar .pkt-cal-selected .pkt-btn:hover{background-color:var(--pkt-color-surface-strong-blue)}.pkt-calendar .pkt-cal-in-range :before,.pkt-calendar .pkt-cal-in-range :after,.pkt-calendar .pkt-cal-in-range-first :after,.pkt-calendar .pkt-cal-in-range-last :before,pkt-calendar .pkt-cal-in-range :before,pkt-calendar .pkt-cal-in-range :after,pkt-calendar .pkt-cal-in-range-first :after,pkt-calendar .pkt-cal-in-range-last :before{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-in-range-first :before,.pkt-calendar .pkt-cal-in-range-last :after,pkt-calendar .pkt-cal-in-range-first :before,pkt-calendar .pkt-cal-in-range-last :after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover :before,.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover :before,pkt-calendar .pkt-cal-range-hover .pkt-btn{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-range-hover ::after,pkt-calendar .pkt-cal-range-hover ::after{background-color:rgba(0,0,0,0)}.pkt-calendar .pkt-cal-range-hover .pkt-btn,pkt-calendar .pkt-cal-range-hover .pkt-btn{border-color:var(--pkt-color-surface-default-light-blue)}.pkt-calendar .pkt-cal-excluded,pkt-calendar .pkt-cal-excluded{background-color:var(--pkt-color-brand-neutrals-100)}.pkt-calendar .pkt-cal-excluded :before,.pkt-calendar .pkt-cal-excluded :after,pkt-calendar .pkt-cal-excluded :before,pkt-calendar .pkt-cal-excluded :after{background-color:rgba(0,0,0,0)}pkt-datepicker{display:block;position:relative}pkt-datepicker .pkt-datepicker{position:relative}pkt-datepicker .pkt-datepicker__tags .pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{width:fit-content}.pkt-datepicker__inputs button.pkt-input-icon{padding-left:.25rem;padding-right:.25rem}.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::-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__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/components/inputwrapper.css

@@ -3,13 +3,14 @@ pkt-input-wrapper {
   display: block;
 }
 
-pkt-helptext:not(:is(:has([slot=helptext]:not(:empty))),
-:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))),
-.pkt-inputwrapper__helptext-container:not(:is(:has([slot=helptext]:not(:empty))),
-:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))) {
-  display: none;
+@supports selector(:not(:has(*))) {
+  pkt-helptext:not(:has([slot=helptext]:not(:empty)),
+  :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),
+  .pkt-inputwrapper__helptext-container:not(:has([slot=helptext]:not(:empty)),
+  :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))) {
+    display: none;
+  }
 }
-
 .pkt-inputwrapper__label {
   display: flex;
   flex-direction: row;

package/dist/css/components/inputwrapper.min.css

@@ -1 +1 @@
-pkt-input-wrapper{display:block}pkt-helptext:not(:is(:has([slot=helptext]:not(:empty))),:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))),.pkt-inputwrapper__helptext-container:not(:is(:has([slot=helptext]:not(:empty))),:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))){display:none}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem;color:var(--pkt-color-text-body-default)}.pkt-inputwrapper__label:empty{display:none}.pkt-inputwrapper__label,.pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-container{display:flex;flex-direction:column;gap:.25rem}.pkt-inputwrapper__helptext{width:min(100%,31rem);color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper__helptext-expandable .pkt-btn{padding:0;height:auto;display:inline-flex;text-align:left;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable-heading{margin:0;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--pkt-color-text-body-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-text-action-disabled);color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert .pkt-alert__icon{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert,.pkt-inputwrapper--disabled .pkt-inputwrapper__label,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext-expandable .pkt-link{color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--pkt-color-border-states-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}
+pkt-input-wrapper{display:block}@supports selector(:not(:has(*))){pkt-helptext:not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),.pkt-inputwrapper__helptext-container:not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))){display:none}}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem;color:var(--pkt-color-text-body-default)}.pkt-inputwrapper__label:empty{display:none}.pkt-inputwrapper__label,.pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-container{display:flex;flex-direction:column;gap:.25rem}.pkt-inputwrapper__helptext{width:min(100%,31rem);color:var(--pkt-color-text-body-default);letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper__helptext-expandable .pkt-btn{padding:0;height:auto;display:inline-flex;text-align:left;align-items:center;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper__helptext>*:first-child{margin-top:0}.pkt-inputwrapper__helptext>*:last-child{margin-bottom:0}.pkt-inputwrapper__helptext-expandable-heading{margin:0;letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-inputwrapper__helptext-expandable-open{display:block;border-left:2px solid var(--pkt-color-text-body-dark);padding:.5rem 1rem;margin-bottom:.25rem}.pkt-inputwrapper__helptext-expandable-closed{display:none}.pkt-inputwrapper__fieldset{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border:none;padding:0;margin:0}.pkt-inputwrapper__legend{margin-bottom:.5rem}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-tag{background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-alert{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-text-action-disabled);color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert .pkt-alert__icon{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--disabled .pkt-alert,.pkt-inputwrapper--disabled .pkt-inputwrapper__label,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext,.pkt-inputwrapper--disabled .pkt-inputwrapper__helptext-expandable .pkt-link{color:var(--pkt-color-text-action-disabled)}.pkt-inputwrapper--inline{display:inline-block;vertical-align:middle;margin-right:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper .pkt-alert--error{margin:.5rem 0 .5rem 0}.pkt-inputwrapper .pkt-tag{margin-left:8px}.pkt-inputwrapper--error .pkt-input,.pkt-inputwrapper--error .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:hover,.pkt-inputwrapper--error .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-input:focus-within,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-prefix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-suffix,.pkt-inputwrapper--error .pkt-input__container:focus-within .pkt-input-icon{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled{color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-inputwrapper--disabled .pkt-input,.pkt-inputwrapper--disabled .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled);background-color:var(--pkt-color-surface-default-gray)}.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-prefix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-suffix,.pkt-inputwrapper--disabled .pkt-input__container:hover .pkt-input-icon{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-input:hover{border-color:var(--pkt-color-border-states-disabled);box-shadow:none}.pkt-inputwrapper--disabled .pkt-input:focus{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-inputwrapper--disabled .pkt-input__container:active .pkt-input{border-right:none;box-shadow:none;outline:none}[data-mode=dark] .pkt-inputwrapper{color:#fff}

package/dist/css/components/modal.css

@@ -236,17 +236,17 @@ body.pkt-modal--open {
     font-size: 1rem;
   }
   .pkt-modal--large {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 480px) {
   .pkt-modal--small {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 36rem) {
   .pkt-modal--medium {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 480px) {

package/dist/css/components/modal.min.css

@@ -1 +1 @@
-.pkt-modal{border:none;padding:0;background-color:rgba(0,0,0,0);opacity:0;transition:translate .2s ease-in-out,opacity .2s ease-in-out,overlay .2s ease-in-out allow-discrete,display .2s ease-in-out allow-discrete;box-shadow:0 4px 8px rgba(0,0,0,.2);position:fixed}.pkt-modal:focus{outline:none}.pkt-modal[open]{opacity:1}@starting-style{.pkt-modal[open]{opacity:0}}.pkt-modal__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.pkt-modal__dialog{box-shadow:0 4px 8px rgba(0,0,0,.2);translate:0 10%}.pkt-modal__dialog[open]{translate:0 0}@starting-style{.pkt-modal__dialog[open]{translate:0 -10%}}.pkt-modal__dialog .pkt-modal__wrapper{max-height:90vh;max-height:90svh}@supports not (selector(::backdrop)){.pkt-modal__dialog{top:50%;left:50%;transform:translate(-50%, -50%)}}.pkt-modal__drawer{top:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;overflow-y:auto}.pkt-modal__drawer .pkt-modal__wrapper{min-height:100vh;min-height:100dvh}.pkt-modal__drawer[open]{translate:0 0}.pkt-modal__drawer--right{left:auto;right:0;margin-right:0;translate:100% 0}@starting-style{.pkt-modal__drawer--right[open]{translate:100% 0}}.pkt-modal__drawer--left{left:0;right:auto;margin-left:0;translate:-100% 0}@starting-style{.pkt-modal__drawer--left[open]{translate:-100% 0}}.pkt-modal::backdrop{opacity:0;background-color:rgba(0,0,0,.55);transition:opacity .2s ease-out,overlay .2s ease-out allow-discrete,display .2s allow-discrete}.pkt-modal[open]::backdrop{opacity:1}@starting-style{.pkt-modal[open]::backdrop{opacity:0}}@supports not (selector(::backdrop)){.pkt-modal{position:fixed}.pkt-modal+.backdrop{background-color:rgba(0,0,0,.55);position:fixed;top:0;left:0;width:100vw;height:100vh}}.pkt-modal .pkt-modal__container{padding-top:2rem;background:var(--pkt-color-background-default);overflow-y:auto}.pkt-modal .pkt-modal__header{display:grid;grid-template-columns:1fr 4rem;grid-template-rows:4rem 1fr;grid-template-areas:"header close" "header empty";justify-content:flex-start;width:100%}.pkt-modal .pkt-modal__header-background{background:var(--pkt-color-background-default);grid-area:empty}.pkt-modal .pkt-modal__headingText{background:var(--pkt-color-background-default);grid-area:header;padding:2rem 0 0 2.5rem;margin:0;color:var(--pkt-color-text-body-default)}.pkt-modal .pkt-modal__closeButton{grid-area:close;display:flex;flex-direction:row-reverse;align-self:flex-start}.pkt-modal .pkt-modal__noCloseButton{background:var(--pkt-color-background-default);grid-area:close}.pkt-modal .pkt-modal__closeButton--blue{height:100%;background:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--blue .pkt-btn{margin:.25rem}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn{height:4rem;width:4rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--pkt-color-surface-strong-dark-blue);background-color:var(--pkt-color-brand-yellow-1000);border:4px solid var(--pkt-color-brand-yellow-1000);outline:0}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:hover,.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus{background-color:var(--pkt-color-brand-warm-blue-1000);border-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:hover .pkt-icon,.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus .pkt-icon{color:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus-visible{outline:0;border-color:var(--pkt-color-border-states-focus)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn .pkt-btn__icon{width:2rem;height:2rem}.pkt-modal .pkt-modal__content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:2rem 2.5rem;padding-top:0;position:relative;color:var(--pkt-color-text-body-default);background:linear-gradient(var(--pkt-color-white) 30%, transparent) top,linear-gradient(transparent, var(--pkt-color-border-subtle) 60%) bottom,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), transparent) top,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), transparent) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px}body.pkt-modal--open{overflow:hidden;scrollbar-gutter:stable}.pkt-modal--small{width:480px}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal__btn-wrapper{padding-top:1.5rem;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%}@media screen and (max-width: 640px){.pkt-modal[open]{line-height:1.5rem}.pkt-modal[open] .pkt-modal__headingText{font-size:1.375rem}.pkt-modal[open] .pkt-modal__content{letter-spacing:-0.2px;font-size:1rem}.pkt-modal--large{width:100vh}}@media screen and (max-width: 480px){.pkt-modal--small{width:100vh}}@media screen and (max-width: 36rem){.pkt-modal--medium{width:100vh}}@media screen and (max-width: 480px){.pkt-modal__btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.pkt-modal__btn-wrapper .pkt-btn{justify-content:center}}.pkt-modal--noShadow{box-shadow:none}.pkt-modal--transparentBackdrop::backdrop,.pkt-modal--transparentBackdrop[open]::backdrop{background-color:rgba(0,0,0,0)}@supports not (selector(::backdrop)){.pkt-modal--transparentBackdrop+.backdrop{background-color:rgba(0,0,0,0)}}.pkt-modal.pkt-modal--removePadding .pkt-modal__headingText,.pkt-modal.pkt-modal--removePadding .pkt-modal__content,.pkt-modal.pkt-modal--removePadding .pkt-modal__container{padding:0}.pkt-modal.pkt-modal--noHeadingText .pkt-modal__container{padding-top:1rem}.pkt-modal .pkt-modal__container .pkt-modal__btn-wrapper button.pkt-btn:not(.pkt-inputwrapper__helptext-expandable>.pkt-btn):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:0}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}
+.pkt-modal{border:none;padding:0;background-color:rgba(0,0,0,0);opacity:0;transition:translate .2s ease-in-out,opacity .2s ease-in-out,overlay .2s ease-in-out allow-discrete,display .2s ease-in-out allow-discrete;box-shadow:0 4px 8px rgba(0,0,0,.2);position:fixed}.pkt-modal:focus{outline:none}.pkt-modal[open]{opacity:1}@starting-style{.pkt-modal[open]{opacity:0}}.pkt-modal__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.pkt-modal__dialog{box-shadow:0 4px 8px rgba(0,0,0,.2);translate:0 10%}.pkt-modal__dialog[open]{translate:0 0}@starting-style{.pkt-modal__dialog[open]{translate:0 -10%}}.pkt-modal__dialog .pkt-modal__wrapper{max-height:90vh;max-height:90svh}@supports not (selector(::backdrop)){.pkt-modal__dialog{top:50%;left:50%;transform:translate(-50%, -50%)}}.pkt-modal__drawer{top:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;overflow-y:auto}.pkt-modal__drawer .pkt-modal__wrapper{min-height:100vh;min-height:100dvh}.pkt-modal__drawer[open]{translate:0 0}.pkt-modal__drawer--right{left:auto;right:0;margin-right:0;translate:100% 0}@starting-style{.pkt-modal__drawer--right[open]{translate:100% 0}}.pkt-modal__drawer--left{left:0;right:auto;margin-left:0;translate:-100% 0}@starting-style{.pkt-modal__drawer--left[open]{translate:-100% 0}}.pkt-modal::backdrop{opacity:0;background-color:rgba(0,0,0,.55);transition:opacity .2s ease-out,overlay .2s ease-out allow-discrete,display .2s allow-discrete}.pkt-modal[open]::backdrop{opacity:1}@starting-style{.pkt-modal[open]::backdrop{opacity:0}}@supports not (selector(::backdrop)){.pkt-modal{position:fixed}.pkt-modal+.backdrop{background-color:rgba(0,0,0,.55);position:fixed;top:0;left:0;width:100vw;height:100vh}}.pkt-modal .pkt-modal__container{padding-top:2rem;background:var(--pkt-color-background-default);overflow-y:auto}.pkt-modal .pkt-modal__header{display:grid;grid-template-columns:1fr 4rem;grid-template-rows:4rem 1fr;grid-template-areas:"header close" "header empty";justify-content:flex-start;width:100%}.pkt-modal .pkt-modal__header-background{background:var(--pkt-color-background-default);grid-area:empty}.pkt-modal .pkt-modal__headingText{background:var(--pkt-color-background-default);grid-area:header;padding:2rem 0 0 2.5rem;margin:0;color:var(--pkt-color-text-body-default)}.pkt-modal .pkt-modal__closeButton{grid-area:close;display:flex;flex-direction:row-reverse;align-self:flex-start}.pkt-modal .pkt-modal__noCloseButton{background:var(--pkt-color-background-default);grid-area:close}.pkt-modal .pkt-modal__closeButton--blue{height:100%;background:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--blue .pkt-btn{margin:.25rem}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn{height:4rem;width:4rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--pkt-color-surface-strong-dark-blue);background-color:var(--pkt-color-brand-yellow-1000);border:4px solid var(--pkt-color-brand-yellow-1000);outline:0}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:hover,.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus{background-color:var(--pkt-color-brand-warm-blue-1000);border-color:var(--pkt-color-brand-warm-blue-1000);color:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:hover .pkt-icon,.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus .pkt-icon{color:var(--pkt-color-background-default)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn:focus-visible{outline:0;border-color:var(--pkt-color-border-states-focus)}.pkt-modal .pkt-modal__closeButton--yellow-filled .pkt-btn .pkt-btn__icon{width:2rem;height:2rem}.pkt-modal .pkt-modal__content{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:2rem 2.5rem;padding-top:0;position:relative;color:var(--pkt-color-text-body-default);background:linear-gradient(var(--pkt-color-white) 30%, transparent) top,linear-gradient(transparent, var(--pkt-color-border-subtle) 60%) bottom,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), transparent) top,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.3), transparent) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px}body.pkt-modal--open{overflow:hidden;scrollbar-gutter:stable}.pkt-modal--small{width:480px}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal__btn-wrapper{padding-top:1.5rem;display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%}@media screen and (max-width: 640px){.pkt-modal[open]{line-height:1.5rem}.pkt-modal[open] .pkt-modal__headingText{font-size:1.375rem}.pkt-modal[open] .pkt-modal__content{letter-spacing:-0.2px;font-size:1rem}.pkt-modal--large{width:100vw}}@media screen and (max-width: 480px){.pkt-modal--small{width:100vw}}@media screen and (max-width: 36rem){.pkt-modal--medium{width:100vw}}@media screen and (max-width: 480px){.pkt-modal__btn-wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}.pkt-modal__btn-wrapper .pkt-btn{justify-content:center}}.pkt-modal--noShadow{box-shadow:none}.pkt-modal--transparentBackdrop::backdrop,.pkt-modal--transparentBackdrop[open]::backdrop{background-color:rgba(0,0,0,0)}@supports not (selector(::backdrop)){.pkt-modal--transparentBackdrop+.backdrop{background-color:rgba(0,0,0,0)}}.pkt-modal.pkt-modal--removePadding .pkt-modal__headingText,.pkt-modal.pkt-modal--removePadding .pkt-modal__content,.pkt-modal.pkt-modal--removePadding .pkt-modal__container{padding:0}.pkt-modal.pkt-modal--noHeadingText .pkt-modal__container{padding-top:1rem}.pkt-modal .pkt-modal__container .pkt-modal__btn-wrapper button.pkt-btn:not(.pkt-inputwrapper__helptext-expandable>.pkt-btn):not(.pkt-header__user-btn):not(.pkt-searchinput__button){margin:0}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}

package/dist/css/pkt-components.css

@@ -690,6 +690,11 @@ pkt-datepicker .pkt-datepicker__tags .pkt-tag {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.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;
@@ -1579,13 +1584,14 @@ pkt-input-wrapper {
   display: block;
 }
 
-pkt-helptext:not(:is(:has([slot=helptext]:not(:empty))),
-:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))),
-.pkt-inputwrapper__helptext-container:not(:is(:has([slot=helptext]:not(:empty))),
-:is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))) {
-  display: none;
+@supports selector(:not(:has(*))) {
+  pkt-helptext:not(:has([slot=helptext]:not(:empty)),
+  :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),
+  .pkt-inputwrapper__helptext-container:not(:has([slot=helptext]:not(:empty)),
+  :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))) {
+    display: none;
+  }
 }
-
 .pkt-inputwrapper__label {
   display: flex;
   flex-direction: row;
@@ -2426,17 +2432,17 @@ body.pkt-modal--open {
     font-size: 1rem;
   }
   .pkt-modal--large {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 480px) {
   .pkt-modal--small {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 36rem) {
   .pkt-modal--medium {
-    width: 100vh;
+    width: 100vw;
   }
 }
 @media screen and (max-width: 480px) {