@oslokommune/punkt-css 18.0.0 → 18.3.1

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.3.1](https://github.com/oslokommune/punkt/compare/18.3.0...18.3.1) (2026-09-02)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [18.3.0](https://github.com/oslokommune/punkt/compare/18.2.0...18.3.0) (2026-09-01)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Oppdatering av fargepaletten, nå likt som opprydding i Figma (#3614). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [17.1.3](https://github.com/oslokommune/punkt/compare/17.1.2...17.1.3) (2026-08-25)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/calendar.css

@@ -126,7 +126,7 @@ pkt-calendar.pkt-cal-weeknumbers .pkt-cal-days {
 pkt-calendar .pkt-cal-other,
 pkt-calendar .pkt-cal-days [data-disabled] {
   cursor: not-allowed;
-  color: var(--pkt-color-grays-gray-200);
+  color: var(--pkt-color-brand-neutrals-300);
   background: transparent;
   border: none;
 }
@@ -183,7 +183,7 @@ pkt-calendar .pkt-cal-range-hover .pkt-btn {
 }
 .pkt-calendar .pkt-cal-excluded,
 pkt-calendar .pkt-cal-excluded {
-  background-color: var(--pkt-color-brand-neutrals-100);
+  background-color: var(--pkt-color-brand-neutrals-50);
 }
 .pkt-calendar .pkt-cal-excluded :before,
 .pkt-calendar .pkt-cal-excluded :after,

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-block-end: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-inline-start:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{padding:0}.pkt-calendar .pkt-cal-days button,.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days button,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 button:before,.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days button: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 button:before,.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button: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);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range .pkt-btn,.pkt-calendar .pkt-cal-in-range .pkt-btn:focus,.pkt-calendar .pkt-cal-in-range .pkt-btn:hover,pkt-calendar .pkt-cal-in-range .pkt-btn,pkt-calendar .pkt-cal-in-range .pkt-btn:focus,pkt-calendar .pkt-cal-in-range .pkt-btn:hover{color:var(--pkt-color-brand-dark-blue-1000)}.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);color:var(--pkt-color-brand-dark-blue-1000)}.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-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-block-end: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-inline-start:0;border-spacing:0}.pkt-calendar .pkt-cal-days td,pkt-calendar .pkt-cal-days td{padding:0}.pkt-calendar .pkt-cal-days .pkt-btn,pkt-calendar .pkt-cal-days .pkt-btn{padding:0}.pkt-calendar .pkt-cal-days button,.pkt-calendar .pkt-cal-days div,pkt-calendar .pkt-cal-days button,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 button:before,.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:before,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days button: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 button:before,.pkt-calendar .pkt-cal-days div:before,pkt-calendar .pkt-cal-days button:before,pkt-calendar .pkt-cal-days div:before{left:0;right:50%}.pkt-calendar .pkt-cal-days button:after,.pkt-calendar .pkt-cal-days div:after,pkt-calendar .pkt-cal-days button: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-brand-neutrals-300);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);color:var(--pkt-color-brand-dark-blue-1000)}.pkt-calendar .pkt-cal-in-range .pkt-btn,.pkt-calendar .pkt-cal-in-range .pkt-btn:focus,.pkt-calendar .pkt-cal-in-range .pkt-btn:hover,pkt-calendar .pkt-cal-in-range .pkt-btn,pkt-calendar .pkt-cal-in-range .pkt-btn:focus,pkt-calendar .pkt-cal-in-range .pkt-btn:hover{color:var(--pkt-color-brand-dark-blue-1000)}.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);color:var(--pkt-color-brand-dark-blue-1000)}.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-50)}.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)}

package/dist/css/components/card.css

