@oslokommune/punkt-css 13.15.7 → 13.15.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/css/elements/table.css +19 -10
  3. package/dist/css/elements/table.min.css +1 -1
  4. package/dist/css/pkt-docs.css +19 -10
  5. package/dist/css/pkt-docs.min.css +1 -1
  6. package/dist/css/pkt-elements.css +19 -10
  7. package/dist/css/pkt-elements.min.css +1 -1
  8. package/dist/css/pkt.css +19 -10
  9. package/dist/css/pkt.min.css +1 -1
  10. package/dist/scss/elements/_table.scss +48 -37
  11. 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.15.8](https://github.com/oslokommune/punkt/compare/13.15.7...13.15.8) (2025-11-19)
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+ Ingen
12
+
13
+ ### Features
14
+ Ingen
15
+
16
+ ### Bug Fixes
17
+ * Legge inn artikkel om merking av lenker, og fikse bilder på tags (#3126).
18
+
19
+
20
+ ### Chores
21
+ Ingen
22
+
23
+ ---
24
+
25
+
8
26
  ## [13.15.7](https://github.com/oslokommune/punkt/compare/13.15.6...13.15.7) (2025-11-18)
9
27
 
10
28
  ### ⚠ BREAKING CHANGES
package/dist/css/elements/table.css CHANGED
@@ -79,12 +79,17 @@
79
79
  * Responsive Mobile view if class is set
80
80
  */
81
81
  @media screen and (max-width: 48rem) {
82
- .pkt-table.pkt-table--responsive .pkt-table__header {
82
+ .pkt-table.pkt-table--responsive__label-padding .pkt-table__data-cell::before,
83
+ .pkt-table.pkt-table--responsive__label-padding td::before {
84
+ padding-top: 1rem;
85
+ }
86
+ .pkt-table.pkt-table--responsive .pkt-table__header,
87
+ .pkt-table.pkt-table--responsive thead {
83
88
  border-bottom: none;
84
89
  height: 0;
85
90
  }
86
91
  .pkt-table.pkt-table--responsive .pkt-table__row,
87
- .pkt-table.pkt-table--responsive .pkt-table tr {
92
+ .pkt-table.pkt-table--responsive tr {
88
93
  display: grid;
89
94
  grid-template-columns: max-content 1fr;
90
95
  gap: 1rem;
@@ -92,31 +97,35 @@
92
97
  }
93
98
  .pkt-table.pkt-table--responsive .pkt-table__row .pkt-table__header-cell,
94
99
  .pkt-table.pkt-table--responsive .pkt-table__row th,
95
- .pkt-table.pkt-table--responsive .pkt-table tr .pkt-table__header-cell,
96
- .pkt-table.pkt-table--responsive .pkt-table tr th {
100
+ .pkt-table.pkt-table--responsive tr .pkt-table__header-cell,
101
+ .pkt-table.pkt-table--responsive tr th {
97
102
  display: none;
98
103
  }
99
104
  .pkt-table.pkt-table--responsive .pkt-table__cell-wrapper {
100
105
  grid-column: 2/3;
101
106
  }
102
107
  .pkt-table.pkt-table--responsive .pkt-table__data-cell,
103
- .pkt-table.pkt-table--responsive .pkt-table td {
108
+ .pkt-table.pkt-table--responsive td {
104
109
  padding: 0.5rem 1rem;
105
110
  display: contents;
106
111
  }
112
+ .pkt-table.pkt-table--responsive .pkt-table__data-cell :only-child,
113
+ .pkt-table.pkt-table--responsive td :only-child {
114
+ grid-column: 2/3;
115
+ }
107
116
  .pkt-table.pkt-table--responsive .pkt-table__data-cell::before,
108
- .pkt-table.pkt-table--responsive .pkt-table td::before {
117
+ .pkt-table.pkt-table--responsive td::before {
109
118
  grid-column: 1/2;
110
119
  content: attr(data-label);
111
120
  font-weight: 500;
112
121
  }
113
- .pkt-table.pkt-table--responsive .pkt-table__compact .pkt-table__row,
114
- .pkt-table.pkt-table--responsive .pkt-table__compact tr {
122
+ .pkt-table.pkt-table--responsive.pkt-table__compact .pkt-table__row,
123
+ .pkt-table.pkt-table--responsive.pkt-table__compact tr {
115
124
  padding: 0.5rem 0.5rem;
116
125
  gap: 0.5rem;
117
126
  }
118
- .pkt-table.pkt-table--responsive .pkt-table__zebra-blue .pkt-table__row:nth-child(odd),
119
- .pkt-table.pkt-table--responsive .pkt-table__zebra-blue tr:nth-child(odd) {
127
+ .pkt-table.pkt-table--responsive.pkt-table__zebra-blue .pkt-table__row:nth-child(odd),
128
+ .pkt-table.pkt-table--responsive.pkt-table__zebra-blue tr:nth-child(odd) {
120
129
  background: var(--pkt-color-surface-subtle-pale-blue);
121
130
  }
122
131
  }
package/dist/css/elements/table.min.css CHANGED
@@ -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__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)}}
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__label-padding .pkt-table__data-cell::before,.pkt-table.pkt-table--responsive__label-padding td::before{padding-top:1rem}.pkt-table.pkt-table--responsive .pkt-table__header,.pkt-table.pkt-table--responsive thead{border-bottom:none;height:0}.pkt-table.pkt-table--responsive .pkt-table__row,.pkt-table.pkt-table--responsive 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 tr .pkt-table__header-cell,.pkt-table.pkt-table--responsive 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 td{padding:.5rem 1rem;display:contents}.pkt-table.pkt-table--responsive .pkt-table__data-cell :only-child,.pkt-table.pkt-table--responsive td :only-child{grid-column:2/3}.pkt-table.pkt-table--responsive .pkt-table__data-cell::before,.pkt-table.pkt-table--responsive 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
@@ -19209,12 +19209,17 @@ pkt-select {
19209
19209
  * Responsive Mobile view if class is set
19210
19210
  */
19211
19211
  @media screen and (max-width: 48rem) {
19212
- .pkt-table.pkt-table--responsive .pkt-table__header {
19212
+ .pkt-table.pkt-table--responsive__label-padding .pkt-table__data-cell::before,
19213
+ .pkt-table.pkt-table--responsive__label-padding td::before {
19214
+ padding-top: 1rem;
19215
+ }
19216
+ .pkt-table.pkt-table--responsive .pkt-table__header,
19217
+ .pkt-table.pkt-table--responsive thead {
19213
19218
  border-bottom: none;
19214
19219
  height: 0;
19215
19220
  }
19216
19221
  .pkt-table.pkt-table--responsive .pkt-table__row,
19217
- .pkt-table.pkt-table--responsive .pkt-table tr {
19222
+ .pkt-table.pkt-table--responsive tr {
19218
19223
  display: grid;
19219
19224
  grid-template-columns: max-content 1fr;
19220
19225
  gap: 1rem;
@@ -19222,31 +19227,35 @@ pkt-select {
19222
19227
  }
19223
19228
  .pkt-table.pkt-table--responsive .pkt-table__row .pkt-table__header-cell,
19224
19229
  .pkt-table.pkt-table--responsive .pkt-table__row th,
19225
- .pkt-table.pkt-table--responsive .pkt-table tr .pkt-table__header-cell,
19226
- .pkt-table.pkt-table--responsive .pkt-table tr th {
19230
+ .pkt-table.pkt-table--responsive tr .pkt-table__header-cell,
19231
+ .pkt-table.pkt-table--responsive tr th {
19227
19232
  display: none;
19228
19233
  }
19229
19234
  .pkt-table.pkt-table--responsive .pkt-table__cell-wrapper {
19230
19235
  grid-column: 2/3;
19231
19236
  }
19232
19237
  .pkt-table.pkt-table--responsive .pkt-table__data-cell,
19233
- .pkt-table.pkt-table--responsive .pkt-table td {
19238
+ .pkt-table.pkt-table--responsive td {
19234
19239
  padding: 0.5rem 1rem;
19235
19240
  display: contents;
19236
19241
  }
19242
+ .pkt-table.pkt-table--responsive .pkt-table__data-cell :only-child,
19243
+ .pkt-table.pkt-table--responsive td :only-child {
19244
+ grid-column: 2/3;
19245
+ }
19237
19246
  .pkt-table.pkt-table--responsive .pkt-table__data-cell::before,
19238
- .pkt-table.pkt-table--responsive .pkt-table td::before {
19247
+ .pkt-table.pkt-table--responsive td::before {
19239
19248
  grid-column: 1/2;
19240
19249
  content: attr(data-label);
19241
19250
  font-weight: 500;
19242
19251
  }
19243
- .pkt-table.pkt-table--responsive .pkt-table__compact .pkt-table__row,
19244
- .pkt-table.pkt-table--responsive .pkt-table__compact tr {
19252
+ .pkt-table.pkt-table--responsive.pkt-table__compact .pkt-table__row,
19253
+ .pkt-table.pkt-table--responsive.pkt-table__compact tr {
19245
19254
  padding: 0.5rem 0.5rem;
19246
19255
  gap: 0.5rem;
19247
19256
  }
19248
- .pkt-table.pkt-table--responsive .pkt-table__zebra-blue .pkt-table__row:nth-child(odd),
19249
- .pkt-table.pkt-table--responsive .pkt-table__zebra-blue tr:nth-child(odd) {
19257
+ .pkt-table.pkt-table--responsive.pkt-table__zebra-blue .pkt-table__row:nth-child(odd),
19258
+ .pkt-table.pkt-table--responsive.pkt-table__zebra-blue tr:nth-child(odd) {
19250
19259
  background: var(--pkt-color-surface-subtle-pale-blue);
19251
19260
  }
19252
19261
  }