@entur/table 4.5.6 → 4.5.7
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 +6 -0
- package/dist/styles.css +115 -93
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.5.7](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.6...@entur/table@4.5.7) (2022-04-19)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **table:** fix incorrect header padding in table ([0efe315](https://bitbucket.org/enturas/design-system/commits/0efe315f5a508e3a9eecfe6b992e8a6a7083555b))
|
|
11
|
+
|
|
6
12
|
## [4.5.6](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.5...@entur/table@4.5.6) (2022-03-14)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @entur/table
|
package/dist/styles.css
CHANGED
|
@@ -11,35 +11,21 @@
|
|
|
11
11
|
.eds-table--fixed {
|
|
12
12
|
table-layout: fixed;
|
|
13
13
|
}
|
|
14
|
-
.eds-table__data-cell
|
|
14
|
+
.eds-table__data-cell {
|
|
15
15
|
height: 3.75rem;
|
|
16
16
|
padding: 1rem 1.5rem;
|
|
17
17
|
}
|
|
18
|
-
.eds-contrast .eds-table__data-cell
|
|
18
|
+
.eds-contrast .eds-table__data-cell {
|
|
19
19
|
border-bottom-color: #393d79;
|
|
20
20
|
}
|
|
21
|
-
.eds-table--middle .eds-table__data-cell
|
|
21
|
+
.eds-table--middle .eds-table__data-cell {
|
|
22
22
|
padding: 0.5rem 1rem;
|
|
23
23
|
height: 3rem;
|
|
24
24
|
}
|
|
25
|
-
.eds-table--
|
|
26
|
-
top: 0.5rem;
|
|
27
|
-
}
|
|
28
|
-
.eds-table--small .eds-table__data-cell, .eds-table--small .eds-table__header-cell {
|
|
25
|
+
.eds-table--small .eds-table__data-cell {
|
|
29
26
|
padding: 0.25rem 1rem;
|
|
30
27
|
height: 2rem;
|
|
31
28
|
}
|
|
32
|
-
.eds-table--small .eds-table__data-cell .eds-table__header-cell-button-icon, .eds-table--small .eds-table__header-cell .eds-table__header-cell-button-icon {
|
|
33
|
-
top: 0.25rem;
|
|
34
|
-
}
|
|
35
|
-
.eds-table__header-cell {
|
|
36
|
-
padding-top: 0;
|
|
37
|
-
}
|
|
38
|
-
.eds-table__header-cell--sortable:focus {
|
|
39
|
-
outline: none;
|
|
40
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
41
|
-
outline-offset: 0.125rem;
|
|
42
|
-
}
|
|
43
29
|
.eds-table__data-cell--padding-checkbox {
|
|
44
30
|
width: 3rem;
|
|
45
31
|
padding: 0.5rem 0 0.75rem 1.25rem;
|
|
@@ -122,81 +108,6 @@
|
|
|
122
108
|
border-color: #393d79;
|
|
123
109
|
}/* DO NOT CHANGE!*/
|
|
124
110
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
125
|
-
.eds-expand-row-button {
|
|
126
|
-
background: #ffffff;
|
|
127
|
-
border: none;
|
|
128
|
-
border-radius: 50%;
|
|
129
|
-
font-family: inherit;
|
|
130
|
-
cursor: pointer;
|
|
131
|
-
height: 1.5rem;
|
|
132
|
-
width: 1.5rem;
|
|
133
|
-
padding: 0.25rem;
|
|
134
|
-
}
|
|
135
|
-
.eds-expand-row-button:focus {
|
|
136
|
-
outline: none;
|
|
137
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
138
|
-
}
|
|
139
|
-
.eds-contrast .eds-expand-row-button:focus {
|
|
140
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
141
|
-
}
|
|
142
|
-
.eds-contrast .eds-expand-row-button {
|
|
143
|
-
background: #181c56;
|
|
144
|
-
}
|
|
145
|
-
.eds-expand-row-button--open .eds-expand-row-button__icon {
|
|
146
|
-
transform: rotate(90deg);
|
|
147
|
-
}
|
|
148
|
-
.eds-expand-row-button__icon {
|
|
149
|
-
transition: transform ease-in-out 0.2s;
|
|
150
|
-
}/* DO NOT CHANGE!*/
|
|
151
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
152
|
-
.eds-table__header-cell {
|
|
153
|
-
color: #656782;
|
|
154
|
-
font-size: 0.875rem;
|
|
155
|
-
font-weight: 500;
|
|
156
|
-
text-align: left;
|
|
157
|
-
}
|
|
158
|
-
.eds-contrast .eds-table__header-cell {
|
|
159
|
-
color: #aeb7e2;
|
|
160
|
-
}
|
|
161
|
-
.eds-table__header-cell--padding-checkbox {
|
|
162
|
-
width: 3rem;
|
|
163
|
-
padding: 0 0 1rem 1.25rem;
|
|
164
|
-
}
|
|
165
|
-
.eds-table__header-cell--padding-radio {
|
|
166
|
-
width: 3rem;
|
|
167
|
-
padding: 0 0 1rem 1.25rem;
|
|
168
|
-
}
|
|
169
|
-
.eds-table__header-cell--padding-overflow-menu {
|
|
170
|
-
width: 3rem;
|
|
171
|
-
padding: 1rem 0.75rem;
|
|
172
|
-
}
|
|
173
|
-
.eds-table__header-cell-button {
|
|
174
|
-
appearance: none;
|
|
175
|
-
border: none;
|
|
176
|
-
background: none;
|
|
177
|
-
color: inherit;
|
|
178
|
-
cursor: pointer;
|
|
179
|
-
font-size: inherit;
|
|
180
|
-
font-weight: inherit;
|
|
181
|
-
font-family: inherit;
|
|
182
|
-
height: 100%;
|
|
183
|
-
padding: 0;
|
|
184
|
-
text-align: left;
|
|
185
|
-
position: relative;
|
|
186
|
-
width: 100%;
|
|
187
|
-
}
|
|
188
|
-
.eds-table__header-cell-button-icon {
|
|
189
|
-
position: absolute;
|
|
190
|
-
top: 0.75rem;
|
|
191
|
-
margin-left: 0.25rem;
|
|
192
|
-
}
|
|
193
|
-
.eds-table__header-cell-button:focus {
|
|
194
|
-
outline: 2px solid #181c56;
|
|
195
|
-
}
|
|
196
|
-
.eds-contrast .eds-table__header-cell-button:focus {
|
|
197
|
-
outline: 2px solid #ffffff;
|
|
198
|
-
}/* DO NOT CHANGE!*/
|
|
199
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
200
111
|
.eds-editable-cell {
|
|
201
112
|
padding: 0.25rem 0.75rem;
|
|
202
113
|
}
|
|
@@ -240,11 +151,19 @@
|
|
|
240
151
|
border-color: #d1d3d3;
|
|
241
152
|
background: #ffffff;
|
|
242
153
|
}
|
|
154
|
+
.eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:active, .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper[focus-within] {
|
|
155
|
+
outline-offset: 0.125rem;
|
|
156
|
+
border: 0.0625rem solid #181c56;
|
|
157
|
+
border-radius: 0.25rem;
|
|
158
|
+
}
|
|
243
159
|
.eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:active, .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:focus-within {
|
|
244
160
|
outline-offset: 0.125rem;
|
|
245
161
|
border: 0.0625rem solid #181c56;
|
|
246
162
|
border-radius: 0.25rem;
|
|
247
163
|
}
|
|
164
|
+
.eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper[focus-within] {
|
|
165
|
+
border-color: #aeb7e2;
|
|
166
|
+
}
|
|
248
167
|
.eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:focus-within {
|
|
249
168
|
border-color: #aeb7e2;
|
|
250
169
|
}
|
|
@@ -252,19 +171,35 @@
|
|
|
252
171
|
border-color: #393d79;
|
|
253
172
|
color: #181c56;
|
|
254
173
|
}
|
|
174
|
+
.eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper[focus-within] {
|
|
175
|
+
outline-offset: 0.125rem;
|
|
176
|
+
border: 0.0625rem solid #181c56;
|
|
177
|
+
border-radius: 0.25rem;
|
|
178
|
+
}
|
|
255
179
|
.eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper:focus-within {
|
|
256
180
|
outline-offset: 0.125rem;
|
|
257
181
|
border: 0.0625rem solid #181c56;
|
|
258
182
|
border-radius: 0.25rem;
|
|
259
183
|
}
|
|
184
|
+
.eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper[focus-within] {
|
|
185
|
+
border-color: #aeb7e2;
|
|
186
|
+
background: #ffffff;
|
|
187
|
+
color: #181c56;
|
|
188
|
+
}
|
|
260
189
|
.eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper:focus-within {
|
|
261
190
|
border-color: #aeb7e2;
|
|
262
191
|
background: #ffffff;
|
|
263
192
|
color: #181c56;
|
|
264
193
|
}
|
|
194
|
+
.eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper--error[focus-within] {
|
|
195
|
+
border-color: transparent;
|
|
196
|
+
}
|
|
265
197
|
.eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper--error:focus-within {
|
|
266
198
|
border-color: transparent;
|
|
267
199
|
}
|
|
200
|
+
.eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error[focus-within] {
|
|
201
|
+
border-color: transparent;
|
|
202
|
+
}
|
|
268
203
|
.eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error:focus-within {
|
|
269
204
|
border-color: transparent;
|
|
270
205
|
}
|
|
@@ -287,4 +222,91 @@
|
|
|
287
222
|
}
|
|
288
223
|
.eds-table--small .eds-editable-cell .eds-form-control-wrapper .eds-form-control {
|
|
289
224
|
padding: calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
|
|
225
|
+
}/* DO NOT CHANGE!*/
|
|
226
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
227
|
+
.eds-expand-row-button {
|
|
228
|
+
background: #ffffff;
|
|
229
|
+
border: none;
|
|
230
|
+
border-radius: 50%;
|
|
231
|
+
font-family: inherit;
|
|
232
|
+
cursor: pointer;
|
|
233
|
+
height: 1.5rem;
|
|
234
|
+
width: 1.5rem;
|
|
235
|
+
padding: 0.25rem;
|
|
236
|
+
}
|
|
237
|
+
.eds-expand-row-button:focus {
|
|
238
|
+
outline: none;
|
|
239
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
240
|
+
}
|
|
241
|
+
.eds-contrast .eds-expand-row-button:focus {
|
|
242
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
243
|
+
}
|
|
244
|
+
.eds-contrast .eds-expand-row-button {
|
|
245
|
+
background: #181c56;
|
|
246
|
+
}
|
|
247
|
+
.eds-expand-row-button--open .eds-expand-row-button__icon {
|
|
248
|
+
transform: rotate(90deg);
|
|
249
|
+
}
|
|
250
|
+
.eds-expand-row-button__icon {
|
|
251
|
+
transition: transform ease-in-out 0.2s;
|
|
252
|
+
}/* DO NOT CHANGE!*/
|
|
253
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
254
|
+
.eds-table__header-cell {
|
|
255
|
+
color: #656782;
|
|
256
|
+
font-size: 0.875rem;
|
|
257
|
+
font-weight: 500;
|
|
258
|
+
text-align: left;
|
|
259
|
+
height: 3rem;
|
|
260
|
+
padding: 0 1.5rem;
|
|
261
|
+
}
|
|
262
|
+
.eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
|
|
263
|
+
padding: 0 1rem;
|
|
264
|
+
}
|
|
265
|
+
.eds-contrast .eds-table__header-cell {
|
|
266
|
+
color: #aeb7e2;
|
|
267
|
+
border-bottom-color: #393d79;
|
|
268
|
+
}
|
|
269
|
+
.eds-table__header-cell--padding-checkbox {
|
|
270
|
+
width: 3rem;
|
|
271
|
+
padding: 0 0 1rem 1.25rem;
|
|
272
|
+
}
|
|
273
|
+
.eds-table__header-cell--padding-radio {
|
|
274
|
+
width: 3rem;
|
|
275
|
+
padding: 0 0 1rem 1.25rem;
|
|
276
|
+
}
|
|
277
|
+
.eds-table__header-cell--padding-overflow-menu {
|
|
278
|
+
width: 3rem;
|
|
279
|
+
padding: 1rem 0.75rem;
|
|
280
|
+
}
|
|
281
|
+
.eds-table__header-cell--sortable:focus {
|
|
282
|
+
outline: none;
|
|
283
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
284
|
+
outline-offset: 0.125rem;
|
|
285
|
+
}
|
|
286
|
+
.eds-table__header-cell-button {
|
|
287
|
+
position: relative;
|
|
288
|
+
text-align: left;
|
|
289
|
+
height: 100%;
|
|
290
|
+
width: 100%;
|
|
291
|
+
padding: 0;
|
|
292
|
+
cursor: pointer;
|
|
293
|
+
-webkit-appearance: none;
|
|
294
|
+
-moz-appearance: none;
|
|
295
|
+
appearance: none;
|
|
296
|
+
border: none;
|
|
297
|
+
background: none;
|
|
298
|
+
color: inherit;
|
|
299
|
+
font-size: inherit;
|
|
300
|
+
font-weight: inherit;
|
|
301
|
+
font-family: inherit;
|
|
302
|
+
}
|
|
303
|
+
.eds-table__header-cell-button-icon {
|
|
304
|
+
position: absolute;
|
|
305
|
+
margin-left: 0.25rem;
|
|
306
|
+
}
|
|
307
|
+
.eds-table__header-cell-button:focus {
|
|
308
|
+
outline: 2px solid #181c56;
|
|
309
|
+
}
|
|
310
|
+
.eds-contrast .eds-table__header-cell-button:focus {
|
|
311
|
+
outline: 2px solid #ffffff;
|
|
290
312
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/table",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.7",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/table.esm.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/expand": "^3.3.
|
|
31
|
-
"@entur/form": "^5.3.
|
|
30
|
+
"@entur/expand": "^3.3.9",
|
|
31
|
+
"@entur/form": "^5.3.1",
|
|
32
32
|
"@entur/utils": "^0.4.3",
|
|
33
33
|
"@types/lodash.get": "^4.4.6",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@entur/tokens": "^3.3.1"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "f760e1b8cfdc14231bd6391a8d82dfed1d71daa4"
|
|
41
41
|
}
|