@oslokommune/punkt-css 16.17.1 → 16.18.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 +34 -0
- package/dist/css/components/listbox.css +2 -1
- package/dist/css/components/listbox.min.css +1 -1
- 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/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/components/timepicker.css +6 -2
- package/dist/css/components/timepicker.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 +2 -2
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +26 -13
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +31 -18
- 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 +31 -18
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/base/_typography.scss +2 -1
- package/dist/scss/components/_listbox.scss +2 -1
- package/dist/scss/components/_preview.scss +11 -1
- package/dist/scss/components/_searchinput.scss +19 -14
- package/dist/scss/components/_timepicker.scss +4 -2
- package/package.json +2 -2
|
@@ -4204,7 +4204,8 @@ pkt-listbox {
|
|
|
4204
4204
|
.pkt-listbox .pkt-listbox__option-label {
|
|
4205
4205
|
grid-area: label;
|
|
4206
4206
|
}
|
|
4207
|
-
.pkt-listbox .pkt-listbox__option pkt-icon[name=check-big]
|
|
4207
|
+
.pkt-listbox .pkt-listbox__option pkt-icon[name=check-big],
|
|
4208
|
+
.pkt-listbox .pkt-listbox__option .pkt-icon[name=check-big] {
|
|
4208
4209
|
height: 1rem;
|
|
4209
4210
|
}
|
|
4210
4211
|
.pkt-listbox .pkt-listbox__option-description {
|
|
@@ -5014,19 +5015,26 @@ pkt-messagebox {
|
|
|
5014
5015
|
right: 0.5rem;
|
|
5015
5016
|
z-index: 1;
|
|
5016
5017
|
}
|
|
5017
|
-
.pkt-preview__array-item, .pkt-preview__object-editor {
|
|
5018
|
+
.pkt-preview__prop-group, .pkt-preview__array-item, .pkt-preview__object-editor {
|
|
5018
5019
|
position: relative;
|
|
5019
5020
|
display: flex;
|
|
5020
5021
|
flex-direction: column;
|
|
5021
5022
|
gap: 1rem;
|
|
5022
5023
|
}
|
|
5024
|
+
.pkt-preview .pkt-inputwrapper__helptext code {
|
|
5025
|
+
background: var(--pkt-color-background-subtle);
|
|
5026
|
+
border: 1px solid var(--pkt-color-border-gray);
|
|
5027
|
+
border-radius: 3px;
|
|
5028
|
+
padding: 0.11em 0.33em;
|
|
5029
|
+
font-size: 0.8em;
|
|
5030
|
+
}
|
|
5023
5031
|
.pkt-preview__add-object {
|
|
5024
5032
|
text-align: right;
|
|
5025
5033
|
margin-top: 0.5rem;
|
|
5026
5034
|
}
|
|
5027
5035
|
.pkt-preview__remove-object {
|
|
5028
5036
|
position: absolute;
|
|
5029
|
-
top: -
|
|
5037
|
+
top: -1.75rem;
|
|
5030
5038
|
right: -0.25rem;
|
|
5031
5039
|
}
|
|
5032
5040
|
.pkt-preview__specs pre {
|
|
@@ -5160,28 +5168,29 @@ pkt-messagebox {
|
|
|
5160
5168
|
.pkt-searchinput__suggestion {
|
|
5161
5169
|
display: block;
|
|
5162
5170
|
padding: 1rem;
|
|
5163
|
-
text-decoration: none;
|
|
5164
5171
|
background-color: transparent;
|
|
5165
5172
|
color: var(--pkt-color-text-action-normal);
|
|
5166
5173
|
border: none;
|
|
5167
5174
|
font: inherit;
|
|
5168
5175
|
outline: inherit;
|
|
5169
5176
|
text-align: inherit;
|
|
5177
|
+
width: 100%;
|
|
5178
|
+
}
|
|
5179
|
+
.pkt-searchinput__suggestion:is(a, button) {
|
|
5180
|
+
cursor: pointer;
|
|
5181
|
+
text-decoration: none;
|
|
5170
5182
|
}
|
|
5171
|
-
.pkt-searchinput__suggestion:hover, .pkt-searchinput__suggestion:focus, .pkt-searchinput__suggestion:active {
|
|
5183
|
+
.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
|
|
5172
5184
|
text-decoration: none;
|
|
5173
5185
|
background-color: var(--pkt-color-background-subtle);
|
|
5174
5186
|
color: var(--pkt-color-text-action-active);
|
|
5175
5187
|
}
|
|
5176
|
-
.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title {
|
|
5188
|
+
.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 {
|
|
5177
5189
|
text-decoration: underline;
|
|
5178
5190
|
}
|
|
5179
|
-
.pkt-searchinput__suggestion:hover > *, .pkt-searchinput__suggestion:focus > *, .pkt-searchinput__suggestion:active > * {
|
|
5191
|
+
.pkt-searchinput__suggestion:is(a, button):hover > *, .pkt-searchinput__suggestion:is(a, button):focus > *, .pkt-searchinput__suggestion:is(a, button):active > * {
|
|
5180
5192
|
color: inherit;
|
|
5181
5193
|
}
|
|
5182
|
-
.pkt-searchinput__suggestion--has-hover {
|
|
5183
|
-
cursor: pointer;
|
|
5184
|
-
}
|
|
5185
5194
|
.pkt-searchinput__suggestion-title {
|
|
5186
5195
|
letter-spacing: -0.2px;
|
|
5187
5196
|
font-weight: 500;
|
|
@@ -5939,7 +5948,7 @@ pkt-select {
|
|
|
5939
5948
|
padding-right: 3rem;
|
|
5940
5949
|
}
|
|
5941
5950
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
5942
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
5951
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.18/icons/chevron-thin-down.svg);
|
|
5943
5952
|
background-image: var(--svg);
|
|
5944
5953
|
background-repeat: no-repeat;
|
|
5945
5954
|
background-position: right 0.7rem top 50%;
|
|
@@ -6189,7 +6198,9 @@ pkt-timepicker .pkt-input__container button.pkt-timepicker__button {
|
|
|
6189
6198
|
padding: 0 0.75rem;
|
|
6190
6199
|
}
|
|
6191
6200
|
.pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon,
|
|
6192
|
-
pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon
|
|
6201
|
+
.pkt-timepicker .pkt-input__container button.pkt-timepicker__button .pkt-icon,
|
|
6202
|
+
pkt-timepicker .pkt-input__container button.pkt-timepicker__button pkt-icon,
|
|
6203
|
+
pkt-timepicker .pkt-input__container button.pkt-timepicker__button .pkt-icon {
|
|
6193
6204
|
width: 1.5rem;
|
|
6194
6205
|
height: 1.5rem;
|
|
6195
6206
|
}
|
|
@@ -6304,7 +6315,9 @@ pkt-timepicker__icon {
|
|
|
6304
6315
|
pointer-events: none;
|
|
6305
6316
|
}
|
|
6306
6317
|
.pkt-timepicker__icon pkt-icon,
|
|
6307
|
-
pkt-timepicker__icon pkt-icon
|
|
6318
|
+
.pkt-timepicker__icon .pkt-icon,
|
|
6319
|
+
pkt-timepicker__icon pkt-icon,
|
|
6320
|
+
pkt-timepicker__icon .pkt-icon {
|
|
6308
6321
|
width: 1.5rem;
|
|
6309
6322
|
height: 1.5rem;
|
|
6310
6323
|
}
|