@oslokommune/punkt-css 16.17.0 → 16.17.2
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/preview.css +9 -2
- package/dist/css/components/preview.min.css +1 -1
- package/dist/css/components/searchinput.css +8 -7
- package/dist/css/components/searchinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +1 -0
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/pkt-components.css +17 -9
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +18 -9
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +1 -0
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +18 -9
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_preview.scss +11 -1
- package/dist/scss/components/_searchinput.scss +19 -14
- package/dist/scss/elements/_checkbox-radio.scss +1 -0
- package/package.json +2 -2
package/dist/css/pkt-docs.css
CHANGED
|
@@ -18586,6 +18586,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18586
18586
|
.pkt-input-check__input--tile {
|
|
18587
18587
|
border: 2px solid var(--pkt-color-border-subtle);
|
|
18588
18588
|
width: 21.875rem;
|
|
18589
|
+
max-width: 100%;
|
|
18589
18590
|
position: relative;
|
|
18590
18591
|
}
|
|
18591
18592
|
.pkt-input-check__input--tile .pkt-input-check__input-label:before {
|
|
@@ -24472,19 +24473,26 @@ pkt-messagebox {
|
|
|
24472
24473
|
right: 0.5rem;
|
|
24473
24474
|
z-index: 1;
|
|
24474
24475
|
}
|
|
24475
|
-
.pkt-preview__array-item, .pkt-preview__object-editor {
|
|
24476
|
+
.pkt-preview__prop-group, .pkt-preview__array-item, .pkt-preview__object-editor {
|
|
24476
24477
|
position: relative;
|
|
24477
24478
|
display: flex;
|
|
24478
24479
|
flex-direction: column;
|
|
24479
24480
|
gap: 1rem;
|
|
24480
24481
|
}
|
|
24482
|
+
.pkt-preview .pkt-inputwrapper__helptext code {
|
|
24483
|
+
background: var(--pkt-color-background-subtle);
|
|
24484
|
+
border: 1px solid var(--pkt-color-border-gray);
|
|
24485
|
+
border-radius: 3px;
|
|
24486
|
+
padding: 0.11em 0.33em;
|
|
24487
|
+
font-size: 0.8em;
|
|
24488
|
+
}
|
|
24481
24489
|
.pkt-preview__add-object {
|
|
24482
24490
|
text-align: right;
|
|
24483
24491
|
margin-top: 0.5rem;
|
|
24484
24492
|
}
|
|
24485
24493
|
.pkt-preview__remove-object {
|
|
24486
24494
|
position: absolute;
|
|
24487
|
-
top: -
|
|
24495
|
+
top: -1.75rem;
|
|
24488
24496
|
right: -0.25rem;
|
|
24489
24497
|
}
|
|
24490
24498
|
.pkt-preview__specs pre {
|
|
@@ -24618,28 +24626,29 @@ pkt-messagebox {
|
|
|
24618
24626
|
.pkt-searchinput__suggestion {
|
|
24619
24627
|
display: block;
|
|
24620
24628
|
padding: 1rem;
|
|
24621
|
-
text-decoration: none;
|
|
24622
24629
|
background-color: transparent;
|
|
24623
24630
|
color: var(--pkt-color-text-action-normal);
|
|
24624
24631
|
border: none;
|
|
24625
24632
|
font: inherit;
|
|
24626
24633
|
outline: inherit;
|
|
24627
24634
|
text-align: inherit;
|
|
24635
|
+
width: 100%;
|
|
24628
24636
|
}
|
|
24629
|
-
.pkt-searchinput__suggestion:
|
|
24637
|
+
.pkt-searchinput__suggestion:is(a, button) {
|
|
24638
|
+
cursor: pointer;
|
|
24639
|
+
text-decoration: none;
|
|
24640
|
+
}
|
|
24641
|
+
.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
|
|
24630
24642
|
text-decoration: none;
|
|
24631
24643
|
background-color: var(--pkt-color-background-subtle);
|
|
24632
24644
|
color: var(--pkt-color-text-action-active);
|
|
24633
24645
|
}
|
|
24634
|
-
.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title {
|
|
24646
|
+
.pkt-searchinput__suggestion:is(a, button):hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):active .pkt-searchinput__suggestion-title {
|
|
24635
24647
|
text-decoration: underline;
|
|
24636
24648
|
}
|
|
24637
|
-
.pkt-searchinput__suggestion:hover > *, .pkt-searchinput__suggestion:focus > *, .pkt-searchinput__suggestion:active > * {
|
|
24649
|
+
.pkt-searchinput__suggestion:is(a, button):hover > *, .pkt-searchinput__suggestion:is(a, button):focus > *, .pkt-searchinput__suggestion:is(a, button):active > * {
|
|
24638
24650
|
color: inherit;
|
|
24639
24651
|
}
|
|
24640
|
-
.pkt-searchinput__suggestion--has-hover {
|
|
24641
|
-
cursor: pointer;
|
|
24642
|
-
}
|
|
24643
24652
|
.pkt-searchinput__suggestion-title {
|
|
24644
24653
|
letter-spacing: -0.2px;
|
|
24645
24654
|
font-weight: 500;
|