@oslokommune/punkt-css 16.11.0 → 16.12.0

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.
@@ -14410,7 +14410,7 @@ a:active, a.pkt-link--active,
14410
14410
  .pkt-link--external::after {
14411
14411
  display: inline-block;
14412
14412
  content: " ";
14413
- --svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/new-window-small.svg);
14413
+ --svg: url(https://punkt-cdn.oslo.kommune.no/16.12/icons/new-window-small.svg);
14414
14414
  background-image: var(--svg);
14415
14415
  background-repeat: no-repeat;
14416
14416
  background-size: 18px 18px;
@@ -14419,7 +14419,7 @@ a:active, a.pkt-link--active,
14419
14419
  vertical-align: middle;
14420
14420
  align-self: center;
14421
14421
  }
14422
- .pkt-link--external:hover::after, .pkt-link:hover pkt-icon {
14422
+ .pkt-link--external:hover::after, .pkt-link:hover:not(.pkt-btn) pkt-icon {
14423
14423
  filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
14424
14424
  }
14425
14425
 
@@ -18139,8 +18139,10 @@ pkt-button[isLoading] {
18139
18139
  display: flex;
18140
18140
  }
18141
18141
  .pkt-btn__icon {
18142
- --fg-color: currentColor;
18143
18142
  display: none;
18143
+ }
18144
+ .pkt-btn__icon, .pkt-btn .pkt-icon {
18145
+ --fg-color: currentColor;
18144
18146
  flex-shrink: 0;
18145
18147
  }
18146
18148
  .pkt-btn:link, .pkt-btn:visited {
@@ -18452,7 +18454,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18452
18454
  outline-color: var(--pkt-color-input-border-hover);
18453
18455
  }
18454
18456
  .pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
18455
- --svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/minus-sign.svg);
18457
+ --svg: url(https://punkt-cdn.oslo.kommune.no/16.12/icons/minus-sign.svg);
18456
18458
  position: relative;
18457
18459
  background-color: var(--pkt-color-input-border-normal);
18458
18460
  }
@@ -18478,7 +18480,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18478
18480
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
18479
18481
  }
18480
18482
  .pkt-input-check__input-checkbox:checked[type=checkbox] {
18481
- --svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/check-medium.svg);
18483
+ --svg: url(https://punkt-cdn.oslo.kommune.no/16.12/icons/check-medium.svg);
18482
18484
  position: relative;
18483
18485
  background-color: var(--pkt-color-input-border-normal);
18484
18486
  }
@@ -18536,7 +18538,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18536
18538
  cursor: not-allowed;
18537
18539
  }
18538
18540
  .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
18539
- --svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/check-medium.svg);
18541
+ --svg: url(https://punkt-cdn.oslo.kommune.no/16.12/icons/check-medium.svg);
18540
18542
  --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
18541
18543
  filter: grayscale(100%) brightness(400%);
18542
18544
  }
@@ -18754,7 +18756,7 @@ pkt-select {
18754
18756
  }
18755
18757
  .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
18756
18758
  .pkt-select:is(select):not([multiple]) {
18757
- --svg: url(https://punkt-cdn.oslo.kommune.no/16.11/icons/chevron-thin-down.svg);
18759
+ --svg: url(https://punkt-cdn.oslo.kommune.no/16.12/icons/chevron-thin-down.svg);
18758
18760
  background-image: var(--svg);
18759
18761
  background-repeat: no-repeat;
18760
18762
  background-position: right 0.7rem top 50%;
@@ -24595,7 +24597,7 @@ pkt-tab-item {
24595
24597
  align-self: center;
24596
24598
  pointer-events: none;
24597
24599
  user-select: none;
24598
- margin: 0 0.375rem;
24600
+ margin: 0 0.375rem 0.25rem;
24599
24601
  }
24600
24602
  .pkt-tabs--with-separator .pkt-tabs__separator img {
24601
24603
  width: 1rem;