@oslokommune/punkt-css 13.5.0 → 13.5.11
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/combobox.css +17 -7
- package/dist/css/components/combobox.min.css +1 -1
- package/dist/css/pkt-components.css +17 -7
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +17 -7
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +17 -7
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_combobox.scss +19 -7
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -20187,7 +20187,7 @@ pkt-combobox[fullwidth] {
|
|
|
20187
20187
|
}
|
|
20188
20188
|
.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn {
|
|
20189
20189
|
position: absolute;
|
|
20190
|
-
right: 0;
|
|
20190
|
+
right: 0.25rem;
|
|
20191
20191
|
height: 100%;
|
|
20192
20192
|
min-width: 1.125rem;
|
|
20193
20193
|
min-height: 1.125rem;
|
|
@@ -20197,8 +20197,8 @@ pkt-combobox[fullwidth] {
|
|
|
20197
20197
|
}
|
|
20198
20198
|
.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn svg {
|
|
20199
20199
|
transition: transform 0.1s ease-in-out;
|
|
20200
|
-
width: 1.
|
|
20201
|
-
height: 1.
|
|
20200
|
+
width: 1.5rem;
|
|
20201
|
+
height: 1.5rem;
|
|
20202
20202
|
}
|
|
20203
20203
|
.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn-icon {
|
|
20204
20204
|
transform: rotate(0deg);
|
|
@@ -20215,14 +20215,17 @@ pkt-combobox[fullwidth] {
|
|
|
20215
20215
|
.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn:hover:not([data-disabled]) svg {
|
|
20216
20216
|
transform: translateY(0.25rem);
|
|
20217
20217
|
}
|
|
20218
|
+
.pkt-combobox__wrapper .pkt-combobox__value {
|
|
20219
|
+
padding-left: 0.5rem;
|
|
20220
|
+
}
|
|
20218
20221
|
.pkt-combobox__wrapper .pkt-combobox__input {
|
|
20219
20222
|
display: flex;
|
|
20220
20223
|
align-items: center;
|
|
20221
20224
|
position: relative;
|
|
20222
20225
|
margin: 0;
|
|
20223
|
-
padding: 0.
|
|
20226
|
+
padding: 0.5rem 2rem 0.5rem 0.5rem;
|
|
20224
20227
|
border: 2px solid var(--pkt-color-border-default);
|
|
20225
|
-
min-height:
|
|
20228
|
+
min-height: 3rem;
|
|
20226
20229
|
gap: 0.375rem;
|
|
20227
20230
|
flex-wrap: wrap;
|
|
20228
20231
|
letter-spacing: -0.2px;
|
|
@@ -20231,6 +20234,12 @@ pkt-combobox[fullwidth] {
|
|
|
20231
20234
|
line-height: 1.75rem;
|
|
20232
20235
|
line-height: 1.25;
|
|
20233
20236
|
}
|
|
20237
|
+
.pkt-combobox__wrapper .pkt-combobox__input-div {
|
|
20238
|
+
display: contents;
|
|
20239
|
+
}
|
|
20240
|
+
.pkt-combobox__wrapper .pkt-combobox__input-div:first-child input {
|
|
20241
|
+
padding-left: 0.5rem;
|
|
20242
|
+
}
|
|
20234
20243
|
.pkt-combobox__wrapper .pkt-combobox__input--fullwidth {
|
|
20235
20244
|
width: 100%;
|
|
20236
20245
|
}
|
|
@@ -20255,13 +20264,13 @@ pkt-combobox[fullwidth] {
|
|
|
20255
20264
|
color: inherit;
|
|
20256
20265
|
background: transparent;
|
|
20257
20266
|
letter-spacing: inherit;
|
|
20258
|
-
line-height:
|
|
20267
|
+
line-height: 1.4rem;
|
|
20259
20268
|
padding: 0;
|
|
20260
20269
|
margin: 0;
|
|
20261
20270
|
width: 0;
|
|
20262
20271
|
}
|
|
20263
20272
|
.pkt-combobox__wrapper .pkt-combobox__input input:focus, .pkt-combobox__wrapper .pkt-combobox__input input:active {
|
|
20264
|
-
width:
|
|
20273
|
+
width: 100%;
|
|
20265
20274
|
outline: none;
|
|
20266
20275
|
}
|
|
20267
20276
|
.pkt-combobox__wrapper .pkt-combobox__input .pkt-tag {
|
|
@@ -20278,6 +20287,7 @@ pkt-combobox[fullwidth] {
|
|
|
20278
20287
|
.pkt-combobox__wrapper .pkt-combobox__placeholder {
|
|
20279
20288
|
color: var(--pkt-color-text-placeholder);
|
|
20280
20289
|
opacity: 1;
|
|
20290
|
+
padding-left: 0.5rem;
|
|
20281
20291
|
}
|
|
20282
20292
|
.pkt-combobox__wrapper .pkt-listbox__open {
|
|
20283
20293
|
margin-top: 0.5rem;
|