@oslokommune/punkt-css 12.42.1 → 12.42.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/css/components/calendar.css +5 -0
  3. package/dist/css/components/calendar.min.css +1 -1
  4. package/dist/css/components/inputwrapper.css +7 -6
  5. package/dist/css/components/inputwrapper.min.css +1 -1
  6. package/dist/css/components/modal.css +3 -3
  7. package/dist/css/components/modal.min.css +1 -1
  8. package/dist/css/pkt-components.css +15 -9
  9. package/dist/css/pkt-components.min.css +1 -1
  10. package/dist/css/pkt-docs.css +15 -9
  11. package/dist/css/pkt-docs.min.css +1 -1
  12. package/dist/css/pkt.css +15 -9
  13. package/dist/css/pkt.min.css +1 -1
  14. package/dist/scss/components/_calendar.scss +5 -0
  15. package/dist/scss/components/_inputwrapper.scss +9 -7
  16. package/dist/scss/components/_modal.scss +3 -3
  17. package/package.json +2 -2
package/dist/css/pkt.css CHANGED
@@ -19864,6 +19864,11 @@ pkt-datepicker .pkt-datepicker__tags .pkt-tag {
19864
19864
  padding-left: 0.25rem;
19865
19865
  padding-right: 0.25rem;
19866
19866
  }
19867
+ .pkt-datepicker__inputs button.pkt-input-icon:hover {
19868
+ background-color: inherit !important;
19869
+ border-color: inherit !important;
19870
+ --fg-color: var(--pkt-color-button-text-hover);
19871
+ }
19867
19872
  .pkt-datepicker__inputs .pkt-datepicker__input {
19868
19873
  padding-right: 0;
19869
19874
  background-image: none;
@@ -20753,13 +20758,14 @@ pkt-input-wrapper {
20753
20758
  display: block;
20754
20759
  }
20755
20760
 
20756
- pkt-helptext:not(:is(:has([slot=helptext]:not(:empty))),
20757
- :is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))),
20758
- .pkt-inputwrapper__helptext-container:not(:is(:has([slot=helptext]:not(:empty))),
20759
- :is(:has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty)))) {
20760
- display: none;
20761
+ @supports selector(:not(:has(*))) {
20762
+ pkt-helptext:not(:has([slot=helptext]:not(:empty)),
20763
+ :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))),
20764
+ .pkt-inputwrapper__helptext-container:not(:has([slot=helptext]:not(:empty)),
20765
+ :has(.pkt-inputwrapper__helptext-expandable .pkt-inputwrapper__helptext:not(:empty))) {
20766
+ display: none;
20767
+ }
20761
20768
  }
20762
-
20763
20769
  .pkt-inputwrapper__label {
20764
20770
  display: flex;
20765
20771
  flex-direction: row;
@@ -21600,17 +21606,17 @@ body.pkt-modal--open {
21600
21606
  font-size: 1rem;
21601
21607
  }
21602
21608
  .pkt-modal--large {
21603
- width: 100vh;
21609
+ width: 100vw;
21604
21610
  }
21605
21611
  }
21606
21612
  @media screen and (max-width: 480px) {
21607
21613
  .pkt-modal--small {
21608
- width: 100vh;
21614
+ width: 100vw;
21609
21615
  }
21610
21616
  }
21611
21617
  @media screen and (max-width: 36rem) {
21612
21618
  .pkt-modal--medium {
21613
- width: 100vh;
21619
+ width: 100vw;
21614
21620
  }
21615
21621
  }
21616
21622
  @media screen and (max-width: 480px) {