@oslokommune/punkt-css 16.15.3 → 16.16.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.
- package/CHANGELOG.md +18 -0
- package/dist/css/components/skiplink.css +26 -0
- package/dist/css/components/skiplink.min.css +1 -0
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +3 -3
- 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 +28 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +32 -5
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +4 -4
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +32 -5
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_skiplink.scss +26 -0
- package/package.json +2 -2
package/dist/css/pkt-docs.css
CHANGED
|
@@ -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.
|
|
14413
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.16/icons/new-window-small.svg);
|
|
14414
14414
|
background-image: var(--svg);
|
|
14415
14415
|
background-repeat: no-repeat;
|
|
14416
14416
|
background-size: 18px 18px;
|
|
@@ -18457,7 +18457,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18457
18457
|
box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-input-border-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
|
|
18458
18458
|
}
|
|
18459
18459
|
.pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
|
|
18460
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
18460
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.16/icons/minus-sign.svg);
|
|
18461
18461
|
position: relative;
|
|
18462
18462
|
background-color: var(--pkt-color-input-border-normal);
|
|
18463
18463
|
}
|
|
@@ -18483,7 +18483,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18483
18483
|
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
|
|
18484
18484
|
}
|
|
18485
18485
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
18486
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
18486
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.16/icons/check-medium.svg);
|
|
18487
18487
|
position: relative;
|
|
18488
18488
|
background-color: var(--pkt-color-input-border-normal);
|
|
18489
18489
|
}
|
|
@@ -18541,7 +18541,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18541
18541
|
cursor: not-allowed;
|
|
18542
18542
|
}
|
|
18543
18543
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
18544
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
18544
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.16/icons/check-medium.svg);
|
|
18545
18545
|
--pkt-color-input-check-border: var(--pkt-color-input-border-normal);
|
|
18546
18546
|
filter: grayscale(100%) brightness(400%);
|
|
18547
18547
|
}
|
|
@@ -18759,7 +18759,7 @@ pkt-select {
|
|
|
18759
18759
|
}
|
|
18760
18760
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
|
|
18761
18761
|
.pkt-select:is(select):not([multiple]) {
|
|
18762
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
18762
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.16/icons/chevron-thin-down.svg);
|
|
18763
18763
|
background-image: var(--svg);
|
|
18764
18764
|
background-repeat: no-repeat;
|
|
18765
18765
|
background-position: right 0.7rem top 50%;
|
|
@@ -24472,6 +24472,33 @@ pkt-messagebox {
|
|
|
24472
24472
|
hyphens: auto;
|
|
24473
24473
|
}
|
|
24474
24474
|
|
|
24475
|
+
.pkt-skiplink {
|
|
24476
|
+
display: block;
|
|
24477
|
+
position: absolute;
|
|
24478
|
+
left: -9999px;
|
|
24479
|
+
top: auto;
|
|
24480
|
+
width: 1px;
|
|
24481
|
+
height: 1px;
|
|
24482
|
+
overflow: hidden;
|
|
24483
|
+
background-color: var(--pkt-color-background-default);
|
|
24484
|
+
padding: 0.5rem 1rem;
|
|
24485
|
+
z-index: 1000;
|
|
24486
|
+
clip: rect(0, 0, 0, 0);
|
|
24487
|
+
letter-spacing: -0.2px;
|
|
24488
|
+
font-weight: 300;
|
|
24489
|
+
font-size: 1.125rem;
|
|
24490
|
+
line-height: 1.75rem;
|
|
24491
|
+
}
|
|
24492
|
+
.pkt-skiplink:focus, .pkt-skiplink:focus-visible {
|
|
24493
|
+
position: fixed;
|
|
24494
|
+
left: 1rem;
|
|
24495
|
+
top: 1rem;
|
|
24496
|
+
width: auto;
|
|
24497
|
+
height: auto;
|
|
24498
|
+
overflow: visible;
|
|
24499
|
+
clip: auto;
|
|
24500
|
+
}
|
|
24501
|
+
|
|
24475
24502
|
/*
|
|
24476
24503
|
* Stepper component
|
|
24477
24504
|
*/
|