@oslokommune/punkt-css 16.17.1 → 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 +17 -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/pkt-components.css +17 -9
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +17 -9
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +17 -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/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -24473,19 +24473,26 @@ pkt-messagebox {
|
|
|
24473
24473
|
right: 0.5rem;
|
|
24474
24474
|
z-index: 1;
|
|
24475
24475
|
}
|
|
24476
|
-
.pkt-preview__array-item, .pkt-preview__object-editor {
|
|
24476
|
+
.pkt-preview__prop-group, .pkt-preview__array-item, .pkt-preview__object-editor {
|
|
24477
24477
|
position: relative;
|
|
24478
24478
|
display: flex;
|
|
24479
24479
|
flex-direction: column;
|
|
24480
24480
|
gap: 1rem;
|
|
24481
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
|
+
}
|
|
24482
24489
|
.pkt-preview__add-object {
|
|
24483
24490
|
text-align: right;
|
|
24484
24491
|
margin-top: 0.5rem;
|
|
24485
24492
|
}
|
|
24486
24493
|
.pkt-preview__remove-object {
|
|
24487
24494
|
position: absolute;
|
|
24488
|
-
top: -
|
|
24495
|
+
top: -1.75rem;
|
|
24489
24496
|
right: -0.25rem;
|
|
24490
24497
|
}
|
|
24491
24498
|
.pkt-preview__specs pre {
|
|
@@ -24619,28 +24626,29 @@ pkt-messagebox {
|
|
|
24619
24626
|
.pkt-searchinput__suggestion {
|
|
24620
24627
|
display: block;
|
|
24621
24628
|
padding: 1rem;
|
|
24622
|
-
text-decoration: none;
|
|
24623
24629
|
background-color: transparent;
|
|
24624
24630
|
color: var(--pkt-color-text-action-normal);
|
|
24625
24631
|
border: none;
|
|
24626
24632
|
font: inherit;
|
|
24627
24633
|
outline: inherit;
|
|
24628
24634
|
text-align: inherit;
|
|
24635
|
+
width: 100%;
|
|
24636
|
+
}
|
|
24637
|
+
.pkt-searchinput__suggestion:is(a, button) {
|
|
24638
|
+
cursor: pointer;
|
|
24639
|
+
text-decoration: none;
|
|
24629
24640
|
}
|
|
24630
|
-
.pkt-searchinput__suggestion:hover, .pkt-searchinput__suggestion:focus, .pkt-searchinput__suggestion:active {
|
|
24641
|
+
.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
|
|
24631
24642
|
text-decoration: none;
|
|
24632
24643
|
background-color: var(--pkt-color-background-subtle);
|
|
24633
24644
|
color: var(--pkt-color-text-action-active);
|
|
24634
24645
|
}
|
|
24635
|
-
.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 {
|
|
24636
24647
|
text-decoration: underline;
|
|
24637
24648
|
}
|
|
24638
|
-
.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 > * {
|
|
24639
24650
|
color: inherit;
|
|
24640
24651
|
}
|
|
24641
|
-
.pkt-searchinput__suggestion--has-hover {
|
|
24642
|
-
cursor: pointer;
|
|
24643
|
-
}
|
|
24644
24652
|
.pkt-searchinput__suggestion-title {
|
|
24645
24653
|
letter-spacing: -0.2px;
|
|
24646
24654
|
font-weight: 500;
|