@@ -171,7 +171,7 @@ pkt-card {
   background-color: transparent;
 }
 .pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray {
-  background-color: var(--pkt-color-brand-neutrals-100);
+  background-color: var(--pkt-color-brand-neutrals-50);
 }
 .pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue {
   background-color: var(--pkt-color-brand-blue-200);
@@ -187,13 +187,13 @@ pkt-card {
   outline-offset: -2px;
 }
 .pkt-card--outlined {
-  outline: 2px solid var(--pkt-color-grays-gray-100);
+  outline: 2px solid var(--pkt-color-brand-neutrals-200);
 }
 .pkt-card--outlined-beige {
   outline: 2px solid var(--pkt-color-brand-light-beige-1000);
 }
 .pkt-card--gray {
-  background-color: var(--pkt-color-brand-neutrals-100);
+  background-color: var(--pkt-color-brand-neutrals-50);
 }
 .pkt-card--blue {
   background-color: var(--pkt-color-brand-blue-200);

package/dist/css/components/card.min.css

@@ -1 +1 @@
-pkt-card{display:block;width:100%}.pkt-card{position:relative;display:flex;align-items:center;width:100%;min-width:12.5rem;padding:1.5rem}.pkt-card .pkt-card__wrapper{display:flex;flex-direction:column;flex:1 1 53%;width:100%;overflow:hidden}.pkt-card.pkt-card--padding-none{padding:0}.pkt-card .pkt-card__heading h1,.pkt-card .pkt-card__heading h2,.pkt-card .pkt-card__heading h3,.pkt-card .pkt-card__heading h4,.pkt-card .pkt-card__heading h5{padding:0;margin:0;font-size:1.875rem;font-weight:400;margin-block-end:.5rem;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__link{text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-card p.pkt-card__subheading{padding:0;margin:0;line-height:unset;margin-block-end:1rem;font-size:1.25rem;font-weight:300;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__metadata{margin-block-start:1rem;margin-block-end:0;line-height:unset;gap:.5rem}.pkt-card .pkt-card__metadata-lead{font-weight:500}.pkt-card .pkt-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:.5rem;margin-block-start:0}.pkt-card .pkt-card__tags-bottom{margin-block-start:.5rem;margin-block-end:0}.pkt-card.pkt-card--horizontal{flex-direction:row}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal{flex-direction:column}}.pkt-card.pkt-card--vertical{flex-direction:column;min-width:12.5rem}.pkt-card .pkt-card__image{aspect-ratio:1;flex:1 1 47%;width:100%;overflow:hidden}.pkt-card .pkt-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card .pkt-card__image.pkt-card__image-round{border-radius:50%;align-self:unset;flex-grow:0;max-height:400px;max-width:400px}.pkt-card.pkt-card--horizontal .pkt-card__image{max-width:400px;margin-inline-end:2rem}.pkt-card.pkt-card--horizontal .pkt-card__image-square{align-self:stretch}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal .pkt-card__image{margin-inline-end:0;margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--horizontal .pkt-card__image-square{max-width:unset}}.pkt-card.pkt-card--vertical .pkt-card__image{margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--padding-none.pkt-card--vertical .pkt-card__image-square{aspect-ratio:19/10}@media screen and (max-width: 36rem){.pkt-card.pkt-card--padding-none.pkt-card--horizontal .pkt-card__image-square{aspect-ratio:19/10}}.pkt-card .pkt-card__wrapper .pkt-card__link::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);outline:2px solid var(--pkt-color-brand-warm-blue-1000);outline-offset:-2px;outline-color:rgba(0,0,0,0);transition:all .3s ease-in-out}.pkt-card .pkt-card__link-heading{transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.pkt-card:hover.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-visible.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-within.pkt-card--border-on-hover .pkt-card__link::before{cursor:pointer;outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card:hover .pkt-card__link-heading,.pkt-card:focus-visible .pkt-card__link-heading,.pkt-card:focus-within .pkt-card__link-heading{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__link:focus{outline:none;box-shadow:none}.pkt-card .pkt-card__link-heading:focus-within{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__wrapper .pkt-card__link:focus-visible::before{box-shadow:0px 0px 0px 4px var(--pkt-color-brand-purple-1000);outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card.pkt-card--padding-none{outline:none;background-color:rgba(0,0,0,0)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-100)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-card--outlined,.pkt-card--outlined-beige{background-color:var(--pkt-color-background-default);outline-offset:-2px}.pkt-card--outlined{outline:2px solid var(--pkt-color-grays-gray-100)}.pkt-card--outlined-beige{outline:2px solid var(--pkt-color-brand-light-beige-1000)}.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-100)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}
+pkt-card{display:block;width:100%}.pkt-card{position:relative;display:flex;align-items:center;width:100%;min-width:12.5rem;padding:1.5rem}.pkt-card .pkt-card__wrapper{display:flex;flex-direction:column;flex:1 1 53%;width:100%;overflow:hidden}.pkt-card.pkt-card--padding-none{padding:0}.pkt-card .pkt-card__heading h1,.pkt-card .pkt-card__heading h2,.pkt-card .pkt-card__heading h3,.pkt-card .pkt-card__heading h4,.pkt-card .pkt-card__heading h5{padding:0;margin:0;font-size:1.875rem;font-weight:400;margin-block-end:.5rem;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__link{text-decoration-thickness:.12rem;text-underline-offset:.15em}.pkt-card p.pkt-card__subheading{padding:0;margin:0;line-height:unset;margin-block-end:1rem;font-size:1.25rem;font-weight:300;hyphens:auto;overflow-wrap:break-word}.pkt-card .pkt-card__metadata{margin-block-start:1rem;margin-block-end:0;line-height:unset;gap:.5rem}.pkt-card .pkt-card__metadata-lead{font-weight:500}.pkt-card .pkt-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:.5rem;margin-block-start:0}.pkt-card .pkt-card__tags-bottom{margin-block-start:.5rem;margin-block-end:0}.pkt-card.pkt-card--horizontal{flex-direction:row}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal{flex-direction:column}}.pkt-card.pkt-card--vertical{flex-direction:column;min-width:12.5rem}.pkt-card .pkt-card__image{aspect-ratio:1;flex:1 1 47%;width:100%;overflow:hidden}.pkt-card .pkt-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pkt-card .pkt-card__image.pkt-card__image-round{border-radius:50%;align-self:unset;flex-grow:0;max-height:400px;max-width:400px}.pkt-card.pkt-card--horizontal .pkt-card__image{max-width:400px;margin-inline-end:2rem}.pkt-card.pkt-card--horizontal .pkt-card__image-square{align-self:stretch}@media screen and (max-width: 36rem){.pkt-card.pkt-card--horizontal .pkt-card__image{margin-inline-end:0;margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--horizontal .pkt-card__image-square{max-width:unset}}.pkt-card.pkt-card--vertical .pkt-card__image{margin-block-end:2rem;max-height:400px}.pkt-card.pkt-card--padding-none.pkt-card--vertical .pkt-card__image-square{aspect-ratio:19/10}@media screen and (max-width: 36rem){.pkt-card.pkt-card--padding-none.pkt-card--horizontal .pkt-card__image-square{aspect-ratio:19/10}}.pkt-card .pkt-card__wrapper .pkt-card__link::before{content:"";position:absolute;inset:0;z-index:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);outline:2px solid var(--pkt-color-brand-warm-blue-1000);outline-offset:-2px;outline-color:rgba(0,0,0,0);transition:all .3s ease-in-out}.pkt-card .pkt-card__link-heading{transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.pkt-card:hover.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-visible.pkt-card--border-on-hover .pkt-card__link::before,.pkt-card:focus-within.pkt-card--border-on-hover .pkt-card__link::before{cursor:pointer;outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card:hover .pkt-card__link-heading,.pkt-card:focus-visible .pkt-card__link-heading,.pkt-card:focus-within .pkt-card__link-heading{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__link:focus{outline:none;box-shadow:none}.pkt-card .pkt-card__link-heading:focus-within{color:var(--pkt-color-brand-warm-blue-1000);text-decoration-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card .pkt-card__wrapper .pkt-card__link:focus-visible::before{box-shadow:0px 0px 0px 4px var(--pkt-color-brand-purple-1000);outline-color:var(--pkt-color-brand-warm-blue-1000)}.pkt-card.pkt-card--padding-none{outline:none;background-color:rgba(0,0,0,0)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-card--outlined,.pkt-card--outlined-beige{background-color:var(--pkt-color-background-default);outline-offset:-2px}.pkt-card--outlined{outline:2px solid var(--pkt-color-brand-neutrals-200)}.pkt-card--outlined-beige{outline:2px solid var(--pkt-color-brand-light-beige-1000)}.pkt-card--gray{background-color:var(--pkt-color-brand-neutrals-50)}.pkt-card--blue{background-color:var(--pkt-color-brand-blue-200)}.pkt-card--green{background-color:var(--pkt-color-brand-light-green-400)}.pkt-card--beige{background-color:var(--pkt-color-brand-light-beige-1000)}

package/dist/css/components/fileupload.css

@@ -31,7 +31,7 @@ pkt-fileupload {
   width: 100%;
 }
 .pkt-fileupload--error .pkt-fileupload__drop-zone {
-  border-color: var(--pkt-color-brand-red-700);
+  border-color: var(--pkt-color-input-border-error, #ff8274);
 }
 .pkt-fileupload--error .pkt-alert--error.pkt-fileupload__error-alert {
   margin-block-end: 1rem;
@@ -220,7 +220,7 @@ pkt-fileupload {
   grid-row: 1;
   align-self: center;
   justify-self: center;
-  color: var(--pkt-color-text-subtle);
+  color: var(--pkt-color-text-placeholder, #666666);
 }
 .pkt-fileupload__queue-display__item__title {
   letter-spacing: -0.2px;
@@ -387,7 +387,7 @@ pkt-fileupload {
   line-height: 1.25rem;
   display: block;
   margin-block-start: 0.25rem;
-  color: var(--pkt-color-text-subtle);
+  color: var(--pkt-color-text-placeholder, #666666);
 }
 .pkt-fileupload__queue-display__item__comment__actions {
   display: flex;
@@ -402,7 +402,7 @@ pkt-fileupload {
   border: none;
   padding: 0;
   cursor: pointer;
-  color: var(--pkt-color-text-subtle);
+  color: var(--pkt-color-text-placeholder, #666666);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -523,7 +523,7 @@ pkt-fileupload {
   line-height: 1.25rem;
   grid-column: 2;
   grid-row: 2;
-  color: var(--pkt-color-text-default);
+  color: var(--pkt-color-text-body-default, #2a2859);
 }
 .pkt-fileupload__queue-display__item--in-progress .pkt-progressbar__bar-wrapper, .pkt-fileupload__queue-display__item--error .pkt-progressbar__bar-wrapper {
   height: 0.25rem;
@@ -693,7 +693,7 @@ pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__container {
 .pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__content,
 pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__content {
   padding: 0 1rem 1rem;
-  background: var(--pkt-color-surface-default);
+  background: var(--pkt-color-background-default, #ffffff);
   background-image: none;
   box-shadow: none;
   min-height: 0;
@@ -727,7 +727,7 @@ pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal::backdrop {
 
 .pkt-fileupload__image-preview {
   position: relative;
-  background-color: var(--pkt-color-surface-default);
+  background-color: var(--pkt-color-background-default, #ffffff);
   display: grid;
   grid-template-columns: auto 1fr auto;
   grid-template-rows: minmax(0, 1fr) auto;

package/dist/css/components/fileupload.min.css

@@ -1 +1 @@
-pkt-fileupload{display:block}.pkt-fileupload-component{display:block}.pkt-fileupload{display:block;width:min(100%,31rem);--fg-color: var(--pkt-color-text-body-default)}.pkt-fileupload input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.pkt-fileupload--full-width{width:100%}.pkt-fileupload--full-width .pkt-fileupload__drop-zone,.pkt-fileupload--full-width .pkt-fileupload__queue-display,.pkt-fileupload--full-width .pkt-fileupload__queue-display__item{width:100%}.pkt-fileupload--error .pkt-fileupload__drop-zone{border-color:var(--pkt-color-brand-red-700)}.pkt-fileupload--error .pkt-alert--error.pkt-fileupload__error-alert{margin-block-end:1rem;width:100%}.pkt-fileupload--disabled{pointer-events:none;--fg-color: var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled p,.pkt-fileupload--disabled label,.pkt-fileupload--disabled button,.pkt-fileupload--disabled input[type=text]{color:var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone{cursor:not-allowed;border-color:var(--pkt-color-input-border-disabled);background:var(--pkt-color-input-background-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{color:var(--pkt-color-text-action-disabled);text-decoration:underline}.pkt-fileupload__drop-zone{border:1px dashed var(--pkt-color-input-border-normal);color:var(--pkt-color-text-action-normal);cursor:pointer;padding:2rem;text-align:center;margin-block-end:1rem;font-size:14px}.pkt-fileupload__drop-zone:hover{border-color:var(--pkt-color-input-border-hover)}.pkt-fileupload__drop-zone:active{background-color:var(--pkt-color-surface-subtle-pale-blue);border-color:var(--pkt-color-input-border-active)}[data-mode=dark] .pkt-fileupload__drop-zone:active{background-color:var(--pkt-color-surface-strong-dark-blue)}.pkt-fileupload__drop-zone:focus-within{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-border-states-focus);outline-offset:0}.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__icon svg,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone--drag-active{background-color:var(--pkt-color-surface-subtle-pale-blue);border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__drop-zone__placeholder{text-align:left;display:grid;grid-template-areas:"left top" "left bottom";grid-template-columns:24px auto;grid-template-rows:auto auto;grid-column-gap:1rem;width:fit-content;margin:auto;line-height:22px;pointer-events:none}.pkt-fileupload__drop-zone__placeholder p{margin:0}.pkt-fileupload__drop-zone__placeholder__icon{width:24px;height:24px;grid-area:left;align-self:center;justify-self:center}.pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-input-border-normal)}.pkt-fileupload__drop-zone__placeholder__title{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;grid-area:top}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{pointer-events:auto;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0;font:inherit}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__drop-zone__placeholder__formats{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem;color:var(--pkt-color-text-placeholder);grid-area:bottom}.pkt-fileupload__queue-display{display:flex;flex-direction:column;padding:0;margin-block-start:0;margin-block-end:1rem;row-gap:.5rem;container-type:inline-size;container-name:queue-item}.pkt-fileupload__queue-display__item__rename-input{border:2px solid var(--pkt-color-input-border-normal);color:var(--pkt-color-text-body-default);background-color:var(--pkt-color-background-default);border-radius:0;margin:0;width:100%}.pkt-fileupload__queue-display__item__rename-input:hover{border-color:var(--pkt-color-input-border-hover)}.pkt-fileupload__queue-display__item__rename-input:focus-visible,.pkt-fileupload__queue-display__item__rename-input:focus,.pkt-fileupload__queue-display__item__rename-input:active{border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)){display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:1rem;max-width:100%}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item:is(:has(.pkt-fileupload__queue-display__item__thumbnail)){border:2px solid var(--pkt-color-border-subtle);display:flex;flex-direction:column;padding:.5rem;min-width:0;overflow:hidden;justify-content:end}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item--in-progress{grid-column:1/-1}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item--error{grid-column:1/-1}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item__thumbnail{width:100%;min-width:0}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item__actions{display:flex;flex-direction:column;width:100%;padding-inline-start:0;align-items:flex-start;gap:.5rem}.pkt-fileupload__queue-display__item{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--pkt-color-border-subtle)}.pkt-fileupload__queue-display__item__icon{grid-column:1;grid-row:1;align-self:center;justify-self:center;color:var(--pkt-color-text-subtle)}.pkt-fileupload__queue-display__item__title{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;grid-column:2;grid-row:1;min-width:0;max-width:100%;align-self:center;margin:0;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden}.pkt-fileupload__queue-display__item__actions{grid-column:1/-1;grid-row:2;align-self:center;justify-self:flex-start;display:flex;gap:1rem;flex-wrap:wrap}.pkt-fileupload__queue-display__item__filesize{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-placeholder);flex:0 0 auto;white-space:nowrap;padding-inline-start:.5rem}.pkt-fileupload__queue-display__item__cancel-button{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__cancel-button:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__cancel-button:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__operation{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0}.pkt-fileupload__queue-display__item__operation:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__operation:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__inline-ui{grid-column:2/-1;grid-row:1;display:flex;align-items:center;gap:.5rem}.pkt-fileupload__queue-display__item__inline-ui .pkt-input,.pkt-fileupload__queue-display__item__inline-ui input[type=text]{flex:1;min-width:0;padding:0 .5rem;border:2px solid var(--pkt-color-input-border-normal);font:inherit}.pkt-fileupload__queue-display__item__inline-ui .pkt-input:focus,.pkt-fileupload__queue-display__item__inline-ui input[type=text]:focus{outline:none;border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display__item__inline-ui .pkt-btn{height:2rem}.pkt-fileupload__queue-display__item__operation-content{grid-column:1/-1;padding:.75rem 1rem;background:var(--pkt-color-surface-default-gray);margin-block-start:.5rem}.pkt-fileupload__queue-display__item__operation-content:empty{display:none}.pkt-fileupload__queue-display__item__expanded-operation-ui{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:.5rem}.pkt-fileupload__queue-display__item__expanded-operation-ui .pkt-btn{grid-row:3}.pkt-fileupload__queue-display__item__comment-label{grid-column:1/-1;grid-row:1;letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-fileupload__queue-display__item__comment-input{grid-column:1/-1;grid-row:2;width:100%;font:inherit;letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem}.pkt-fileupload__queue-display__item__comment-input:focus{outline:none;border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display__item__comment-input::placeholder{color:var(--pkt-color-text-placeholder)}.pkt-fileupload__queue-display__item__comment{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__comment__content{flex:1}.pkt-fileupload__queue-display__item__comment__text{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;display:block}.pkt-fileupload__queue-display__item__comment__time{letter-spacing:-0.2px;font-weight:500;font-size:.75rem;line-height:1.25rem;display:block;margin-block-start:.25rem;color:var(--pkt-color-text-subtle)}.pkt-fileupload__queue-display__item__comment__actions{display:flex;gap:.5rem;flex-shrink:0}.pkt-fileupload__queue-display__item__comment__actions .pkt-icon svg{--fg-color: var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__comment__action{background:none;border:none;padding:0;cursor:pointer;color:var(--pkt-color-text-subtle);display:flex;align-items:center;justify-content:center}.pkt-fileupload__queue-display__item__comment__action:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__comment__action:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__comment__action .pkt-icon{width:12px;height:15px}.pkt-fileupload__queue-display__item__thumbnail{min-width:0}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn{position:relative;display:block;width:100%;height:max-content;min-height:0;padding:0;border:0;background:none;cursor:pointer}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn .pkt-btn__text{display:block;width:100%;line-height:0}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:hover .pkt-fileupload__queue-display__item__thumbnail__expand-icon,.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:focus-visible .pkt-fileupload__queue-display__item__thumbnail__expand-icon{background-color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:hover .pkt-fileupload__queue-display__item__thumbnail__expand-icon svg,.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:focus-visible .pkt-fileupload__queue-display__item__thumbnail__expand-icon svg{--fg-color: var(--pkt-color-text-body-light)}.pkt-fileupload__queue-display__item__thumbnail__expand-icon{position:absolute;top:.25rem;right:.25rem;width:30px;height:30px;z-index:2;background-color:var(--pkt-color-background-subtle);pointer-events:none;padding:2px}.pkt-fileupload__queue-display__item__thumbnail__title{letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem;margin-block-start:.5rem;margin-block-end:.25rem;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;line-clamp:2}.pkt-fileupload__queue-display__item__thumbnail--fallback .pkt-fileupload__queue-display__item__thumbnail__title{letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem}.pkt-fileupload__queue-display__item--canceled{opacity:.6}.pkt-fileupload__queue-display__item--in-progress,.pkt-fileupload__queue-display__item--error{border:none;grid-template-columns:auto 1fr auto;padding:1rem;row-gap:.5rem;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__icon,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon{grid-column:1;grid-row:1}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__icon svg,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon svg{--fg-color: var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__title,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;grid-column:2;grid-row:1;margin:0}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__cancel-button,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__cancel-button{grid-column:3;grid-row:1;margin-inline-start:1rem}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__cancel-button:hover,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__cancel-button:hover{color:var(--pkt-color-brand-warm-blue-1000)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__error-message,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__error-message{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:2;grid-row:2;color:var(--pkt-color-text-default)}.pkt-fileupload__queue-display__item--in-progress .pkt-progressbar__bar-wrapper,.pkt-fileupload__queue-display__item--error .pkt-progressbar__bar-wrapper{height:.25rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-fileupload__queue-display__item--error{background-color:var(--pkt-color-surface-default-faded-red)}.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon{align-self:center}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)){background-color:var(--pkt-color-surface-default-faded-red);grid-template-rows:auto auto auto}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__progress{grid-column:1/-1;grid-row:2;margin:0}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__progress .pkt-progressbar__bar{background-color:var(--pkt-color-brand-red-1000)}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__error-message{grid-column:2/-1;grid-row:3;text-align:right}.pkt-fileupload__queue-display__item--in-progress{background-color:var(--pkt-color-surface-default-light-blue);grid-template-rows:auto auto auto}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__progress{grid-column:1/-1;grid-row:2;margin:0}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__percentage{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:3;grid-row:3;text-align:right}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__loading-text{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:2;grid-row:2}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__loading-text::after{content:"...";display:inline-block;overflow:hidden;vertical-align:baseline;width:0;animation:pkt-fileupload-loading-dots 1.2s steps(4, end) infinite}@keyframes pkt-fileupload-loading-dots{0%,100%{width:0}33%{width:.4em}66%{width:.8em}99%{width:1.2em}}@media(prefers-reduced-motion: reduce){.pkt-fileupload__queue-display__item__loading-text::after{animation:none;width:1.2em}}.pkt-fileupload__queue-display__item__title__head{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pkt-fileupload__queue-display__item__title__tail{flex:0 0 auto;white-space:nowrap}[data-pkt-truncate-part=first]:not(.pkt-fileupload__queue-display__item__title__head){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pkt-fileupload__queue-display__item__thumbnail__title:is(:has(>.pkt-fileupload__queue-display__item__title__tail)){display:flex;flex-wrap:nowrap;overflow:hidden}.pkt-fileupload-wrapper--full-width{width:100%}.pkt-fileupload-wrapper--full-width .pkt-inputwrapper__fieldset{width:100%;align-items:stretch}.pkt-fileupload-wrapper .pkt-inputwrapper__fieldset{margin-block-end:0}.pkt-fileupload-wrapper .pkt-inputwrapper__helptext{margin-block-end:.5rem}.pkt-fileupload__image-preview-modal .pkt-contents{padding:0}.pkt-modal.pkt-fileupload__image-preview-modal,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal{box-sizing:border-box;width:fit-content;max-width:min(92vw,56rem);max-height:min(92vh,56rem);height:auto;margin:auto}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__wrapper,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__wrapper{max-height:min(92vh,56rem);min-height:0;grid-template-rows:auto minmax(0, 1fr)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__container,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__container{min-height:0}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__header,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__header{text-align:left}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__headingText,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__headingText{line-height:2rem;padding:1rem 0 0 1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3rem);background-color:rgba(0,0,0,0);color:var(--pkt-color-text-body-default)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__container,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__container{padding-block-start:0;background-color:rgba(0,0,0,0)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__content,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__content{padding:0 1rem 1rem;background:var(--pkt-color-surface-default);background-image:none;box-shadow:none;min-height:0;overflow:auto;overscroll-behavior:contain}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__content .pkt-fileupload__image-preview,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__content .pkt-fileupload__image-preview{flex:1 1 auto;min-height:0;align-self:stretch;width:100%}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton{background-color:rgba(0,0,0,0)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn{color:var(--pkt-color-text-body-default)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn:hover,.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn:focus-visible,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn:hover,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn:focus-visible{color:var(--pkt-color-text-action-hover)}.pkt-modal.pkt-fileupload__image-preview-modal::backdrop,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal::backdrop{background-color:rgba(0,0,0,.85)}.pkt-fileupload__image-preview{position:relative;background-color:var(--pkt-color-surface-default);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:minmax(0, 1fr) auto;align-items:center;justify-content:space-between;gap:1rem;min-height:0;max-height:min(92vh - 6rem,56rem)}.pkt-fileupload__image-preview__content{min-height:0;height:100%;grid-column:1/-1;grid-row:1;z-index:0;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;overflow:hidden}.pkt-fileupload__image-preview__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pkt-fileupload__image-preview__nav--prev{grid-column:1;grid-row:1;margin-inline-start:.5rem}.pkt-fileupload__image-preview__nav--next{grid-column:3;grid-row:1;margin-inline-end:.5rem}.pkt-fileupload__image-preview__nav.pkt-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;justify-self:center;align-self:center;border-radius:50%;box-sizing:border-box;width:3rem;height:3rem;min-width:3rem;min-height:3rem;padding:0;background-color:var(--pkt-color-background-default)}.pkt-fileupload__image-preview__nav.pkt-btn .pkt-btn__icon,.pkt-fileupload__image-preview__nav.pkt-btn .pkt-icon{width:1.5rem;height:1.5rem}.pkt-fileupload__image-preview__counter{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-body-default);grid-column:1/-1;grid-row:2;z-index:1;position:relative;justify-self:center;text-align:center}
+pkt-fileupload{display:block}.pkt-fileupload-component{display:block}.pkt-fileupload{display:block;width:min(100%,31rem);--fg-color: var(--pkt-color-text-body-default)}.pkt-fileupload input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.pkt-fileupload--full-width{width:100%}.pkt-fileupload--full-width .pkt-fileupload__drop-zone,.pkt-fileupload--full-width .pkt-fileupload__queue-display,.pkt-fileupload--full-width .pkt-fileupload__queue-display__item{width:100%}.pkt-fileupload--error .pkt-fileupload__drop-zone{border-color:var(--pkt-color-input-border-error, #ff8274)}.pkt-fileupload--error .pkt-alert--error.pkt-fileupload__error-alert{margin-block-end:1rem;width:100%}.pkt-fileupload--disabled{pointer-events:none;--fg-color: var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled p,.pkt-fileupload--disabled label,.pkt-fileupload--disabled button,.pkt-fileupload--disabled input[type=text]{color:var(--pkt-color-text-action-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone{cursor:not-allowed;border-color:var(--pkt-color-input-border-disabled);background:var(--pkt-color-input-background-disabled)}.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload--disabled .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{color:var(--pkt-color-text-action-disabled);text-decoration:underline}.pkt-fileupload__drop-zone{border:1px dashed var(--pkt-color-input-border-normal);color:var(--pkt-color-text-action-normal);cursor:pointer;padding:2rem;text-align:center;margin-block-end:1rem;font-size:14px}.pkt-fileupload__drop-zone:hover{border-color:var(--pkt-color-input-border-hover)}.pkt-fileupload__drop-zone:active{background-color:var(--pkt-color-surface-subtle-pale-blue);border-color:var(--pkt-color-input-border-active)}[data-mode=dark] .pkt-fileupload__drop-zone:active{background-color:var(--pkt-color-surface-strong-dark-blue)}.pkt-fileupload__drop-zone:focus-within{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-border-states-focus);outline-offset:0}.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__icon svg,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload__drop-zone:hover .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__title,.pkt-fileupload__drop-zone:focus-within .pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone--drag-active{background-color:var(--pkt-color-surface-subtle-pale-blue);border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__drop-zone__placeholder{text-align:left;display:grid;grid-template-areas:"left top" "left bottom";grid-template-columns:24px auto;grid-template-rows:auto auto;grid-column-gap:1rem;width:fit-content;margin:auto;line-height:22px;pointer-events:none}.pkt-fileupload__drop-zone__placeholder p{margin:0}.pkt-fileupload__drop-zone__placeholder__icon{width:24px;height:24px;grid-area:left;align-self:center;justify-self:center}.pkt-fileupload__drop-zone__placeholder__icon svg{--fg-color: var(--pkt-color-input-border-normal)}.pkt-fileupload__drop-zone__placeholder__title{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;grid-area:top}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog{pointer-events:auto;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0;font:inherit}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__drop-zone__placeholder__title__open-file-dialog:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__drop-zone__placeholder__formats{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem;color:var(--pkt-color-text-placeholder);grid-area:bottom}.pkt-fileupload__queue-display{display:flex;flex-direction:column;padding:0;margin-block-start:0;margin-block-end:1rem;row-gap:.5rem;container-type:inline-size;container-name:queue-item}.pkt-fileupload__queue-display__item__rename-input{border:2px solid var(--pkt-color-input-border-normal);color:var(--pkt-color-text-body-default);background-color:var(--pkt-color-background-default);border-radius:0;margin:0;width:100%}.pkt-fileupload__queue-display__item__rename-input:hover{border-color:var(--pkt-color-input-border-hover)}.pkt-fileupload__queue-display__item__rename-input:focus-visible,.pkt-fileupload__queue-display__item__rename-input:focus,.pkt-fileupload__queue-display__item__rename-input:active{border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)){display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:1rem;max-width:100%}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item:is(:has(.pkt-fileupload__queue-display__item__thumbnail)){border:2px solid var(--pkt-color-border-subtle);display:flex;flex-direction:column;padding:.5rem;min-width:0;overflow:hidden;justify-content:end}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item--in-progress{grid-column:1/-1}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item--error{grid-column:1/-1}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item__thumbnail{width:100%;min-width:0}.pkt-fileupload__queue-display:is(:has(.pkt-fileupload__queue-display__item__thumbnail)) .pkt-fileupload__queue-display__item__actions{display:flex;flex-direction:column;width:100%;padding-inline-start:0;align-items:flex-start;gap:.5rem}.pkt-fileupload__queue-display__item{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--pkt-color-border-subtle)}.pkt-fileupload__queue-display__item__icon{grid-column:1;grid-row:1;align-self:center;justify-self:center;color:var(--pkt-color-text-placeholder, #666666)}.pkt-fileupload__queue-display__item__title{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;grid-column:2;grid-row:1;min-width:0;max-width:100%;align-self:center;margin:0;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden}.pkt-fileupload__queue-display__item__actions{grid-column:1/-1;grid-row:2;align-self:center;justify-self:flex-start;display:flex;gap:1rem;flex-wrap:wrap}.pkt-fileupload__queue-display__item__filesize{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-placeholder);flex:0 0 auto;white-space:nowrap;padding-inline-start:.5rem}.pkt-fileupload__queue-display__item__cancel-button{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__cancel-button:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__cancel-button:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__operation{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem;cursor:pointer;color:var(--pkt-color-text-action-normal);text-decoration:underline;background:none;border:none;padding:0}.pkt-fileupload__queue-display__item__operation:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__operation:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__inline-ui{grid-column:2/-1;grid-row:1;display:flex;align-items:center;gap:.5rem}.pkt-fileupload__queue-display__item__inline-ui .pkt-input,.pkt-fileupload__queue-display__item__inline-ui input[type=text]{flex:1;min-width:0;padding:0 .5rem;border:2px solid var(--pkt-color-input-border-normal);font:inherit}.pkt-fileupload__queue-display__item__inline-ui .pkt-input:focus,.pkt-fileupload__queue-display__item__inline-ui input[type=text]:focus{outline:none;border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display__item__inline-ui .pkt-btn{height:2rem}.pkt-fileupload__queue-display__item__operation-content{grid-column:1/-1;padding:.75rem 1rem;background:var(--pkt-color-surface-default-gray);margin-block-start:.5rem}.pkt-fileupload__queue-display__item__operation-content:empty{display:none}.pkt-fileupload__queue-display__item__expanded-operation-ui{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:.5rem}.pkt-fileupload__queue-display__item__expanded-operation-ui .pkt-btn{grid-row:3}.pkt-fileupload__queue-display__item__comment-label{grid-column:1/-1;grid-row:1;letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-fileupload__queue-display__item__comment-input{grid-column:1/-1;grid-row:2;width:100%;font:inherit;letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem}.pkt-fileupload__queue-display__item__comment-input:focus{outline:none;border-color:var(--pkt-color-input-border-active)}.pkt-fileupload__queue-display__item__comment-input::placeholder{color:var(--pkt-color-text-placeholder)}.pkt-fileupload__queue-display__item__comment{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__comment__content{flex:1}.pkt-fileupload__queue-display__item__comment__text{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem;display:block}.pkt-fileupload__queue-display__item__comment__time{letter-spacing:-0.2px;font-weight:500;font-size:.75rem;line-height:1.25rem;display:block;margin-block-start:.25rem;color:var(--pkt-color-text-placeholder, #666666)}.pkt-fileupload__queue-display__item__comment__actions{display:flex;gap:.5rem;flex-shrink:0}.pkt-fileupload__queue-display__item__comment__actions .pkt-icon svg{--fg-color: var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item__comment__action{background:none;border:none;padding:0;cursor:pointer;color:var(--pkt-color-text-placeholder, #666666);display:flex;align-items:center;justify-content:center}.pkt-fileupload__queue-display__item__comment__action:hover{color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__comment__action:focus-visible{outline:2px solid var(--pkt-color-border-states-focus);outline-offset:2px}.pkt-fileupload__queue-display__item__comment__action .pkt-icon{width:12px;height:15px}.pkt-fileupload__queue-display__item__thumbnail{min-width:0}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn{position:relative;display:block;width:100%;height:max-content;min-height:0;padding:0;border:0;background:none;cursor:pointer}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn .pkt-btn__text{display:block;width:100%;line-height:0}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:hover .pkt-fileupload__queue-display__item__thumbnail__expand-icon,.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:focus-visible .pkt-fileupload__queue-display__item__thumbnail__expand-icon{background-color:var(--pkt-color-text-action-hover)}.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:hover .pkt-fileupload__queue-display__item__thumbnail__expand-icon svg,.pkt-fileupload__queue-display__item__thumbnail__image-wrapper.pkt-btn:focus-visible .pkt-fileupload__queue-display__item__thumbnail__expand-icon svg{--fg-color: var(--pkt-color-text-body-light)}.pkt-fileupload__queue-display__item__thumbnail__expand-icon{position:absolute;top:.25rem;right:.25rem;width:30px;height:30px;z-index:2;background-color:var(--pkt-color-background-subtle);pointer-events:none;padding:2px}.pkt-fileupload__queue-display__item__thumbnail__title{letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem;margin-block-start:.5rem;margin-block-end:.25rem;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;line-clamp:2}.pkt-fileupload__queue-display__item__thumbnail--fallback .pkt-fileupload__queue-display__item__thumbnail__title{letter-spacing:-0.2px;font-weight:400;font-size:.875rem;line-height:1.375rem}.pkt-fileupload__queue-display__item--canceled{opacity:.6}.pkt-fileupload__queue-display__item--in-progress,.pkt-fileupload__queue-display__item--error{border:none;grid-template-columns:auto 1fr auto;padding:1rem;row-gap:.5rem;color:var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__icon,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon{grid-column:1;grid-row:1}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__icon svg,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon svg{--fg-color: var(--pkt-color-text-body-dark)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__title,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__title{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem;grid-column:2;grid-row:1;margin:0}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__cancel-button,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__cancel-button{grid-column:3;grid-row:1;margin-inline-start:1rem}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__cancel-button:hover,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__cancel-button:hover{color:var(--pkt-color-brand-warm-blue-1000)}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__error-message,.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__error-message{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:2;grid-row:2;color:var(--pkt-color-text-body-default, #2a2859)}.pkt-fileupload__queue-display__item--in-progress .pkt-progressbar__bar-wrapper,.pkt-fileupload__queue-display__item--error .pkt-progressbar__bar-wrapper{height:.25rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-fileupload__queue-display__item--error{background-color:var(--pkt-color-surface-default-faded-red)}.pkt-fileupload__queue-display__item--error .pkt-fileupload__queue-display__item__icon{align-self:center}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)){background-color:var(--pkt-color-surface-default-faded-red);grid-template-rows:auto auto auto}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__progress{grid-column:1/-1;grid-row:2;margin:0}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__progress .pkt-progressbar__bar{background-color:var(--pkt-color-brand-red-1000)}.pkt-fileupload__queue-display__item--error:is(:has(.pkt-fileupload__queue-display__item__progress--error)) .pkt-fileupload__queue-display__item__error-message{grid-column:2/-1;grid-row:3;text-align:right}.pkt-fileupload__queue-display__item--in-progress{background-color:var(--pkt-color-surface-default-light-blue);grid-template-rows:auto auto auto}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__progress{grid-column:1/-1;grid-row:2;margin:0}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__percentage{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:3;grid-row:3;text-align:right}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__loading-text{letter-spacing:-0.2px;font-weight:400;font-size:.75rem;line-height:1.25rem;grid-column:2;grid-row:2}.pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display__item__loading-text::after{content:"...";display:inline-block;overflow:hidden;vertical-align:baseline;width:0;animation:pkt-fileupload-loading-dots 1.2s steps(4, end) infinite}@keyframes pkt-fileupload-loading-dots{0%,100%{width:0}33%{width:.4em}66%{width:.8em}99%{width:1.2em}}@media(prefers-reduced-motion: reduce){.pkt-fileupload__queue-display__item__loading-text::after{animation:none;width:1.2em}}.pkt-fileupload__queue-display__item__title__head{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pkt-fileupload__queue-display__item__title__tail{flex:0 0 auto;white-space:nowrap}[data-pkt-truncate-part=first]:not(.pkt-fileupload__queue-display__item__title__head){min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pkt-fileupload__queue-display__item__thumbnail__title:is(:has(>.pkt-fileupload__queue-display__item__title__tail)){display:flex;flex-wrap:nowrap;overflow:hidden}.pkt-fileupload-wrapper--full-width{width:100%}.pkt-fileupload-wrapper--full-width .pkt-inputwrapper__fieldset{width:100%;align-items:stretch}.pkt-fileupload-wrapper .pkt-inputwrapper__fieldset{margin-block-end:0}.pkt-fileupload-wrapper .pkt-inputwrapper__helptext{margin-block-end:.5rem}.pkt-fileupload__image-preview-modal .pkt-contents{padding:0}.pkt-modal.pkt-fileupload__image-preview-modal,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal{box-sizing:border-box;width:fit-content;max-width:min(92vw,56rem);max-height:min(92vh,56rem);height:auto;margin:auto}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__wrapper,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__wrapper{max-height:min(92vh,56rem);min-height:0;grid-template-rows:auto minmax(0, 1fr)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__container,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__container{min-height:0}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__header,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__header{text-align:left}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__headingText,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__headingText{line-height:2rem;padding:1rem 0 0 1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3rem);background-color:rgba(0,0,0,0);color:var(--pkt-color-text-body-default)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__container,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__container{padding-block-start:0;background-color:rgba(0,0,0,0)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__content,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__content{padding:0 1rem 1rem;background:var(--pkt-color-background-default, #ffffff);background-image:none;box-shadow:none;min-height:0;overflow:auto;overscroll-behavior:contain}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__content .pkt-fileupload__image-preview,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__content .pkt-fileupload__image-preview{flex:1 1 auto;min-height:0;align-self:stretch;width:100%}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton{background-color:rgba(0,0,0,0)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn{color:var(--pkt-color-text-body-default)}.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn:hover,.pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal__closeButton .pkt-btn:focus-visible,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn:hover,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal .pkt-modal__closeButton .pkt-btn:focus-visible{color:var(--pkt-color-text-action-hover)}.pkt-modal.pkt-fileupload__image-preview-modal::backdrop,pkt-modal.pkt-fileupload__image-preview-modal .pkt-modal::backdrop{background-color:rgba(0,0,0,.85)}.pkt-fileupload__image-preview{position:relative;background-color:var(--pkt-color-background-default, #ffffff);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:minmax(0, 1fr) auto;align-items:center;justify-content:space-between;gap:1rem;min-height:0;max-height:min(92vh - 6rem,56rem)}.pkt-fileupload__image-preview__content{min-height:0;height:100%;grid-column:1/-1;grid-row:1;z-index:0;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;overflow:hidden}.pkt-fileupload__image-preview__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pkt-fileupload__image-preview__nav--prev{grid-column:1;grid-row:1;margin-inline-start:.5rem}.pkt-fileupload__image-preview__nav--next{grid-column:3;grid-row:1;margin-inline-end:.5rem}.pkt-fileupload__image-preview__nav.pkt-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;justify-self:center;align-self:center;border-radius:50%;box-sizing:border-box;width:3rem;height:3rem;min-width:3rem;min-height:3rem;padding:0;background-color:var(--pkt-color-background-default)}.pkt-fileupload__image-preview__nav.pkt-btn .pkt-btn__icon,.pkt-fileupload__image-preview__nav.pkt-btn .pkt-icon{width:1.5rem;height:1.5rem}.pkt-fileupload__image-preview__counter{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem;color:var(--pkt-color-text-body-default);grid-column:1/-1;grid-row:2;z-index:1;position:relative;justify-self:center;text-align:center}

package/dist/css/components/footer.css

@@ -44,7 +44,7 @@
 }
 .pkt-footer__band--global {
   --pkt-footer-bg: var(--pkt-color-surface-strong-dark-blue, #2a2859);
-  --pkt-footer-fg: var(--pkt-color-text-body-light, #fff);
+  --pkt-footer-fg: var(--pkt-color-text-body-light, #ffffff);
   --pkt-footer-link-hover: var(--pkt-color-brand-blue-1000, #6fe9ff);
 }
 .pkt-footer__band a {

package/dist/css/components/footer.min.css

@@ -1 +1 @@
-.pkt-footer,.pkt-footer-simple{display:block;width:100%;container-type:inline-size;container-name:pkt-footer}.pkt-footer__band{background-color:var(--pkt-footer-bg, var(--pkt-color-background-subtle, #f9f9f9));color:var(--pkt-footer-fg, var(--pkt-color-text-body-default, #2a2859));letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}.pkt-footer__band--global{--pkt-footer-bg: var(--pkt-color-surface-strong-dark-blue, #2a2859);--pkt-footer-fg: var(--pkt-color-text-body-light, #fff);--pkt-footer-link-hover: var(--pkt-color-brand-blue-1000, #6fe9ff)}.pkt-footer__band a{color:inherit;text-decoration:underline;text-underline-position:from-font}.pkt-footer__band a:hover{color:var(--pkt-footer-link-hover, var(--pkt-color-text-action-active, currentColor)) !important}.pkt-footer__band h2{margin:0 0 1rem;color:inherit;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}.pkt-footer__band p{margin:0 0 1rem}.pkt-footer__inner{max-width:75rem;margin:0 auto;padding:3.25rem 1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}.pkt-footer__inner--compact{padding-block:2rem}.pkt-footer__sections{display:grid;grid-template-columns:1fr;gap:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}.pkt-footer__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pkt-footer__link-list>li{word-break:break-word}.pkt-footer__link-domain{white-space:nowrap}.pkt-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block-start:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}.pkt-footer__sections+.pkt-footer__bottom{margin-block-start:2rem}.pkt-footer__bottom-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem}.pkt-footer__some{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}.pkt-footer__some a{display:inline-flex}.pkt-footer__some a:has(.pkt-footer__some-icon){text-decoration:none}.pkt-footer__some-icon{--fg-color: currentColor;width:2rem;height:2rem}.pkt-footer__sections+.pkt-footer__consent{margin-block-start:2rem}.pkt-footer-simple__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}a.pkt-footer-simple__link{display:inline-flex;align-items:flex-start;gap:.5rem;color:inherit;text-decoration:none}a.pkt-footer-simple__link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;flex-shrink:0}.pkt-footer-simple__link-domain{white-space:nowrap}
+.pkt-footer,.pkt-footer-simple{display:block;width:100%;container-type:inline-size;container-name:pkt-footer}.pkt-footer__band{background-color:var(--pkt-footer-bg, var(--pkt-color-background-subtle, #f9f9f9));color:var(--pkt-footer-fg, var(--pkt-color-text-body-default, #2a2859));letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}}}.pkt-footer__band--global{--pkt-footer-bg: var(--pkt-color-surface-strong-dark-blue, #2a2859);--pkt-footer-fg: var(--pkt-color-text-body-light, #ffffff);--pkt-footer-link-hover: var(--pkt-color-brand-blue-1000, #6fe9ff)}.pkt-footer__band a{color:inherit;text-decoration:underline;text-underline-position:from-font}.pkt-footer__band a:hover{color:var(--pkt-footer-link-hover, var(--pkt-color-text-action-active, currentColor)) !important}.pkt-footer__band h2{margin:0 0 1rem;color:inherit;letter-spacing:-0.2px;font-weight:500;font-size:1.25rem;line-height:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem}}}@supports not (container-type: inline-size){@media screen and (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 64rem){.pkt-footer__band h2{letter-spacing:-0.2px;font-weight:500;font-size:1.5rem;line-height:2.25rem}}}.pkt-footer__band p{margin:0 0 1rem}.pkt-footer__inner{max-width:75rem;margin:0 auto;padding:3.25rem 1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__inner{padding:3.25rem 2rem}}}.pkt-footer__inner--compact{padding-block:2rem}.pkt-footer__sections{display:grid;grid-template-columns:1fr;gap:2rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__sections{grid-template-columns:repeat(3, 1fr);column-gap:2rem;row-gap:3.25rem}}}.pkt-footer__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pkt-footer__link-list>li{word-break:break-word}.pkt-footer__link-domain{white-space:nowrap}.pkt-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block-start:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__bottom{grid-column:-2/-1;margin-block-start:0}}}.pkt-footer__sections+.pkt-footer__bottom{margin-block-start:2rem}.pkt-footer__bottom-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem}.pkt-footer__some{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer__some{gap:1.5rem}}}.pkt-footer__some a{display:inline-flex}.pkt-footer__some a:has(.pkt-footer__some-icon){text-decoration:none}.pkt-footer__some-icon{--fg-color: currentColor;width:2rem;height:2rem}.pkt-footer__sections+.pkt-footer__consent{margin-block-start:2rem}.pkt-footer-simple__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}@supports not (container-type: inline-size){@media screen and (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}@supports(container-type: inline-size){@container pkt-footer (min-width: 48rem){.pkt-footer-simple__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}}a.pkt-footer-simple__link{display:inline-flex;align-items:flex-start;gap:.5rem;color:inherit;text-decoration:none}a.pkt-footer-simple__link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;flex-shrink:0}.pkt-footer-simple__link-domain{white-space:nowrap}

package/dist/css/components/header.css

@@ -232,7 +232,7 @@
   margin: 0;
 }
 .pkt-user-menu__label {
-  color: var(--pkt-color-grays-gray-600);
+  color: var(--pkt-color-brand-neutrals-700);
   letter-spacing: -0.2px;
   font-weight: 500;
   font-size: 0.875rem;

package/dist/css/components/header.min.css

@@ -1 +1 @@
-.pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem;z-index:10}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 2rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-block-start:.3rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-block-start:.6rem;letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-block-start:.28rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--pkt-color-brand-yellow-1000)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-inline-start:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-block-start:.75rem;right:0;left:0;padding-inline-start:0;list-style:none;visibility:hidden;max-height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:auto;color:var(--pkt-color-text-body-dark)}@media screen and (min-width: 48rem){.pkt-header__dropdown{margin-block-start:1rem;left:auto;right:0;min-width:23rem;width:auto}}.pkt-header__dropdown>li{padding:2rem;background-color:var(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-block:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.pkt-header__user-fullname{display:none}@media screen and (min-width: 80rem){.pkt-header__user-fullname{display:inline}}.pkt-header__user-shortname{display:inline}@media screen and (min-width: 80rem){.pkt-header__user-shortname{display:none}}@media screen and (min-width: 48rem){.pkt-header--has-dropdown{position:relative}}.pkt-header--has-dropdown>.pkt-btn:hover .pkt-btn--closed{--fg-color: var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown .pkt-btn--open{display:none}.pkt-header--has-dropdown .pkt-btn--closed{display:none}@media screen and (min-width: 80rem){.pkt-header--has-dropdown .pkt-btn--closed{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn{background-color:var(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-white)}@media screen and (min-width: 80rem){.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--closed{display:none}.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown{visibility:visible}.pkt-user-menu p{margin:0}.pkt-user-menu__label{color:var(--pkt-color-grays-gray-600);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-user-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu .pkt-list{margin:0}.pkt-user-menu .pkt-list .pkt-link{color:var(--pkt-color-text-body-dark);text-decoration:none}.pkt-user-menu .pkt-list .pkt-link:hover{text-decoration:underline}.pkt-user-menu .pkt-list>li>a{grid-template-columns:1.5rem auto;gap:.5rem}.pkt-user-menu .pkt-list-horizontal{margin:0}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}
+.pkt-header{background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);color:var(--pkt-color-text-body-default);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:4.5rem;z-index:10}@media screen and (min-width: 48rem){.pkt-header{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header{height:6.5rem;padding:0 2rem}}.pkt-header--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header--hidden{transform:translate3d(0, -100%, 0)}.pkt-header__logo{flex:0 1 auto;display:flex;align-items:center;gap:1rem;margin:0;padding:.375rem 0 0}@media screen and (min-width: 80rem){.pkt-header__logo{padding:.25rem 0 0;gap:1.5rem}}.pkt-header__logo-link,.pkt-header__logo-service{display:inline-block;margin:0;padding:0}.pkt-header__logo svg{--fg-color: var(--pkt-color-text-body-default)}.pkt-header__logo-service{padding-block-start:.3rem;display:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-0.2px;font-weight:300;font-size:1.375rem;line-height:2.125rem}@media screen and (min-width: 48rem){.pkt-header__logo-service{display:inline-block}}@media screen and (min-width: 80rem){.pkt-header__logo-service{padding-block-start:.6rem;letter-spacing:-0.2px;font-weight:300;font-size:1.5rem;line-height:2.25rem}}.pkt-header__logo-svg{height:3.25rem;width:6.2903225806rem}@media screen and (min-width: 80rem){.pkt-header__logo-svg{height:4rem;width:7.7419354839rem}}.pkt-header--narrow{padding:0 1rem;height:4.5rem}.pkt-header--narrow .pkt-header__logo{gap:1rem}.pkt-header--narrow .pkt-header__logo-service{padding-block-start:.28rem;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-header--narrow .pkt-header__logo-svg{height:3rem;width:5.8064516129rem}@media screen and (min-width: 0)and (max-width: 64rem){.pkt-header__menu-btn{border:0}.pkt-header__menu-btn .pkt-btn__text{display:none}}.pkt-header__user-btn{border-color:var(--pkt-color-brand-yellow-1000)}.pkt-header__actions{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:stretch}.pkt-header__actions-row{list-style:none;padding-inline-start:0;margin:0;display:flex;align-items:center;gap:2rem}.pkt-header__actions-row>li{padding:0}.pkt-header__dropdown{z-index:2;position:absolute;margin:0;margin-block-start:.75rem;right:0;left:0;padding-inline-start:0;list-style:none;visibility:hidden;max-height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:auto;color:var(--pkt-color-text-body-dark)}@media screen and (min-width: 48rem){.pkt-header__dropdown{margin-block-start:1rem;left:auto;right:0;min-width:23rem;width:auto}}.pkt-header__dropdown>li{padding:2rem;background-color:var(--pkt-color-surface-subtle-white)}.pkt-header__dropdown>li.footer{padding-block:1rem}.pkt-header__dropdown>li:nth-child(odd){background-color:var(--pkt-color-surface-default-gray)}.pkt-header__user-fullname{display:none}@media screen and (min-width: 80rem){.pkt-header__user-fullname{display:inline}}.pkt-header__user-shortname{display:inline}@media screen and (min-width: 80rem){.pkt-header__user-shortname{display:none}}@media screen and (min-width: 48rem){.pkt-header--has-dropdown{position:relative}}.pkt-header--has-dropdown>.pkt-btn:hover .pkt-btn--closed{--fg-color: var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown .pkt-btn--open{display:none}.pkt-header--has-dropdown .pkt-btn--closed{display:none}@media screen and (min-width: 80rem){.pkt-header--has-dropdown .pkt-btn--closed{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn{background-color:var(--pkt-color-border-states-active);border-color:var(--pkt-color-border-states-active);color:var(--pkt-color-surface-subtle-white)}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{--fg-color: var(--pkt-color-surface-subtle-white)}@media screen and (min-width: 80rem){.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--open{display:inline-block}}.pkt-header--has-dropdown.pkt-header--open-dropdown>.pkt-btn .pkt-btn--closed{display:none}.pkt-header--has-dropdown.pkt-header--open-dropdown .pkt-header__dropdown{visibility:visible}.pkt-user-menu p{margin:0}.pkt-user-menu__label{color:var(--pkt-color-brand-neutrals-700);letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}.pkt-user-menu__name{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-user-menu__last-logged-in,.pkt-user-menu__org_number{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-user-menu .pkt-list{margin:0}.pkt-user-menu .pkt-list .pkt-link{color:var(--pkt-color-text-body-dark);text-decoration:none}.pkt-user-menu .pkt-list .pkt-link:hover{text-decoration:underline}.pkt-user-menu .pkt-list>li>a{grid-template-columns:1.5rem auto;gap:.5rem}.pkt-user-menu .pkt-list-horizontal{margin:0}.pkt-user-menu .pkt-list-horizontal .pkt-link{color:var(--pkt-color-text-body-dark)}

package/dist/css/components/inputwrapper.css

@@ -236,5 +236,5 @@ pkt-input-wrapper[inline] {
 }
 
 [data-mode=dark] .pkt-inputwrapper {
-  color: white;
+  color: var(--pkt-color-text-body-light, #ffffff);
 }

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

@@ -1 +1 @@
-pkt-input-wrapper{display:block}pkt-input-wrapper[inline]{display:inline-block}@supports selector(:not(:has(*))){pkt-helptext:not(:has(.pkt-inputwrapper__has-helptext)):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),.pkt-inputwrapper__helptext-container:not(.pkt-inputwrapper__has-helptext):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))){display:none}}.pkt-inputwrapper{display:block}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:center;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:.5rem}.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{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.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}.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;width:fit-content;vertical-align:middle;margin-inline-end:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper__alert-wrapper{align-self:stretch;max-width:min(100%,31rem)}.pkt-inputwrapper__alert-wrapper .pkt-alert{width:100%;margin:0}.pkt-inputwrapper:has(.pkt-input--fullwidth) .pkt-inputwrapper__alert-wrapper{max-width:none}.pkt-inputwrapper__fieldset>.pkt-alert{align-self:stretch;width:auto;max-width:min(100%,31rem)}.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}.pkt-inputwrapper--small .pkt-inputwrapper__helptext-container,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-container{gap:.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__helptext,.pkt-inputwrapper--small .pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper--small .pkt-inputwrapper__helptext-expandable .pkt-btn,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-expandable .pkt-btn{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__helptext-expandable-heading,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-expandable-heading{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--small .pkt-inputwrapper__fieldset,.pkt-inputwrapper--xsmall .pkt-inputwrapper__fieldset{gap:.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__label,.pkt-inputwrapper--small .pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--xsmall .pkt-inputwrapper__label,.pkt-inputwrapper--xsmall .pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}[data-mode=dark] .pkt-inputwrapper{color:#fff}
+pkt-input-wrapper{display:block}pkt-input-wrapper[inline]{display:inline-block}@supports selector(:not(:has(*))){pkt-helptext:not(:has(.pkt-inputwrapper__has-helptext)):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),.pkt-inputwrapper__helptext-container:not(.pkt-inputwrapper__has-helptext):not(:has([slot=helptext]:not(:empty)),:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))){display:none}}.pkt-inputwrapper{display:block}.pkt-inputwrapper__label{display:flex;flex-direction:row;align-items:center;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:.5rem}.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{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.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}.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;width:fit-content;vertical-align:middle;margin-inline-end:8px}.pkt-inputwrapper .pkt-alert{width:min(100%,31rem);margin:0 0 .5rem 0}.pkt-inputwrapper__alert-wrapper{align-self:stretch;max-width:min(100%,31rem)}.pkt-inputwrapper__alert-wrapper .pkt-alert{width:100%;margin:0}.pkt-inputwrapper:has(.pkt-input--fullwidth) .pkt-inputwrapper__alert-wrapper{max-width:none}.pkt-inputwrapper__fieldset>.pkt-alert{align-self:stretch;width:auto;max-width:min(100%,31rem)}.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}.pkt-inputwrapper--small .pkt-inputwrapper__helptext-container,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-container{gap:.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__helptext,.pkt-inputwrapper--small .pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper--small .pkt-inputwrapper__helptext-expandable .pkt-btn,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext>.pkt-btn,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-expandable .pkt-btn{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__helptext-expandable-heading,.pkt-inputwrapper--xsmall .pkt-inputwrapper__helptext-expandable-heading{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--small .pkt-inputwrapper__fieldset,.pkt-inputwrapper--xsmall .pkt-inputwrapper__fieldset{gap:.25rem}.pkt-inputwrapper--small .pkt-inputwrapper__label,.pkt-inputwrapper--small .pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--xsmall .pkt-inputwrapper__label,.pkt-inputwrapper--xsmall .pkt-inputwrapper__legend{letter-spacing:-0.2px;font-weight:500;font-size:.875rem;line-height:1.375rem}[data-mode=dark] .pkt-inputwrapper{color:var(--pkt-color-text-body-light, #ffffff)}

package/dist/css/components/listbox.css

@@ -81,7 +81,7 @@ pkt-listbox {
 }
 .pkt-listbox .pkt-listbox__option[data-disabled] {
   cursor: not-allowed;
-  color: var(--pkt-color-grays-gray-500);
+  color: var(--pkt-color-brand-neutrals-600);
 }
 .pkt-listbox .pkt-listbox__option {
   margin-block-end: 0.125rem;
@@ -97,7 +97,7 @@ pkt-listbox {
 }
 .pkt-listbox .pkt-listbox__empty {
   padding: 0.75rem;
-  color: var(--pkt-color-text-body-muted);
+  color: var(--pkt-color-text-placeholder, #666666);
   list-style: none;
 }
 .pkt-listbox .pkt-listbox__banners {

package/dist/css/components/listbox.min.css

@@ -1 +1 @@
-pkt-listbox{display:contents}.pkt-listbox{display:none;position:absolute;flex-direction:column;top:100%;left:0;width:100%;visibility:hidden;overflow:hidden;list-style:none;margin:0;overflow-y:auto;border:2px solid var(--pkt-color-border-gray);background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);max-height:18rem}.pkt-listbox.pkt-listbox__open{display:flex;visibility:visible;z-index:4}.pkt-listbox .pkt-listbox__options{padding:.25rem;margin:0;list-style:none;flex-grow:1;overflow-y:auto}@supports selector(:not(:has(*))){.pkt-listbox .pkt-listbox__options:not(:is(:has(*))){display:none}}.pkt-listbox .pkt-listbox__option{margin:0;padding:.75rem 20px;display:grid;grid-template-areas:"check label" ". description";grid-template-columns:min-content 1fr;align-items:center;column-gap:.25rem}.pkt-listbox .pkt-listbox__option-label{grid-area:label}.pkt-listbox .pkt-listbox__option pkt-icon[name=check-big],.pkt-listbox .pkt-listbox__option .pkt-icon[name=check-big]{height:1rem}.pkt-listbox .pkt-listbox__option-description{padding-block-start:.25rem;grid-area:description}.pkt-listbox .pkt-listbox__option:focus{padding:10px 1.125rem;border:2px solid var(--pkt-color-brand-warm-blue-1000);outline:.25rem solid var(--pkt-color-border-states-focus);text-decoration:none}.pkt-listbox .pkt-listbox__option--checkBox{grid-area:check;padding:.75rem .5rem .75rem .75rem;column-gap:.5rem}.pkt-listbox .pkt-listbox__option--checkBox:focus{padding-inline-start:10px}.pkt-listbox .pkt-listbox__option--selected{padding-inline-start:.25rem}.pkt-listbox .pkt-listbox__option--selected:focus{padding-inline-start:2px}.pkt-listbox .pkt-listbox__option--highlighted{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-listbox .pkt-listbox__option[data-disabled]{cursor:not-allowed;color:var(--pkt-color-grays-gray-500)}.pkt-listbox .pkt-listbox__option{margin-block-end:.125rem;overflow-wrap:break-word;hyphens:auto;cursor:pointer}.pkt-listbox .pkt-listbox__option:first-child:not(.pkt-listbox__search,.pkt-listbox__banners){margin-block-start:.125rem}.pkt-listbox .pkt-listbox__option:hover:not(.pkt-listbox__search){background-color:var(--pkt-color-surface-default-light-blue)}.pkt-listbox .pkt-listbox__empty{padding:.75rem;color:var(--pkt-color-text-body-muted);list-style:none}.pkt-listbox .pkt-listbox__banners{padding:.25rem;margin:0;flex-grow:0;flex-shrink:1}@supports selector(:not(:has(*))){.pkt-listbox .pkt-listbox__banners:not(:is(:has(*))){display:none}}.pkt-listbox .pkt-listbox__banner{line-height:1.5;display:flex;align-items:center;gap:.5rem;padding:.75rem;width:100%;box-sizing:border-box}.pkt-listbox .pkt-listbox__banner--new-option,.pkt-listbox .pkt-listbox__banner--user-message,.pkt-listbox .pkt-listbox__banner--empty{background-color:var(--pkt-color-surface-default-gray)}.pkt-listbox .pkt-listbox__banner--maximum-reached{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-listbox .pkt-listbox__banner-icon{height:1.5rem;width:1.5rem}.pkt-listbox .pkt-listbox__search{display:flex;align-items:center;padding:.375rem;width:100%;box-sizing:border-box;background-color:var(--pkt-color-surface-default-gray)}.pkt-listbox .pkt-listbox__search:focus-visible,.pkt-listbox .pkt-listbox__search:focus,.pkt-listbox .pkt-listbox__search:active{border:none;outline:none}.pkt-listbox .pkt-listbox__search:focus-within,.pkt-listbox .pkt-listbox__search:active{padding:.25rem;border:2px solid var(--pkt-color-brand-warm-blue-1000);outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-listbox .pkt-listbox__search:focus-within input,.pkt-listbox .pkt-listbox__search:active input{outline:none}.pkt-listbox .pkt-listbox__search-icon{cursor:default;display:flex;align-items:center;padding-inline-end:.25rem}.pkt-listbox .pkt-listbox__search-icon .pkt-icon{width:1.25rem;height:1.25rem}.pkt-listbox .pkt-listbox__search input{background-color:var(--pkt-color-surface-default-gray);border:none;color:var(--pkt-color-text-body-default);padding:.75rem .75rem .75rem .5rem;line-height:inherit;width:100%;box-sizing:border-box;margin:0}.pkt-listbox .pkt-listbox__search input::placeholder{color:var(--pkt-color-text-body-default)}
+pkt-listbox{display:contents}.pkt-listbox{display:none;position:absolute;flex-direction:column;top:100%;left:0;width:100%;visibility:hidden;overflow:hidden;list-style:none;margin:0;overflow-y:auto;border:2px solid var(--pkt-color-border-gray);background-color:var(--pkt-color-input-background-normal);color:var(--pkt-color-input-text-normal);max-height:18rem}.pkt-listbox.pkt-listbox__open{display:flex;visibility:visible;z-index:4}.pkt-listbox .pkt-listbox__options{padding:.25rem;margin:0;list-style:none;flex-grow:1;overflow-y:auto}@supports selector(:not(:has(*))){.pkt-listbox .pkt-listbox__options:not(:is(:has(*))){display:none}}.pkt-listbox .pkt-listbox__option{margin:0;padding:.75rem 20px;display:grid;grid-template-areas:"check label" ". description";grid-template-columns:min-content 1fr;align-items:center;column-gap:.25rem}.pkt-listbox .pkt-listbox__option-label{grid-area:label}.pkt-listbox .pkt-listbox__option pkt-icon[name=check-big],.pkt-listbox .pkt-listbox__option .pkt-icon[name=check-big]{height:1rem}.pkt-listbox .pkt-listbox__option-description{padding-block-start:.25rem;grid-area:description}.pkt-listbox .pkt-listbox__option:focus{padding:10px 1.125rem;border:2px solid var(--pkt-color-brand-warm-blue-1000);outline:.25rem solid var(--pkt-color-border-states-focus);text-decoration:none}.pkt-listbox .pkt-listbox__option--checkBox{grid-area:check;padding:.75rem .5rem .75rem .75rem;column-gap:.5rem}.pkt-listbox .pkt-listbox__option--checkBox:focus{padding-inline-start:10px}.pkt-listbox .pkt-listbox__option--selected{padding-inline-start:.25rem}.pkt-listbox .pkt-listbox__option--selected:focus{padding-inline-start:2px}.pkt-listbox .pkt-listbox__option--highlighted{background-color:var(--pkt-color-surface-default-light-blue)}.pkt-listbox .pkt-listbox__option[data-disabled]{cursor:not-allowed;color:var(--pkt-color-brand-neutrals-600)}.pkt-listbox .pkt-listbox__option{margin-block-end:.125rem;overflow-wrap:break-word;hyphens:auto;cursor:pointer}.pkt-listbox .pkt-listbox__option:first-child:not(.pkt-listbox__search,.pkt-listbox__banners){margin-block-start:.125rem}.pkt-listbox .pkt-listbox__option:hover:not(.pkt-listbox__search){background-color:var(--pkt-color-surface-default-light-blue)}.pkt-listbox .pkt-listbox__empty{padding:.75rem;color:var(--pkt-color-text-placeholder, #666666);list-style:none}.pkt-listbox .pkt-listbox__banners{padding:.25rem;margin:0;flex-grow:0;flex-shrink:1}@supports selector(:not(:has(*))){.pkt-listbox .pkt-listbox__banners:not(:is(:has(*))){display:none}}.pkt-listbox .pkt-listbox__banner{line-height:1.5;display:flex;align-items:center;gap:.5rem;padding:.75rem;width:100%;box-sizing:border-box}.pkt-listbox .pkt-listbox__banner--new-option,.pkt-listbox .pkt-listbox__banner--user-message,.pkt-listbox .pkt-listbox__banner--empty{background-color:var(--pkt-color-surface-default-gray)}.pkt-listbox .pkt-listbox__banner--maximum-reached{background-color:var(--pkt-color-brand-light-beige-1000)}.pkt-listbox .pkt-listbox__banner-icon{height:1.5rem;width:1.5rem}.pkt-listbox .pkt-listbox__search{display:flex;align-items:center;padding:.375rem;width:100%;box-sizing:border-box;background-color:var(--pkt-color-surface-default-gray)}.pkt-listbox .pkt-listbox__search:focus-visible,.pkt-listbox .pkt-listbox__search:focus,.pkt-listbox .pkt-listbox__search:active{border:none;outline:none}.pkt-listbox .pkt-listbox__search:focus-within,.pkt-listbox .pkt-listbox__search:active{padding:.25rem;border:2px solid var(--pkt-color-brand-warm-blue-1000);outline:.25rem solid var(--pkt-color-border-states-focus)}.pkt-listbox .pkt-listbox__search:focus-within input,.pkt-listbox .pkt-listbox__search:active input{outline:none}.pkt-listbox .pkt-listbox__search-icon{cursor:default;display:flex;align-items:center;padding-inline-end:.25rem}.pkt-listbox .pkt-listbox__search-icon .pkt-icon{width:1.25rem;height:1.25rem}.pkt-listbox .pkt-listbox__search input{background-color:var(--pkt-color-surface-default-gray);border:none;color:var(--pkt-color-text-body-default);padding:.75rem .75rem .75rem .5rem;line-height:inherit;width:100%;box-sizing:border-box;margin:0}.pkt-listbox .pkt-listbox__search input::placeholder{color:var(--pkt-color-text-body-default)}

package/dist/css/components/loader.css

@@ -72,7 +72,7 @@
   width: 5em;
   height: 6.5em;
   left: 0em;
-  background: repeating-linear-gradient(#ff8274, #ff8274 1em, #f9c66b 1em, #f9c66b 2em);
+  background: repeating-linear-gradient(var(--pkt-color-surface-strong-red, #ff8274), var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 2em);
   border-radius: 50% 50% 50% 50%/55% 55% 45% 45%;
   transform: translate3d(0, 0, 0);
   animation-name: eggroll;
@@ -83,15 +83,15 @@
   opacity: 0;
 }
 .pkt-loader .egg.two {
-  background: repeating-linear-gradient(#6fe9ff, #6fe9ff 1em, #ff8274 1em, #ff8274 2em);
+  background: repeating-linear-gradient(var(--pkt-color-surface-strong-blue, #6fe9ff), var(--pkt-color-surface-strong-blue, #6fe9ff) 1em, var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-red, #ff8274) 2em);
   animation-delay: 0.5s;
 }
 .pkt-loader .egg.three {
-  background: repeating-linear-gradient(#43f8b6, #43f8b6 1em, #f9c66b 1em, #f9c66b 2em);
+  background: repeating-linear-gradient(var(--pkt-color-surface-strong-green, #43f8b6), var(--pkt-color-surface-strong-green, #43f8b6) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 2em);
   animation-delay: 1s;
 }
 .pkt-loader .egg.four {
-  background: repeating-linear-gradient(#43f8b6, #43f8b6 1em, #ff8274 1em, #ff8274 2em);
+  background: repeating-linear-gradient(var(--pkt-color-surface-strong-green, #43f8b6), var(--pkt-color-surface-strong-green, #43f8b6) 1em, var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-red, #ff8274) 2em);
   animation-delay: 1.5s;
 }
 

package/dist/css/components/loader.min.css

@@ -1 +1 @@
-.pkt-loader{color:currentColor;width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader .pkt-loader__shapes svg{aspect-ratio:600/165}.pkt-loader--small>p{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}.pkt-loader .egg-loader{position:relative;display:flex;justify-content:center;align-items:center;margin-block-start:8em;font-size:.4rem;width:25em;height:5em}.pkt-loader--small .egg-loader{font-size:.2rem}.pkt-loader--large .egg-loader{font-size:.6rem}.pkt-loader .egg{position:absolute;width:5em;height:6.5em;left:0em;background:repeating-linear-gradient(#ff8274, #ff8274 1em, #f9c66b 1em, #f9c66b 2em);border-radius:50% 50% 50% 50%/55% 55% 45% 45%;transform:translate3d(0, 0, 0);animation-name:eggroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0;opacity:0}.pkt-loader .egg.two{background:repeating-linear-gradient(#6fe9ff, #6fe9ff 1em, #ff8274 1em, #ff8274 2em);animation-delay:.5s}.pkt-loader .egg.three{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #f9c66b 1em, #f9c66b 2em);animation-delay:1s}.pkt-loader .egg.four{background:repeating-linear-gradient(#43f8b6, #43f8b6 1em, #ff8274 1em, #ff8274 2em);animation-delay:1.5s}@keyframes eggroll{0%{transform:translate3d(0, 0, 0) rotate(0deg);opacity:0}12.5%{transform:translate3d(50%, 1em, 0) rotate(90deg)}25%{transform:translate3d(100%, 0, 0) rotate(180deg)}37.5%{transform:translate3d(150%, 1em, 0) rotate(270deg)}46%{transform:translate3d(200%, 0, 0) rotate(380deg)}50%{transform:translate3d(200%, 0, 0) rotate(360deg);opacity:1}54%{transform:translate3d(200%, 0, 0) rotate(340deg)}62.5%{transform:translate3d(250%, 1em, 0) rotate(450deg)}70%{transform:translate3d(300%, 0, 0) rotate(540deg)}75%{transform:translate3d(350%, 1em, 0) rotate(630deg);opacity:1}100%{transform:translate3d(400%, 0, 0) rotate(720deg);opacity:0}}
+.pkt-loader{color:currentColor;width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader .pkt-loader__shapes svg{aspect-ratio:600/165}.pkt-loader--small>p{letter-spacing:-0.2px;font-weight:300;font-size:.75rem;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}.pkt-loader .egg-loader{position:relative;display:flex;justify-content:center;align-items:center;margin-block-start:8em;font-size:.4rem;width:25em;height:5em}.pkt-loader--small .egg-loader{font-size:.2rem}.pkt-loader--large .egg-loader{font-size:.6rem}.pkt-loader .egg{position:absolute;width:5em;height:6.5em;left:0em;background:repeating-linear-gradient(var(--pkt-color-surface-strong-red, #ff8274), var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 2em);border-radius:50% 50% 50% 50%/55% 55% 45% 45%;transform:translate3d(0, 0, 0);animation-name:eggroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0;opacity:0}.pkt-loader .egg.two{background:repeating-linear-gradient(var(--pkt-color-surface-strong-blue, #6fe9ff), var(--pkt-color-surface-strong-blue, #6fe9ff) 1em, var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-red, #ff8274) 2em);animation-delay:.5s}.pkt-loader .egg.three{background:repeating-linear-gradient(var(--pkt-color-surface-strong-green, #43f8b6), var(--pkt-color-surface-strong-green, #43f8b6) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 1em, var(--pkt-color-surface-strong-yellow, #f9c66b) 2em);animation-delay:1s}.pkt-loader .egg.four{background:repeating-linear-gradient(var(--pkt-color-surface-strong-green, #43f8b6), var(--pkt-color-surface-strong-green, #43f8b6) 1em, var(--pkt-color-surface-strong-red, #ff8274) 1em, var(--pkt-color-surface-strong-red, #ff8274) 2em);animation-delay:1.5s}@keyframes eggroll{0%{transform:translate3d(0, 0, 0) rotate(0deg);opacity:0}12.5%{transform:translate3d(50%, 1em, 0) rotate(90deg)}25%{transform:translate3d(100%, 0, 0) rotate(180deg)}37.5%{transform:translate3d(150%, 1em, 0) rotate(270deg)}46%{transform:translate3d(200%, 0, 0) rotate(380deg)}50%{transform:translate3d(200%, 0, 0) rotate(360deg);opacity:1}54%{transform:translate3d(200%, 0, 0) rotate(340deg)}62.5%{transform:translate3d(250%, 1em, 0) rotate(450deg)}70%{transform:translate3d(300%, 0, 0) rotate(540deg)}75%{transform:translate3d(350%, 1em, 0) rotate(630deg);opacity:1}100%{transform:translate3d(400%, 0, 0) rotate(720deg);opacity:0}}

package/dist/css/components/modal.css

@@ -198,7 +198,7 @@
   padding-block-start: 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: linear-gradient(var(--pkt-color-background-card, #ffffff) 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;

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

@@ -1 +1 @@
-.pkt-modal{border:none;padding:0;background-color:var(--pkt-color-background-default);opacity:0;display:none;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]{display:block;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}.pkt-modal__drawer .pkt-modal__wrapper{height:100vh;height:100dvh}.pkt-modal__drawer[open]{translate:0 0}.pkt-modal__drawer--right{left:auto;right:0;margin-inline-end:0;translate:100% 0}@starting-style{.pkt-modal__drawer--right[open]{translate:100% 0}}.pkt-modal__drawer--left{left:0;right:auto;margin-inline-start: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-block-start:2rem;margin-block-start:-1px;background:var(--pkt-color-background-default);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pkt-modal .pkt-modal__header{display:grid;grid-template-columns:1fr 4rem;grid-template-rows:calc(4rem + 1px) 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;overscroll-behavior:contain;padding:2rem 2.5rem;padding-block-start: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}.pkt-modal--small{width:480px}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal--fit-content{width:fit-content}.pkt-modal__btn-wrapper{padding-block-start: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-items:center;align-items:center;gap:.5rem}.pkt-modal__btn-wrapper--buttonsFullWidthOnMobile .pkt-btn{width:100%}}.pkt-modal--noShadow{box-shadow:none;background-color:rgba(0,0,0,0)}.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-block-start: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:var(--pkt-color-background-default);opacity:0;display:none;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]{display:block;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}.pkt-modal__drawer .pkt-modal__wrapper{height:100vh;height:100dvh}.pkt-modal__drawer[open]{translate:0 0}.pkt-modal__drawer--right{left:auto;right:0;margin-inline-end:0;translate:100% 0}@starting-style{.pkt-modal__drawer--right[open]{translate:100% 0}}.pkt-modal__drawer--left{left:0;right:auto;margin-inline-start: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-block-start:2rem;margin-block-start:-1px;background:var(--pkt-color-background-default);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pkt-modal .pkt-modal__header{display:grid;grid-template-columns:1fr 4rem;grid-template-rows:calc(4rem + 1px) 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;overscroll-behavior:contain;padding:2rem 2.5rem;padding-block-start:0;position:relative;color:var(--pkt-color-text-body-default);background:linear-gradient(var(--pkt-color-background-card, #ffffff) 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}.pkt-modal--small{width:480px}.pkt-modal--medium{width:36rem}.pkt-modal--large{width:640px}.pkt-modal--fit-content{width:fit-content}.pkt-modal__btn-wrapper{padding-block-start: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-items:center;align-items:center;gap:.5rem}.pkt-modal__btn-wrapper--buttonsFullWidthOnMobile .pkt-btn{width:100%}}.pkt-modal--noShadow{box-shadow:none;background-color:rgba(0,0,0,0)}.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-block-start: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/components/progressbar.css

@@ -17,7 +17,7 @@
   text-align: center;
 }
 .pkt-progressbar__bar-wrapper {
-  background-color: var(--pkt-color-grays-gray-100);
+  background-color: var(--pkt-color-brand-neutrals-200);
   height: 8px;
   overflow: hidden;
 }

package/dist/css/components/progressbar.min.css

@@ -1 +1 @@
-.pkt-progressbar{--pkt-progress-width: 0%;--pkt-progress-label-width: 5rem}.pkt-progressbar__container{margin:0}.pkt-progressbar__title{display:block;margin:0;margin-block-end:8px;text-align:left;font-weight:500;font-size:.875rem}.pkt-progressbar__title-center{text-align:center}.pkt-progressbar__bar-wrapper{background-color:var(--pkt-color-grays-gray-100);height:8px;overflow:hidden}.pkt-progressbar__bar{background-color:var(--pkt-color-brand-dark-blue-1000);display:block;width:var(--pkt-progress-width);height:100%;transition:width .5s ease}.pkt-progressbar__bar--dark-blue{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-progressbar__bar--green{background-color:var(--pkt-color-brand-green-1000)}.pkt-progressbar__bar--light-blue{background-color:var(--pkt-color-brand-blue-1000)}.pkt-progressbar__bar--red{background-color:var(--pkt-color-brand-red-1000)}.pkt-progressbar__status{margin-block-start:8px;position:relative;white-space:nowrap;font-weight:400;font-size:.75rem}.pkt-progressbar__status--center{width:100% !important;text-align:center}.pkt-progressbar__status-placement--following{margin-inline-start:max(0%,min(100% - var(--pkt-progress-label-width),var(--pkt-progress-width) - var(--pkt-progress-label-width)/2));transition:margin-left .5s ease}
+.pkt-progressbar{--pkt-progress-width: 0%;--pkt-progress-label-width: 5rem}.pkt-progressbar__container{margin:0}.pkt-progressbar__title{display:block;margin:0;margin-block-end:8px;text-align:left;font-weight:500;font-size:.875rem}.pkt-progressbar__title-center{text-align:center}.pkt-progressbar__bar-wrapper{background-color:var(--pkt-color-brand-neutrals-200);height:8px;overflow:hidden}.pkt-progressbar__bar{background-color:var(--pkt-color-brand-dark-blue-1000);display:block;width:var(--pkt-progress-width);height:100%;transition:width .5s ease}.pkt-progressbar__bar--dark-blue{background-color:var(--pkt-color-brand-dark-blue-1000)}.pkt-progressbar__bar--green{background-color:var(--pkt-color-brand-green-1000)}.pkt-progressbar__bar--light-blue{background-color:var(--pkt-color-brand-blue-1000)}.pkt-progressbar__bar--red{background-color:var(--pkt-color-brand-red-1000)}.pkt-progressbar__status{margin-block-start:8px;position:relative;white-space:nowrap;font-weight:400;font-size:.75rem}.pkt-progressbar__status--center{width:100% !important;text-align:center}.pkt-progressbar__status-placement--following{margin-inline-start:max(0%,min(100% - var(--pkt-progress-label-width),var(--pkt-progress-width) - var(--pkt-progress-label-width)/2));transition:margin-left .5s ease}

package/dist/css/components/stepper.css

@@ -148,18 +148,18 @@
 }
 
 .pkt-step--incomplete .pkt-step__line {
-  background-color: var(--pkt-color-grays-gray-200);
+  background-color: var(--pkt-color-brand-neutrals-300);
 }
 .pkt-step--incomplete .pkt-step__title,
 .pkt-step--incomplete .pkt-step__content {
-  color: var(--pkt-color-grays-gray-600);
+  color: var(--pkt-color-brand-neutrals-700);
 }
 
 .pkt-step--current + .pkt-step--incomplete .pkt-step__line--1 {
   background-color: var(--pkt-color-brand-dark-blue-1000);
 }
 .pkt-step--current + .pkt-step--incomplete .pkt-step__line--2 {
-  background-color: var(--pkt-color-grays-gray-200);
+  background-color: var(--pkt-color-brand-neutrals-300);
 }
 
 .pkt-step:last-of-type .pkt-step__line--3,
@@ -172,11 +172,11 @@
 }
 .pkt-step--current .pkt-step__line--2,
 .pkt-step--current .pkt-step__line--3 {
-  background-color: var(--pkt-color-grays-gray-200);
+  background-color: var(--pkt-color-brand-neutrals-300);
 }
 
 .pkt-step--current + .pkt-step--incomplete .pkt-step__line--1 {
-  background-color: var(--pkt-color-grays-gray-200);
+  background-color: var(--pkt-color-brand-neutrals-300);
 }
 
 .pkt-step--hideContent:not(.pkt-step--current) .pkt-step__content {