@oslokommune/punkt-css 13.13.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.
- package/CHANGELOG.md +18 -0
- package/dist/css/components/accordion.css +16 -16
- package/dist/css/components/accordion.min.css +1 -1
- package/dist/css/pkt-components.css +16 -16
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +16 -16
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +16 -16
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_accordion.scss +14 -15
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -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
|
|