@oslokommune/punkt-css 13.11.0 → 13.13.1

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.
@@ -14218,7 +14218,7 @@ a:active, a.pkt-link--active,
14218
14218
  .pkt-link--external::after {
14219
14219
  display: inline-block;
14220
14220
  content: " ";
14221
- --svg: url(https://punkt-cdn.oslo.kommune.no/13.11/icons/new-window-small.svg);
14221
+ --svg: url(https://punkt-cdn.oslo.kommune.no/13.13/icons/new-window-small.svg);
14222
14222
  background-image: var(--svg);
14223
14223
  background-repeat: no-repeat;
14224
14224
  background-size: 18px 18px;
@@ -18254,7 +18254,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18254
18254
  outline-color: var(--pkt-color-input-border-hover);
18255
18255
  }
18256
18256
  .pkt-input-check__input-checkbox:checked[type=checkbox] {
18257
- --svg: url(https://punkt-cdn.oslo.kommune.no/13.11/icons/check-medium.svg);
18257
+ --svg: url(https://punkt-cdn.oslo.kommune.no/13.13/icons/check-medium.svg);
18258
18258
  position: relative;
18259
18259
  background-color: var(--pkt-color-input-border-normal);
18260
18260
  }
@@ -18312,7 +18312,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
18312
18312
  cursor: not-allowed;
18313
18313
  }
18314
18314
  .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
18315
- --svg: url(https://punkt-cdn.oslo.kommune.no/13.11/icons/check-medium.svg);
18315
+ --svg: url(https://punkt-cdn.oslo.kommune.no/13.13/icons/check-medium.svg);
18316
18316
  --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
18317
18317
  filter: grayscale(100%) brightness(400%);
18318
18318
  }
@@ -18567,7 +18567,7 @@ pkt-select {
18567
18567
  }
18568
18568
  .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
18569
18569
  .pkt-select:is(select):not([multiple]) {
18570
- --svg: url(https://punkt-cdn.oslo.kommune.no/13.11/icons/chevron-thin-down.svg);
18570
+ --svg: url(https://punkt-cdn.oslo.kommune.no/13.13/icons/chevron-thin-down.svg);
18571
18571
  background-image: var(--svg);
18572
18572
  background-repeat: no-repeat;
18573
18573
  background-position: right 0.7rem top 50%;
@@ -19268,8 +19268,8 @@ pkt-accordion[skin=borderless] .pkt-accordion-item {
19268
19268
  border: none;
19269
19269
  background-color: var(--pkt-color-background-default);
19270
19270
  }
19271
- .pkt-accordion--borderless .pkt-accordion-item[open] .pkt-accordion-item__title,
19272
- pkt-accordion[skin=borderless] .pkt-accordion-item[open] .pkt-accordion-item__title {
19271
+ .pkt-accordion--borderless .pkt-accordion-item[open] > .pkt-accordion-item__title,
19272
+ pkt-accordion[skin=borderless] .pkt-accordion-item[open] > .pkt-accordion-item__title {
19273
19273
  box-shadow: inset 0 0 0 0.25rem var(--pkt-color-border-states-active);
19274
19274
  }
19275
19275
 
@@ -19313,10 +19313,10 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item,
19313
19313
  pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless {
19314
19314
  border: none;
19315
19315
  }
19316
- .pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open .pkt-accordion-item__title,
19317
- .pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless--open .pkt-accordion-item__title,
19318
- pkt-accordion[compact][skin=borderless] .pkt-accordion-item--open .pkt-accordion-item__title,
19319
- pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless--open .pkt-accordion-item__title {
19316
+ .pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--open > .pkt-accordion-item__title,
19317
+ .pkt-accordion--compact.pkt-accordion--borderless .pkt-accordion-item--compact.pkt-accordion-item--borderless--open > .pkt-accordion-item__title,
19318
+ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--open > .pkt-accordion-item__title,
19319
+ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordion-item--borderless--open > .pkt-accordion-item__title {
19320
19320
  box-shadow: inset 0 0 0 0.125rem var(--pkt-color-border-states-active);
19321
19321
  }
19322
19322
 
@@ -19371,6 +19371,9 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
19371
19371
  justify-content: space-between;
19372
19372
  padding: 1.5rem;
19373
19373
  }
19374
+ .pkt-accordion-item__title .pkt-accordion-item__icon {
19375
+ transition: transform 0.2s;
19376
+ }
19374
19377
  .pkt-accordion-item__title:hover {
19375
19378
  text-decoration: underline;
19376
19379
  }
@@ -19380,9 +19383,6 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
19380
19383
  .pkt-accordion-item__title:focus-visible {
19381
19384
  outline: 0.25rem solid var(--pkt-color-border-states-focus);
19382
19385
  }
19383
- .pkt-accordion-item__icon {
19384
- transition: transform 0.2s;
19385
- }
19386
19386
  .pkt-accordion-item__content {
19387
19387
  letter-spacing: -0.2px;
19388
19388
  font-weight: 300;
@@ -19395,8 +19395,8 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
19395
19395
  .pkt-accordion-item pkt-accordion-item[skin=borderless] {
19396
19396
  border: none;
19397
19397
  }
19398
- .pkt-accordion-item--borderless[open] .pkt-accordion-item__title,
19399
- .pkt-accordion-item pkt-accordion-item[skin=borderless][open] .pkt-accordion-item__title {
19398
+ .pkt-accordion-item--borderless[open] > .pkt-accordion-item__title,
19399
+ .pkt-accordion-item pkt-accordion-item[skin=borderless][open] > .pkt-accordion-item__title {
19400
19400
  box-shadow: inset 0 0 0 0.25rem var(--pkt-color-border-states-active);
19401
19401
  }
19402
19402
  .pkt-accordion-item--outlined,
@@ -19412,14 +19412,14 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
19412
19412
  background-color: var(--pkt-color-surface-default-light-blue);
19413
19413
  }
19414
19414
 
19415
- .pkt-accordion-item--compact .pkt-accordion-item__title {
19415
+ .pkt-accordion-item--compact > .pkt-accordion-item__title {
19416
19416
  letter-spacing: -0.2px;
19417
19417
  font-weight: 500;
19418
19418
  font-size: 1rem;
19419
19419
  line-height: 1.5rem;
19420
19420
  padding: 1rem;
19421
19421
  }
19422
- .pkt-accordion-item--compact .pkt-accordion-item__content {
19422
+ .pkt-accordion-item--compact > .pkt-accordion-item__content {
19423
19423
  letter-spacing: -0.2px;
19424
19424
  font-weight: 300;
19425
19425
  font-size: 1rem;
@@ -19437,13 +19437,13 @@ pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-i
19437
19437
  }
19438
19438
  }
19439
19439
  }
19440
- .pkt-accordion-item[open] .pkt-accordion-item__title {
19440
+ .pkt-accordion-item[open] > .pkt-accordion-item__title {
19441
19441
  border-bottom: none;
19442
19442
  }
19443
- .pkt-accordion-item[open] .pkt-accordion-item__title:hover .pkt-accordion-item__icon {
19443
+ .pkt-accordion-item[open] > .pkt-accordion-item__title:hover > .pkt-accordion-item__icon {
19444
19444
  transform: rotate(180deg) translateY(0.25rem);
19445
19445
  }
19446
- .pkt-accordion-item[open] .pkt-accordion-item__icon {
19446
+ .pkt-accordion-item[open] > .pkt-accordion-item__title > .pkt-accordion-item__icon {
19447
19447
  transform: rotate(180deg) translateY(0);
19448
19448
  }
19449
19449
 
@@ -21182,7 +21182,7 @@ pkt-input-wrapper {
21182
21182
  /*
21183
21183
  * Linkcard component
21184
21184
  */
21185
- pkt-linkcard {
21185
+ pkt-linkcard, .pkt-linkcard {
21186
21186
  display: block;
21187
21187
  }
21188
21188