@oslokommune/punkt-css 13.5.11 → 13.5.12
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/elements/table.css +14 -3
- package/dist/css/elements/table.min.css +1 -1
- package/dist/css/pkt-docs.css +14 -3
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +14 -3
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +14 -3
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/elements/_table.scss +17 -3
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [13.5.12](https://github.com/oslokommune/punkt/compare/13.5.11...13.5.12) (2025-09-11)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fix table styling (#3007).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [13.5.11](https://github.com/oslokommune/punkt/compare/13.5.10...13.5.11) (2025-09-11)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
font-size: 1.125rem;
|
|
14
14
|
font-weight: 500;
|
|
15
15
|
}
|
|
16
|
+
.pkt-table__header {
|
|
17
|
+
border-bottom: 2px solid var(--pkt-color-border-gray);
|
|
18
|
+
}
|
|
16
19
|
.pkt-table__body,
|
|
17
20
|
.pkt-table tbody {
|
|
18
21
|
text-align: left;
|
|
@@ -26,12 +29,12 @@
|
|
|
26
29
|
}
|
|
27
30
|
.pkt-table__header-cell,
|
|
28
31
|
.pkt-table th {
|
|
29
|
-
padding: 1rem;
|
|
32
|
+
padding: 0.75rem 1rem;
|
|
30
33
|
border-bottom: none;
|
|
31
34
|
}
|
|
32
35
|
.pkt-table__data-cell,
|
|
33
36
|
.pkt-table td {
|
|
34
|
-
padding: 1rem;
|
|
37
|
+
padding: 0.75rem 1rem;
|
|
35
38
|
border-bottom: none;
|
|
36
39
|
}
|
|
37
40
|
|
|
@@ -49,13 +52,17 @@
|
|
|
49
52
|
.pkt-table.pkt-table--compact th {
|
|
50
53
|
padding: 0.5rem 1rem;
|
|
51
54
|
}
|
|
55
|
+
.pkt-table.pkt-table--compact .pkt-table__data-cell,
|
|
56
|
+
.pkt-table.pkt-table--compact td {
|
|
57
|
+
padding: 0.5rem 1rem;
|
|
58
|
+
}
|
|
52
59
|
|
|
53
60
|
/**
|
|
54
61
|
* Skin: basic
|
|
55
62
|
*/
|
|
56
63
|
.pkt-table.pkt-table--basic .pkt-table__row,
|
|
57
64
|
.pkt-table.pkt-table--basic tr {
|
|
58
|
-
border-bottom:
|
|
65
|
+
border-bottom: 1px solid var(--pkt-color-border-gray);
|
|
59
66
|
}
|
|
60
67
|
|
|
61
68
|
/**
|
|
@@ -72,6 +79,10 @@
|
|
|
72
79
|
* Responsive Mobile view if class is set
|
|
73
80
|
*/
|
|
74
81
|
@media screen and (max-width: 48rem) {
|
|
82
|
+
.pkt-table.pkt-table--responsive .pkt-table__header {
|
|
83
|
+
border-bottom: none;
|
|
84
|
+
height: 0;
|
|
85
|
+
}
|
|
75
86
|
.pkt-table.pkt-table--responsive .pkt-table__row,
|
|
76
87
|
.pkt-table.pkt-table--responsive .pkt-table tr {
|
|
77
88
|
display: grid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-table{width:100%;border-collapse:collapse}.pkt-table__header,.pkt-table thead,.pkt-table thead.pkt-table__header th{text-align:left;vertical-align:top;font-size:1.125rem;font-weight:500}.pkt-table__body,.pkt-table tbody{text-align:left;vertical-align:top;font-size:1rem;font-weight:300}.pkt-table__body .pkt-table__row:hover>.pkt-table__data-cell,.pkt-table tbody .pkt-table__row:hover>.pkt-table__data-cell{background:rgba(42,40,89,.01)}.pkt-table__header-cell,.pkt-table th{padding
|
|
1
|
+
.pkt-table{width:100%;border-collapse:collapse}.pkt-table__header,.pkt-table thead,.pkt-table thead.pkt-table__header th{text-align:left;vertical-align:top;font-size:1.125rem;font-weight:500}.pkt-table__header{border-bottom:2px solid var(--pkt-color-border-gray)}.pkt-table__body,.pkt-table tbody{text-align:left;vertical-align:top;font-size:1rem;font-weight:300}.pkt-table__body .pkt-table__row:hover>.pkt-table__data-cell,.pkt-table tbody .pkt-table__row:hover>.pkt-table__data-cell{background:rgba(42,40,89,.01)}.pkt-table__header-cell,.pkt-table th{padding:.75rem 1rem;border-bottom:none}.pkt-table__data-cell,.pkt-table td{padding:.75rem 1rem;border-bottom:none}.pkt-table__cell-wrapper{text-align:left;vertical-align:top;display:inline-flex;gap:.5rem}.pkt-table.pkt-table--compact .pkt-table__header-cell,.pkt-table.pkt-table--compact th{padding:.5rem 1rem}.pkt-table.pkt-table--compact .pkt-table__data-cell,.pkt-table.pkt-table--compact td{padding:.5rem 1rem}.pkt-table.pkt-table--basic .pkt-table__row,.pkt-table.pkt-table--basic tr{border-bottom:1px solid var(--pkt-color-border-gray)}.pkt-table.pkt-table--zebra-blue .pkt-table__body .pkt-table__row:nth-child(odd),.pkt-table.pkt-table--zebra-blue .pkt-table__body tr:nth-child(odd),.pkt-table.pkt-table--zebra-blue tbody .pkt-table__row:nth-child(odd),.pkt-table.pkt-table--zebra-blue tbody tr:nth-child(odd){background:var(--pkt-color-surface-subtle-pale-blue)}@media screen and (max-width: 48rem){.pkt-table.pkt-table--responsive .pkt-table__header{border-bottom:none;height:0}.pkt-table.pkt-table--responsive .pkt-table__row,.pkt-table.pkt-table--responsive .pkt-table tr{display:grid;grid-template-columns:max-content 1fr;gap:1rem;padding:1rem 1rem}.pkt-table.pkt-table--responsive .pkt-table__row .pkt-table__header-cell,.pkt-table.pkt-table--responsive .pkt-table__row th,.pkt-table.pkt-table--responsive .pkt-table tr .pkt-table__header-cell,.pkt-table.pkt-table--responsive .pkt-table tr th{display:none}.pkt-table.pkt-table--responsive .pkt-table__cell-wrapper{grid-column:2/3}.pkt-table.pkt-table--responsive .pkt-table__data-cell,.pkt-table.pkt-table--responsive .pkt-table td{padding:.5rem 1rem;display:contents}.pkt-table.pkt-table--responsive .pkt-table__data-cell::before,.pkt-table.pkt-table--responsive .pkt-table td::before{grid-column:1/2;content:attr(data-label);font-weight:500}.pkt-table.pkt-table--responsive .pkt-table__compact .pkt-table__row,.pkt-table.pkt-table--responsive .pkt-table__compact tr{padding:.5rem .5rem;gap:.5rem}.pkt-table.pkt-table--responsive .pkt-table__zebra-blue .pkt-table__row:nth-child(odd),.pkt-table.pkt-table--responsive .pkt-table__zebra-blue tr:nth-child(odd){background:var(--pkt-color-surface-subtle-pale-blue)}}
|
package/dist/css/pkt-docs.css
CHANGED
|
@@ -19092,6 +19092,9 @@ pkt-select {
|
|
|
19092
19092
|
font-size: 1.125rem;
|
|
19093
19093
|
font-weight: 500;
|
|
19094
19094
|
}
|
|
19095
|
+
.pkt-table__header {
|
|
19096
|
+
border-bottom: 2px solid var(--pkt-color-border-gray);
|
|
19097
|
+
}
|
|
19095
19098
|
.pkt-table__body,
|
|
19096
19099
|
.pkt-table tbody {
|
|
19097
19100
|
text-align: left;
|
|
@@ -19105,12 +19108,12 @@ pkt-select {
|
|
|
19105
19108
|
}
|
|
19106
19109
|
.pkt-table__header-cell,
|
|
19107
19110
|
.pkt-table th {
|
|
19108
|
-
padding: 1rem;
|
|
19111
|
+
padding: 0.75rem 1rem;
|
|
19109
19112
|
border-bottom: none;
|
|
19110
19113
|
}
|
|
19111
19114
|
.pkt-table__data-cell,
|
|
19112
19115
|
.pkt-table td {
|
|
19113
|
-
padding: 1rem;
|
|
19116
|
+
padding: 0.75rem 1rem;
|
|
19114
19117
|
border-bottom: none;
|
|
19115
19118
|
}
|
|
19116
19119
|
|
|
@@ -19128,13 +19131,17 @@ pkt-select {
|
|
|
19128
19131
|
.pkt-table.pkt-table--compact th {
|
|
19129
19132
|
padding: 0.5rem 1rem;
|
|
19130
19133
|
}
|
|
19134
|
+
.pkt-table.pkt-table--compact .pkt-table__data-cell,
|
|
19135
|
+
.pkt-table.pkt-table--compact td {
|
|
19136
|
+
padding: 0.5rem 1rem;
|
|
19137
|
+
}
|
|
19131
19138
|
|
|
19132
19139
|
/**
|
|
19133
19140
|
* Skin: basic
|
|
19134
19141
|
*/
|
|
19135
19142
|
.pkt-table.pkt-table--basic .pkt-table__row,
|
|
19136
19143
|
.pkt-table.pkt-table--basic tr {
|
|
19137
|
-
border-bottom:
|
|
19144
|
+
border-bottom: 1px solid var(--pkt-color-border-gray);
|
|
19138
19145
|
}
|
|
19139
19146
|
|
|
19140
19147
|
/**
|
|
@@ -19151,6 +19158,10 @@ pkt-select {
|
|
|
19151
19158
|
* Responsive Mobile view if class is set
|
|
19152
19159
|
*/
|
|
19153
19160
|
@media screen and (max-width: 48rem) {
|
|
19161
|
+
.pkt-table.pkt-table--responsive .pkt-table__header {
|
|
19162
|
+
border-bottom: none;
|
|
19163
|
+
height: 0;
|
|
19164
|
+
}
|
|
19154
19165
|
.pkt-table.pkt-table--responsive .pkt-table__row,
|
|
19155
19166
|
.pkt-table.pkt-table--responsive .pkt-table tr {
|
|
19156
19167
|
display: grid;
|