@oslokommune/punkt-css 12.35.0 → 12.37.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 +36 -0
- package/dist/css/components/accordion.css +14 -14
- package/dist/css/components/accordion.min.css +1 -1
- package/dist/css/components/bodytext.css +18 -0
- package/dist/css/components/bodytext.min.css +1 -0
- package/dist/css/components/modal.css +1 -1
- package/dist/css/components/modal.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +2 -2
- 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 +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +35 -16
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +38 -19
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +3 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +38 -19
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_accordion.scss +6 -17
- package/dist/scss/components/_bodytext.scss +20 -0
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_modal.scss +1 -1
- package/package.json +3 -3
package/dist/css/pkt-docs.css
CHANGED
|
@@ -14209,7 +14209,7 @@ a:active, a.pkt-link--active,
|
|
|
14209
14209
|
.pkt-link--external::after {
|
|
14210
14210
|
display: inline-block;
|
|
14211
14211
|
content: " ";
|
|
14212
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
14212
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/new-window-small.svg);
|
|
14213
14213
|
background-image: var(--svg);
|
|
14214
14214
|
background-repeat: no-repeat;
|
|
14215
14215
|
background-size: 18px 18px;
|
|
@@ -18213,7 +18213,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18213
18213
|
outline-color: var(--pkt-color-input-border-hover);
|
|
18214
18214
|
}
|
|
18215
18215
|
.pkt-input-check__input-checkbox:checked[type=checkbox] {
|
|
18216
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
18216
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/check-medium.svg);
|
|
18217
18217
|
position: relative;
|
|
18218
18218
|
background-color: var(--pkt-color-input-border-normal);
|
|
18219
18219
|
}
|
|
@@ -18271,7 +18271,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
|
|
|
18271
18271
|
cursor: not-allowed;
|
|
18272
18272
|
}
|
|
18273
18273
|
.pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
|
|
18274
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
18274
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/check-medium.svg);
|
|
18275
18275
|
--pkt-color-input-check-border: var(--pkt-color-input-border-normal);
|
|
18276
18276
|
filter: grayscale(100%) brightness(400%);
|
|
18277
18277
|
}
|
|
@@ -18523,7 +18523,7 @@ pkt-select {
|
|
|
18523
18523
|
}
|
|
18524
18524
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
|
|
18525
18525
|
.pkt-select:is(select):not([multiple]) {
|
|
18526
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
18526
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.37/icons/chevron-thin-down.svg);
|
|
18527
18527
|
background-image: var(--svg);
|
|
18528
18528
|
background-repeat: no-repeat;
|
|
18529
18529
|
background-position: right 0.7rem top 50%;
|
|
@@ -19239,9 +19239,9 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordi
|
|
|
19239
19239
|
.pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
|
|
19240
19240
|
pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__title,
|
|
19241
19241
|
pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
|
|
19242
|
-
font-size: 1rem;
|
|
19243
|
-
font-weight: 500;
|
|
19244
19242
|
letter-spacing: -0.2px;
|
|
19243
|
+
font-weight: 500;
|
|
19244
|
+
font-size: 1rem;
|
|
19245
19245
|
line-height: 1.5rem;
|
|
19246
19246
|
padding: 1rem;
|
|
19247
19247
|
}
|
|
@@ -19249,10 +19249,10 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
|
|
|
19249
19249
|
.pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
|
|
19250
19250
|
pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__content,
|
|
19251
19251
|
pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
|
|
19252
|
-
font-size: 1rem;
|
|
19253
|
-
font-weight: 300;
|
|
19254
19252
|
letter-spacing: -0.2px;
|
|
19255
|
-
|
|
19253
|
+
font-weight: 300;
|
|
19254
|
+
font-size: 0.875rem;
|
|
19255
|
+
line-height: 1.375rem;
|
|
19256
19256
|
}
|
|
19257
19257
|
|
|
19258
19258
|
.pkt-accordion-item {
|
|
@@ -19266,9 +19266,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
|
|
|
19266
19266
|
display: none;
|
|
19267
19267
|
}
|
|
19268
19268
|
.pkt-accordion-item__title {
|
|
19269
|
-
font-size: 1.5rem;
|
|
19270
|
-
font-weight: 500;
|
|
19271
19269
|
letter-spacing: -0.2px;
|
|
19270
|
+
font-weight: 500;
|
|
19271
|
+
font-size: 1.5rem;
|
|
19272
19272
|
line-height: 2.25rem;
|
|
19273
19273
|
align-items: center;
|
|
19274
19274
|
cursor: pointer;
|
|
@@ -19289,9 +19289,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
|
|
|
19289
19289
|
transition: transform 0.2s;
|
|
19290
19290
|
}
|
|
19291
19291
|
.pkt-accordion-item__content {
|
|
19292
|
-
font-size: 1.125rem;
|
|
19293
|
-
font-weight: 300;
|
|
19294
19292
|
letter-spacing: -0.2px;
|
|
19293
|
+
font-weight: 300;
|
|
19294
|
+
font-size: 1.125rem;
|
|
19295
19295
|
line-height: 1.75rem;
|
|
19296
19296
|
padding: 1.5rem;
|
|
19297
19297
|
border-top: none;
|
|
@@ -19319,17 +19319,17 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
|
|
|
19319
19319
|
}
|
|
19320
19320
|
|
|
19321
19321
|
.pkt-accordion-item--compact .pkt-accordion-item__title {
|
|
19322
|
-
font-size: 1rem;
|
|
19323
|
-
font-weight: 500;
|
|
19324
19322
|
letter-spacing: -0.2px;
|
|
19323
|
+
font-weight: 500;
|
|
19324
|
+
font-size: 1rem;
|
|
19325
19325
|
line-height: 1.5rem;
|
|
19326
19326
|
padding: 1rem;
|
|
19327
19327
|
}
|
|
19328
19328
|
.pkt-accordion-item--compact .pkt-accordion-item__content {
|
|
19329
|
-
font-size: 1rem;
|
|
19330
|
-
font-weight: 300;
|
|
19331
19329
|
letter-spacing: -0.2px;
|
|
19332
|
-
|
|
19330
|
+
font-weight: 300;
|
|
19331
|
+
font-size: 0.875rem;
|
|
19332
|
+
line-height: 1.375rem;
|
|
19333
19333
|
}
|
|
19334
19334
|
|
|
19335
19335
|
.pkt-accordion-item[open] .pkt-accordion-item__title {
|
|
@@ -19541,6 +19541,25 @@ pkt-alert {
|
|
|
19541
19541
|
transform: translateY(-0.1em);
|
|
19542
19542
|
}
|
|
19543
19543
|
|
|
19544
|
+
.pkt-bodytext--large {
|
|
19545
|
+
letter-spacing: -0.2px;
|
|
19546
|
+
font-weight: 300;
|
|
19547
|
+
font-size: 1.5rem;
|
|
19548
|
+
line-height: 2.25rem;
|
|
19549
|
+
}
|
|
19550
|
+
.pkt-bodytext--medium {
|
|
19551
|
+
letter-spacing: -0.2px;
|
|
19552
|
+
font-weight: 300;
|
|
19553
|
+
font-size: 1.125rem;
|
|
19554
|
+
line-height: 1.75rem;
|
|
19555
|
+
}
|
|
19556
|
+
.pkt-bodytext--small {
|
|
19557
|
+
letter-spacing: -0.2px;
|
|
19558
|
+
font-weight: 300;
|
|
19559
|
+
font-size: 1rem;
|
|
19560
|
+
line-height: 1.5rem;
|
|
19561
|
+
}
|
|
19562
|
+
|
|
19544
19563
|
/*
|
|
19545
19564
|
* Breadcrumbs component
|
|
19546
19565
|
*/
|
|
@@ -21199,8 +21218,8 @@ pkt-listbox {
|
|
|
21199
21218
|
border: none;
|
|
21200
21219
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
|
21201
21220
|
padding: 0;
|
|
21202
|
-
min-height: 30vh;
|
|
21203
21221
|
max-height: 90vh;
|
|
21222
|
+
display: block;
|
|
21204
21223
|
}
|
|
21205
21224
|
.pkt-modal[open]::backdrop, .pkt-modal[open] + .backdrop {
|
|
21206
21225
|
background-color: rgba(0, 0, 0, 0.55);
|