@oslokommune/punkt-css 12.39.5 → 12.39.8
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 +22 -17
- package/dist/css/components/accordion.min.css +1 -1
- package/dist/css/components/card.css +2 -2
- package/dist/css/components/card.min.css +1 -1
- package/dist/css/pkt-components.css +24 -19
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +24 -19
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +24 -19
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_accordion.scss +12 -7
- package/dist/scss/components/_card.scss +2 -2
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -19169,6 +19169,11 @@ pkt-select {
|
|
|
19169
19169
|
/*
|
|
19170
19170
|
* Accordion/Expandable component
|
|
19171
19171
|
*/
|
|
19172
|
+
pkt-accordion,
|
|
19173
|
+
pkt-accordion-item {
|
|
19174
|
+
display: block;
|
|
19175
|
+
}
|
|
19176
|
+
|
|
19172
19177
|
.pkt-accordion,
|
|
19173
19178
|
pkt-accordion::part(container) {
|
|
19174
19179
|
display: grid;
|
|
@@ -19205,10 +19210,10 @@ pkt-accordion[skin=blue]::part(container) {
|
|
|
19205
19210
|
pkt-accordion[skin=beige] {
|
|
19206
19211
|
row-gap: 0;
|
|
19207
19212
|
}
|
|
19208
|
-
.pkt-accordion--beige > .pkt-accordion-item:nth-of-type(odd),
|
|
19209
|
-
.pkt-accordion--beige
|
|
19210
|
-
pkt-accordion[skin=beige] > .pkt-accordion-item:nth-of-type(odd),
|
|
19211
|
-
pkt-accordion[skin=beige]
|
|
19213
|
+
.pkt-accordion--beige :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
|
|
19214
|
+
.pkt-accordion--beige pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item,
|
|
19215
|
+
pkt-accordion[skin=beige] :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
|
|
19216
|
+
pkt-accordion[skin=beige] pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item {
|
|
19212
19217
|
background-color: var(--pkt-color-surface-default-light-beige);
|
|
19213
19218
|
}
|
|
19214
19219
|
|
|
@@ -19216,10 +19221,10 @@ pkt-accordion[skin=beige] > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-i
|
|
|
19216
19221
|
pkt-accordion[skin=blue] {
|
|
19217
19222
|
row-gap: 0;
|
|
19218
19223
|
}
|
|
19219
|
-
.pkt-accordion--blue > .pkt-accordion-item:nth-of-type(odd),
|
|
19220
|
-
.pkt-accordion--blue
|
|
19221
|
-
pkt-accordion[skin=blue] > .pkt-accordion-item:nth-of-type(odd),
|
|
19222
|
-
pkt-accordion[skin=blue]
|
|
19224
|
+
.pkt-accordion--blue :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
|
|
19225
|
+
.pkt-accordion--blue pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item,
|
|
19226
|
+
pkt-accordion[skin=blue] :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
|
|
19227
|
+
pkt-accordion[skin=blue] pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item {
|
|
19223
19228
|
background-color: var(--pkt-color-surface-default-light-blue);
|
|
19224
19229
|
}
|
|
19225
19230
|
|
|
@@ -19236,20 +19241,20 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordi
|
|
|
19236
19241
|
box-shadow: inset 0 0 0 0.125rem var(--pkt-color-border-states-active);
|
|
19237
19242
|
}
|
|
19238
19243
|
|
|
19239
|
-
.pkt-accordion--compact
|
|
19240
|
-
.pkt-accordion--compact
|
|
19241
|
-
pkt-accordion[compact]
|
|
19242
|
-
pkt-accordion[compact]
|
|
19244
|
+
.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__title,
|
|
19245
|
+
.pkt-accordion--compact pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
|
|
19246
|
+
pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__title,
|
|
19247
|
+
pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
|
|
19243
19248
|
letter-spacing: -0.2px;
|
|
19244
19249
|
font-weight: 500;
|
|
19245
19250
|
font-size: 1rem;
|
|
19246
19251
|
line-height: 1.5rem;
|
|
19247
19252
|
padding: 1rem;
|
|
19248
19253
|
}
|
|
19249
|
-
.pkt-accordion--compact
|
|
19250
|
-
.pkt-accordion--compact
|
|
19251
|
-
pkt-accordion[compact]
|
|
19252
|
-
pkt-accordion[compact]
|
|
19254
|
+
.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__content,
|
|
19255
|
+
.pkt-accordion--compact pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
|
|
19256
|
+
pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__content,
|
|
19257
|
+
pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
|
|
19253
19258
|
letter-spacing: -0.2px;
|
|
19254
19259
|
font-weight: 300;
|
|
19255
19260
|
font-size: 0.875rem;
|
|
@@ -19346,7 +19351,7 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
|
|
|
19346
19351
|
transform: rotate(180deg) translateY(0);
|
|
19347
19352
|
}
|
|
19348
19353
|
|
|
19349
|
-
.pkt-icon.pkt-accordion-item__icon
|
|
19354
|
+
.pkt-icon.pkt-accordion-item__icon svg {
|
|
19350
19355
|
min-height: 2rem;
|
|
19351
19356
|
min-width: 2rem;
|
|
19352
19357
|
}
|
|
@@ -19946,13 +19951,13 @@ pkt-card {
|
|
|
19946
19951
|
hyphens: auto;
|
|
19947
19952
|
overflow-wrap: break-word;
|
|
19948
19953
|
}
|
|
19949
|
-
.pkt-card .pkt-
|
|
19954
|
+
.pkt-card .pkt-card__metadata {
|
|
19950
19955
|
margin-top: 1rem;
|
|
19951
19956
|
margin-bottom: 0;
|
|
19952
19957
|
line-height: unset;
|
|
19953
19958
|
gap: 0.5rem;
|
|
19954
19959
|
}
|
|
19955
|
-
.pkt-card .pkt-
|
|
19960
|
+
.pkt-card .pkt-card__metadata-lead {
|
|
19956
19961
|
font-weight: 500;
|
|
19957
19962
|
}
|
|
19958
19963
|
.pkt-card .pkt-card__tags {
|