@oslokommune/punkt-css 12.35.0 → 12.37.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.
@@ -14209,7 +14209,7 @@ a:active, a.pkt-link--active,
14209
14209
  .pkt-link--external::after {
14210
14210
  display: inline-block;
14211
14211
  content: " ";
14212
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.35/icons/new-window-small.svg);
14212
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/new-window-small.svg);
14213
14213
  background-image: var(--svg);
14214
14214
  background-repeat: no-repeat;
14215
14215
  background-size: 18px 18px;
@@ -18213,7 +18213,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18213
18213
  outline-color: var(--pkt-color-input-border-hover);
18214
18214
  }
18215
18215
  .pkt-input-check__input-checkbox:checked[type=checkbox] {
18216
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.35/icons/check-medium.svg);
18216
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/check-medium.svg);
18217
18217
  position: relative;
18218
18218
  background-color: var(--pkt-color-input-border-normal);
18219
18219
  }
@@ -18271,7 +18271,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18271
18271
  cursor: not-allowed;
18272
18272
  }
18273
18273
  .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
18274
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.35/icons/check-medium.svg);
18274
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/check-medium.svg);
18275
18275
  --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
18276
18276
  filter: grayscale(100%) brightness(400%);
18277
18277
  }
@@ -18523,7 +18523,7 @@ pkt-select {
18523
18523
  }
18524
18524
  .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
18525
18525
  .pkt-select:is(select):not([multiple]) {
18526
- --svg: url(https://punkt-cdn.oslo.kommune.no/12.35/icons/chevron-thin-down.svg);
18526
+ --svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/chevron-thin-down.svg);
18527
18527
  background-image: var(--svg);
18528
18528
  background-repeat: no-repeat;
18529
18529
  background-position: right 0.7rem top 50%;
@@ -19239,9 +19239,9 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordi
19239
19239
  .pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
19240
19240
  pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__title,
19241
19241
  pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
19242
- font-size: 1rem;
19243
- font-weight: 500;
19244
19242
  letter-spacing: -0.2px;
19243
+ font-weight: 500;
19244
+ font-size: 1rem;
19245
19245
  line-height: 1.5rem;
19246
19246
  padding: 1rem;
19247
19247
  }
@@ -19249,10 +19249,10 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
19249
19249
  .pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
19250
19250
  pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__content,
19251
19251
  pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
19252
- font-size: 1rem;
19253
- font-weight: 300;
19254
19252
  letter-spacing: -0.2px;
19255
- line-height: 1.5rem;
19253
+ font-weight: 300;
19254
+ font-size: 0.875rem;
19255
+ line-height: 1.375rem;
19256
19256
  }
19257
19257
 
19258
19258
  .pkt-accordion-item {
@@ -19266,9 +19266,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
19266
19266
  display: none;
19267
19267
  }
19268
19268
  .pkt-accordion-item__title {
19269
- font-size: 1.5rem;
19270
- font-weight: 500;
19271
19269
  letter-spacing: -0.2px;
19270
+ font-weight: 500;
19271
+ font-size: 1.5rem;
19272
19272
  line-height: 2.25rem;
19273
19273
  align-items: center;
19274
19274
  cursor: pointer;
@@ -19289,9 +19289,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
19289
19289
  transition: transform 0.2s;
19290
19290
  }
19291
19291
  .pkt-accordion-item__content {
19292
- font-size: 1.125rem;
19293
- font-weight: 300;
19294
19292
  letter-spacing: -0.2px;
19293
+ font-weight: 300;
19294
+ font-size: 1.125rem;
19295
19295
  line-height: 1.75rem;
19296
19296
  padding: 1.5rem;
19297
19297
  border-top: none;
@@ -19319,17 +19319,17 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
19319
19319
  }
19320
19320
 
19321
19321
  .pkt-accordion-item--compact .pkt-accordion-item__title {
19322
- font-size: 1rem;
19323
- font-weight: 500;
19324
19322
  letter-spacing: -0.2px;
19323
+ font-weight: 500;
19324
+ font-size: 1rem;
19325
19325
  line-height: 1.5rem;
19326
19326
  padding: 1rem;
19327
19327
  }
19328
19328
  .pkt-accordion-item--compact .pkt-accordion-item__content {
19329
- font-size: 1rem;
19330
- font-weight: 300;
19331
19329
  letter-spacing: -0.2px;
19332
- line-height: 1.5rem;
19330
+ font-weight: 300;
19331
+ font-size: 0.875rem;
19332
+ line-height: 1.375rem;
19333
19333
  }
19334
19334
 
19335
19335
  .pkt-accordion-item[open] .pkt-accordion-item__title {
@@ -19541,6 +19541,25 @@ pkt-alert {
19541
19541
  transform: translateY(-0.1em);
19542
19542
  }
19543
19543
 
19544
+ .pkt-bodytext--large {
19545
+ letter-spacing: -0.2px;
19546
+ font-weight: 300;
19547
+ font-size: 1.5rem;
19548
+ line-height: 2.25rem;
19549
+ }
19550
+ .pkt-bodytext--medium {
19551
+ letter-spacing: -0.2px;
19552
+ font-weight: 300;
19553
+ font-size: 1.125rem;
19554
+ line-height: 1.75rem;
19555
+ }
19556
+ .pkt-bodytext--small {
19557
+ letter-spacing: -0.2px;
19558
+ font-weight: 300;
19559
+ font-size: 1rem;
19560
+ line-height: 1.5rem;
19561
+ }
19562
+
19544
19563
  /*
19545
19564
  * Breadcrumbs component
19546
19565
  */
@@ -21199,8 +21218,8 @@ pkt-listbox {
21199
21218
  border: none;
21200
21219
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
21201
21220
  padding: 0;
21202
- min-height: 30vh;
21203
21221
  max-height: 90vh;
21222
+ display: block;
21204
21223
  }
21205
21224
  .pkt-modal[open]::backdrop, .pkt-modal[open] + .backdrop {
21206
21225
  background-color: rgba(0, 0, 0, 0.55);