@oslokommune/punkt-css 17.0.8 → 17.0.10
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 +12 -18
- package/dist/css/components/combobox.min.css +1 -1
- package/dist/css/pkt-base.css +106 -107
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +12 -18
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +118 -125
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +118 -125
- package/dist/css/pkt.layer.css +113 -117
- package/dist/css/pkt.layer.min.css +1 -1
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/base/_defaults.scss +5 -0
- package/dist/scss/base/_index.scss +1 -0
- package/dist/scss/base/_link.scss +136 -0
- package/dist/scss/base/_typography.scss +0 -139
- package/dist/scss/components/_combobox.scss +40 -41
- package/package.json +2 -2
|
@@ -1277,59 +1277,53 @@ pkt-combobox[fullwidth], pkt-combobox--fullwidth,
|
|
|
1277
1277
|
.pkt-combobox__wrapper .pkt-listbox__open {
|
|
1278
1278
|
margin-block-start: 0.5rem;
|
|
1279
1279
|
}
|
|
1280
|
-
|
|
1281
|
-
.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within {
|
|
1280
|
+
.pkt-combobox__wrapper.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within {
|
|
1282
1281
|
outline: 4px solid var(--pkt-color-border-states-focus);
|
|
1283
1282
|
}
|
|
1284
|
-
|
|
1285
|
-
.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search),
|
|
1286
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
|
|
1283
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search), .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
|
|
1287
1284
|
padding: 0.5rem 1rem;
|
|
1288
1285
|
letter-spacing: -0.2px;
|
|
1289
1286
|
font-weight: 300;
|
|
1290
1287
|
font-size: 1rem;
|
|
1291
1288
|
line-height: 1.5rem;
|
|
1292
1289
|
}
|
|
1293
|
-
.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,
|
|
1294
|
-
.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner,
|
|
1295
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-
|
|
1296
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
|
|
1290
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,
|
|
1291
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner, .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
|
|
1292
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
|
|
1297
1293
|
padding: 0.5rem 1rem;
|
|
1298
1294
|
letter-spacing: -0.2px;
|
|
1299
1295
|
font-weight: 300;
|
|
1300
1296
|
font-size: 1rem;
|
|
1301
1297
|
line-height: 1.5rem;
|
|
1302
1298
|
}
|
|
1303
|
-
.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input,
|
|
1304
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
|
|
1299
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input, .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
|
|
1305
1300
|
padding: 0.5rem 0.75rem;
|
|
1306
1301
|
letter-spacing: -0.2px;
|
|
1307
1302
|
font-weight: 300;
|
|
1308
1303
|
font-size: 1rem;
|
|
1309
1304
|
line-height: 1.5rem;
|
|
1310
1305
|
}
|
|
1311
|
-
|
|
1312
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
|
|
1306
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
|
|
1313
1307
|
padding: 0.375rem 0.75rem;
|
|
1314
1308
|
letter-spacing: -0.2px;
|
|
1315
1309
|
font-weight: 300;
|
|
1316
1310
|
font-size: 0.875rem;
|
|
1317
1311
|
line-height: 1.375rem;
|
|
1318
1312
|
}
|
|
1319
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
|
|
1320
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
|
|
1313
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
|
|
1314
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
|
|
1321
1315
|
padding: 0.375rem 0.75rem;
|
|
1322
1316
|
letter-spacing: -0.2px;
|
|
1323
1317
|
font-weight: 300;
|
|
1324
1318
|
font-size: 0.875rem;
|
|
1325
1319
|
line-height: 1.375rem;
|
|
1326
1320
|
}
|
|
1327
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,
|
|
1328
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon {
|
|
1321
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,
|
|
1322
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon {
|
|
1329
1323
|
width: 1.125rem;
|
|
1330
1324
|
height: 1.125rem;
|
|
1331
1325
|
}
|
|
1332
|
-
.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
|
|
1326
|
+
.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
|
|
1333
1327
|
padding: 0.375rem 0.5rem;
|
|
1334
1328
|
letter-spacing: -0.2px;
|
|
1335
1329
|
font-weight: 300;
|