@entur/table 4.8.3 → 4.8.4
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/dist/styles.css +23 -18
- package/package.json +10 -10
package/dist/styles.css
CHANGED
|
@@ -65,12 +65,12 @@
|
|
|
65
65
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
66
66
|
}
|
|
67
67
|
.eds-table--sticky-header .eds-table__header-cell {
|
|
68
|
-
background-color: var(--components-table-standard-fill);
|
|
68
|
+
background-color: var(--components-table-standard-header-fill);
|
|
69
69
|
position: sticky;
|
|
70
70
|
top: 0;
|
|
71
71
|
}
|
|
72
72
|
.eds-contrast .eds-table--sticky-header .eds-table__header-cell {
|
|
73
|
-
background-color: var(--components-table-contrast-fill);
|
|
73
|
+
background-color: var(--components-table-contrast-header-fill);
|
|
74
74
|
}
|
|
75
75
|
/* DO NOT CHANGE!*/
|
|
76
76
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -113,30 +113,34 @@
|
|
|
113
113
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
114
114
|
[data-color-mode=light],
|
|
115
115
|
:root {
|
|
116
|
-
--components-table-contrast-fill: rgba(255, 255, 255, 0);
|
|
117
|
-
--components-table-contrast-fill-hover: #393d79;
|
|
118
|
-
--components-table-contrast-fill-negative: rgba(255, 148, 148, 0.2);
|
|
116
|
+
--components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
|
|
117
|
+
--components-table-contrast-cell-fill-hover: #393d79;
|
|
118
|
+
--components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
|
|
119
|
+
--components-table-contrast-header-fill: #181c56;
|
|
119
120
|
--components-table-contrast-icon: #ffffff;
|
|
120
121
|
--components-table-contrast-stroke: #8284ab;
|
|
121
122
|
--components-table-contrast-text: #ffffff;
|
|
122
|
-
--components-table-standard-fill: rgba(255, 255, 255, 0);
|
|
123
|
-
--components-table-standard-fill-hover: #f2f5f7;
|
|
123
|
+
--components-table-standard-cell-fill: rgba(255, 255, 255, 0);
|
|
124
|
+
--components-table-standard-cell-fill-hover: #f2f5f7;
|
|
124
125
|
--components-table-standard-fill-negative: #ffcece;
|
|
126
|
+
--components-table-standard-header-fill: #ffffff;
|
|
125
127
|
--components-table-standard-icon: #181c56;
|
|
126
128
|
--components-table-standard-stroke: #e3e6e8;
|
|
127
129
|
--components-table-standard-text: #181c56;
|
|
128
130
|
}
|
|
129
131
|
|
|
130
132
|
[data-color-mode=dark] {
|
|
131
|
-
--components-table-contrast-fill: rgba(255, 255, 255, 0);
|
|
132
|
-
--components-table-contrast-fill-hover: rgba(229, 229, 233, 0.1490196078);
|
|
133
|
-
--components-table-contrast-fill-negative: rgba(255, 148, 148, 0.2);
|
|
133
|
+
--components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
|
|
134
|
+
--components-table-contrast-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
|
|
135
|
+
--components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
|
|
136
|
+
--components-table-contrast-header-fill: #08091c;
|
|
134
137
|
--components-table-contrast-icon: #e5e5e9;
|
|
135
138
|
--components-table-contrast-stroke: #81828f;
|
|
136
139
|
--components-table-contrast-text: #e5e5e9;
|
|
137
|
-
--components-table-standard-fill: rgba(255, 255, 255, 0);
|
|
138
|
-
--components-table-standard-fill-hover: rgba(229, 229, 233, 0.1490196078);
|
|
140
|
+
--components-table-standard-cell-fill: rgba(255, 255, 255, 0);
|
|
141
|
+
--components-table-standard-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
|
|
139
142
|
--components-table-standard-fill-negative: rgba(255, 148, 148, 0.2);
|
|
143
|
+
--components-table-standard-header-fill: #08091c;
|
|
140
144
|
--components-table-standard-icon: #e5e5e9;
|
|
141
145
|
--components-table-standard-stroke: #81828f;
|
|
142
146
|
--components-table-standard-text: #e5e5e9;
|
|
@@ -328,22 +332,22 @@
|
|
|
328
332
|
outline: 2px solid #181c56;
|
|
329
333
|
}
|
|
330
334
|
.eds-table__body > .eds-table__row--hover:hover {
|
|
331
|
-
background: var(--components-table-standard-fill-hover);
|
|
335
|
+
background: var(--components-table-standard-cell-fill-hover);
|
|
332
336
|
}
|
|
333
337
|
.eds-contrast .eds-table__body > .eds-table__row--hover:hover {
|
|
334
|
-
background: var(--components-table-contrast-fill-hover);
|
|
338
|
+
background: var(--components-table-contrast-cell-fill-hover);
|
|
335
339
|
}
|
|
336
340
|
.eds-table__body > .eds-table__row--active {
|
|
337
|
-
background: var(--components-table-standard-fill-hover);
|
|
341
|
+
background: var(--components-table-standard-cell-fill-hover);
|
|
338
342
|
}
|
|
339
343
|
.eds-contrast .eds-table__body > .eds-table__row--active {
|
|
340
|
-
background: var(--components-table-contrast-fill-hover);
|
|
344
|
+
background: var(--components-table-contrast-cell-fill-hover);
|
|
341
345
|
}
|
|
342
346
|
.eds-table__body > .eds-table__row--error {
|
|
343
|
-
background: var(--components-table-
|
|
347
|
+
background: var(--components-table-standard-fill-negative);
|
|
344
348
|
}
|
|
345
349
|
.eds-contrast .eds-table__body > .eds-table__row--error {
|
|
346
|
-
background: var(--components-table-contrast-fill-negative);
|
|
350
|
+
background: var(--components-table-contrast-cell-fill-negative);
|
|
347
351
|
}
|
|
348
352
|
.eds-table__head {
|
|
349
353
|
border-bottom: 0.125rem solid var(--components-table-standard-stroke);
|
|
@@ -354,6 +358,7 @@
|
|
|
354
358
|
.eds-table--sticky-header .eds-table__head {
|
|
355
359
|
position: sticky;
|
|
356
360
|
top: 0;
|
|
361
|
+
z-index: 2;
|
|
357
362
|
}
|
|
358
363
|
.eds-table--sticky-header--active .eds-table__head {
|
|
359
364
|
box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/table",
|
|
3
|
-
"version": "4.8.
|
|
3
|
+
"version": "4.8.4",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/table.esm.js",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.
|
|
31
|
-
"@entur/button": "^3.2.
|
|
32
|
-
"@entur/expand": "^3.5.
|
|
33
|
-
"@entur/form": "^7.1.
|
|
34
|
-
"@entur/icons": "^6.15.
|
|
35
|
-
"@entur/layout": "^2.3.
|
|
36
|
-
"@entur/tokens": "^3.
|
|
37
|
-
"@entur/tooltip": "^2.7.
|
|
30
|
+
"@entur/a11y": "^0.2.84",
|
|
31
|
+
"@entur/button": "^3.2.20",
|
|
32
|
+
"@entur/expand": "^3.5.9",
|
|
33
|
+
"@entur/form": "^7.1.4",
|
|
34
|
+
"@entur/icons": "^6.15.8",
|
|
35
|
+
"@entur/layout": "^2.3.4",
|
|
36
|
+
"@entur/tokens": "^3.14.0",
|
|
37
|
+
"@entur/tooltip": "^2.7.4",
|
|
38
38
|
"@entur/utils": "^0.11.1",
|
|
39
39
|
"@types/lodash.get": "^4.4.6",
|
|
40
40
|
"classnames": "^2.3.1",
|
|
41
41
|
"lodash.get": "^4.4.2"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "bbca019e64cca63b6558abed97643bd12f0dca1b"
|
|
44
44
|
}
|