@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.
- package/CHANGELOG.md +35 -0
- package/dist/css/components/accordion.css +16 -16
- package/dist/css/components/accordion.min.css +1 -1
- package/dist/css/components/linkcard.css +1 -1
- package/dist/css/components/linkcard.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +2 -2
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/elements/input.css +1 -1
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +1 -1
- package/dist/css/elements/select.min.css +1 -1
- package/dist/css/pkt-base.css +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +18 -18
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +21 -21
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +3 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +21 -21
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_accordion.scss +14 -15
- package/dist/scss/components/_linkcard.scss +1 -1
- package/package.json +2 -2
package/dist/css/pkt-docs.css
CHANGED
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|