@entur/table 4.9.20 → 4.9.21

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 (2) hide show
  1. package/dist/styles.css +368 -356
  2. package/package.json +8 -8
package/dist/styles.css CHANGED
@@ -1,368 +1,380 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- /* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
- /* DO NOT CHANGE!*/
8
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
9
1
  [data-color-mode=light],
10
- :root {
11
- --components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
12
- --components-table-contrast-cell-fill-hover: #393d79;
13
- --components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
14
- --components-table-contrast-header-fill: #181c56;
15
- --components-table-contrast-icon: #ffffff;
16
- --components-table-contrast-stroke: #8284ab;
17
- --components-table-contrast-text: #ffffff;
18
- --components-table-standard-cell-fill: rgba(255, 255, 255, 0);
19
- --components-table-standard-cell-fill-hover: #f2f5f7;
20
- --components-table-standard-fill-negative: #ffcece;
21
- --components-table-standard-header-fill: #ffffff;
22
- --components-table-standard-icon: #181c56;
23
- --components-table-standard-stroke: #e3e6e8;
24
- --components-table-standard-text: #181c56;
2
+ :root{
3
+ --components-table-contrast-cell-fill:rgba(255, 255, 255, 0);
4
+ --components-table-contrast-cell-fill-hover:#393d79;
5
+ --components-table-contrast-cell-fill-negative:rgba(255, 148, 148, 0.2);
6
+ --components-table-contrast-header-fill:#181c56;
7
+ --components-table-contrast-icon:#ffffff;
8
+ --components-table-contrast-stroke:#8284ab;
9
+ --components-table-contrast-text:#ffffff;
10
+ --components-table-standard-cell-fill:rgba(255, 255, 255, 0);
11
+ --components-table-standard-cell-fill-hover:#f2f5f7;
12
+ --components-table-standard-fill-negative:#ffcece;
13
+ --components-table-standard-header-fill:#ffffff;
14
+ --components-table-standard-icon:#181c56;
15
+ --components-table-standard-stroke:#e3e6e8;
16
+ --components-table-standard-text:#181c56;
25
17
  }
26
18
 
27
- [data-color-mode=dark] {
28
- --components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
29
- --components-table-contrast-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
30
- --components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
31
- --components-table-contrast-header-fill: #08091c;
32
- --components-table-contrast-icon: #e5e5e9;
33
- --components-table-contrast-stroke: #81828f;
34
- --components-table-contrast-text: #e5e5e9;
35
- --components-table-standard-cell-fill: rgba(255, 255, 255, 0);
36
- --components-table-standard-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
37
- --components-table-standard-fill-negative: rgba(255, 148, 148, 0.2);
38
- --components-table-standard-header-fill: #08091c;
39
- --components-table-standard-icon: #e5e5e9;
40
- --components-table-standard-stroke: #81828f;
41
- --components-table-standard-text: #e5e5e9;
19
+ [data-color-mode=dark]{
20
+ --components-table-contrast-cell-fill:rgba(255, 255, 255, 0);
21
+ --components-table-contrast-cell-fill-hover:rgba(229, 229, 233, 0.1490196078);
22
+ --components-table-contrast-cell-fill-negative:rgba(255, 148, 148, 0.2);
23
+ --components-table-contrast-header-fill:#08091c;
24
+ --components-table-contrast-icon:#e5e5e9;
25
+ --components-table-contrast-stroke:#81828f;
26
+ --components-table-contrast-text:#e5e5e9;
27
+ --components-table-standard-cell-fill:rgba(255, 255, 255, 0);
28
+ --components-table-standard-cell-fill-hover:rgba(229, 229, 233, 0.1490196078);
29
+ --components-table-standard-fill-negative:rgba(255, 148, 148, 0.2);
30
+ --components-table-standard-header-fill:#08091c;
31
+ --components-table-standard-icon:#e5e5e9;
32
+ --components-table-standard-stroke:#81828f;
33
+ --components-table-standard-text:#e5e5e9;
42
34
  }
43
-
44
- /* DO NOT CHANGE!*/
45
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
46
- /* DO NOT CHANGE!*/
47
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
48
35
  [data-color-mode=light],
49
- :root {
50
- --basecolors-frame-contrast: #181c56;
51
- --basecolors-frame-contrastalt: #393d79;
52
- --basecolors-frame-contrastalt-2: #292b6a;
53
- --basecolors-frame-default: #ffffff;
54
- --basecolors-frame-elevated: #ffffff;
55
- --basecolors-frame-elevatedalt: #f6f6f9;
56
- --basecolors-frame-subdued: #d9dae8;
57
- --basecolors-frame-tint: #f6f6f9;
58
- --basecolors-shape-accent: #181c56;
59
- --basecolors-shape-bicycle-contrast: #00db9b;
60
- --basecolors-shape-bicycle-default: #33826b;
61
- --basecolors-shape-bus-contrast: #ff6392;
62
- --basecolors-shape-bus-default: #c5044e;
63
- --basecolors-shape-cableway-contrast: #b482fb;
64
- --basecolors-shape-cableway-default: #78469a;
65
- --basecolors-shape-disabled: #6e6f73;
66
- --basecolors-shape-disabledalt: #b6b8ba;
67
- --basecolors-shape-ferry-contrast: #6fdfff;
68
- --basecolors-shape-ferry-default: #0c6693;
69
- --basecolors-shape-funicular-contrast: #b482fb;
70
- --basecolors-shape-funicular-default: #78469a;
71
- --basecolors-shape-helicopter-contrast: #fbafea;
72
- --basecolors-shape-helicopter-default: #800664;
73
- --basecolors-shape-highlight: #ff5959;
74
- --basecolors-shape-light: #ffffff;
75
- --basecolors-shape-mask: #ffffff;
76
- --basecolors-shape-maskalt: #ffffff;
77
- --basecolors-shape-metro-contrast: #f08901;
78
- --basecolors-shape-metro-default: #bf5826;
79
- --basecolors-shape-mobility-contrast: #00db9b;
80
- --basecolors-shape-mobility-default: #33826b;
81
- --basecolors-shape-plane-contrast: #fbafea;
82
- --basecolors-shape-plane-default: #800664;
83
- --basecolors-shape-subdued: #626493;
84
- --basecolors-shape-subduedalt: #d9dae8;
85
- --basecolors-shape-taxi-contrast: #ffe082;
86
- --basecolors-shape-taxi-default: #3d3e40;
87
- --basecolors-shape-train-contrast: #42a5f5;
88
- --basecolors-shape-train-default: #00367f;
89
- --basecolors-shape-tram-contrast: #b482fb;
90
- --basecolors-shape-tram-default: #78469a;
91
- --basecolors-shape-walk-contrast: #8284ab;
92
- --basecolors-shape-walk-default: #8d8e9c;
93
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
94
- --basecolors-shape-airportlinkbus-default: #800664;
95
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
96
- --basecolors-shape-airportlinkrail-default: #800664;
97
- --basecolors-stroke-contrast: #aeb7e2;
98
- --basecolors-stroke-default: #181c56;
99
- --basecolors-stroke-disabled: #949699;
100
- --basecolors-stroke-focus-contrast: #aeb7e2;
101
- --basecolors-stroke-focus-standard: #181c56;
102
- --basecolors-stroke-highlight: #ff5959;
103
- --basecolors-stroke-light: #ffffff;
104
- --basecolors-stroke-subdued: #8284ab;
105
- --basecolors-stroke-subduedalt: #e3e6e8;
106
- --basecolors-text-accent: #181c56;
107
- --basecolors-text-disabled: #6e6f73;
108
- --basecolors-text-disabledalt: #b6b8ba;
109
- --basecolors-text-highlight: #ff5959;
110
- --basecolors-text-light: #ffffff;
111
- --basecolors-text-subdued: #626493;
112
- --basecolors-text-subduedalt: #d9dae8;
36
+ :root{
37
+ --basecolors-frame-contrast:#181c56;
38
+ --basecolors-frame-contrastalt:#393d79;
39
+ --basecolors-frame-contrastalt-2:#292b6a;
40
+ --basecolors-frame-default:#ffffff;
41
+ --basecolors-frame-elevated:#ffffff;
42
+ --basecolors-frame-elevatedalt:#f6f6f9;
43
+ --basecolors-frame-subdued:#d9dae8;
44
+ --basecolors-frame-tint:#f6f6f9;
45
+ --basecolors-shape-accent:#181c56;
46
+ --basecolors-shape-bicycle-contrast:#00db9b;
47
+ --basecolors-shape-bicycle-default:#33826b;
48
+ --basecolors-shape-bus-contrast:#ff6392;
49
+ --basecolors-shape-bus-default:#c5044e;
50
+ --basecolors-shape-cableway-contrast:#b482fb;
51
+ --basecolors-shape-cableway-default:#78469a;
52
+ --basecolors-shape-disabled:#6e6f73;
53
+ --basecolors-shape-disabledalt:#b6b8ba;
54
+ --basecolors-shape-ferry-contrast:#6fdfff;
55
+ --basecolors-shape-ferry-default:#0c6693;
56
+ --basecolors-shape-funicular-contrast:#b482fb;
57
+ --basecolors-shape-funicular-default:#78469a;
58
+ --basecolors-shape-helicopter-contrast:#fbafea;
59
+ --basecolors-shape-helicopter-default:#800664;
60
+ --basecolors-shape-highlight:#ff5959;
61
+ --basecolors-shape-light:#ffffff;
62
+ --basecolors-shape-mask:#ffffff;
63
+ --basecolors-shape-maskalt:#ffffff;
64
+ --basecolors-shape-metro-contrast:#f08901;
65
+ --basecolors-shape-metro-default:#bf5826;
66
+ --basecolors-shape-mobility-contrast:#00db9b;
67
+ --basecolors-shape-mobility-default:#33826b;
68
+ --basecolors-shape-plane-contrast:#fbafea;
69
+ --basecolors-shape-plane-default:#800664;
70
+ --basecolors-shape-subdued:#626493;
71
+ --basecolors-shape-subduedalt:#d9dae8;
72
+ --basecolors-shape-taxi-contrast:#ffe082;
73
+ --basecolors-shape-taxi-default:#3d3e40;
74
+ --basecolors-shape-train-contrast:#42a5f5;
75
+ --basecolors-shape-train-default:#00367f;
76
+ --basecolors-shape-tram-contrast:#b482fb;
77
+ --basecolors-shape-tram-default:#78469a;
78
+ --basecolors-shape-walk-contrast:#8284ab;
79
+ --basecolors-shape-walk-default:#8d8e9c;
80
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
81
+ --basecolors-shape-airportlinkbus-default:#800664;
82
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
83
+ --basecolors-shape-airportlinkrail-default:#800664;
84
+ --basecolors-stroke-contrast:#aeb7e2;
85
+ --basecolors-stroke-default:#181c56;
86
+ --basecolors-stroke-disabled:#949699;
87
+ --basecolors-stroke-focus-contrast:#aeb7e2;
88
+ --basecolors-stroke-focus-standard:#181c56;
89
+ --basecolors-stroke-highlight:#ff5959;
90
+ --basecolors-stroke-light:#ffffff;
91
+ --basecolors-stroke-subdued:#8284ab;
92
+ --basecolors-stroke-subduedalt:#e3e6e8;
93
+ --basecolors-text-accent:#181c56;
94
+ --basecolors-text-disabled:#6e6f73;
95
+ --basecolors-text-disabledalt:#b6b8ba;
96
+ --basecolors-text-highlight:#ff5959;
97
+ --basecolors-text-light:#ffffff;
98
+ --basecolors-text-subdued:#626493;
99
+ --basecolors-text-subduedalt:#d9dae8;
113
100
  }
114
101
 
115
- [data-color-mode=dark] {
116
- --basecolors-frame-contrast: #212233;
117
- --basecolors-frame-contrastalt: #141527;
118
- --basecolors-frame-contrastalt-2: #08091c;
119
- --basecolors-frame-default: #08091c;
120
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
121
- --basecolors-frame-elevatedalt: #464755;
122
- --basecolors-frame-subdued: #2d2e3e;
123
- --basecolors-frame-tint: #141527;
124
- --basecolors-shape-accent: #e5e5e9;
125
- --basecolors-shape-bicycle-contrast: #4db295;
126
- --basecolors-shape-bicycle-default: #4db295;
127
- --basecolors-shape-bus-contrast: #ef7398;
128
- --basecolors-shape-bus-default: #ef7398;
129
- --basecolors-shape-cableway-contrast: #b898e5;
130
- --basecolors-shape-cableway-default: #b898e5;
131
- --basecolors-shape-disabled: #b6b8ba;
132
- --basecolors-shape-disabledalt: #b3b4bd;
133
- --basecolors-shape-ferry-contrast: #8ccfe2;
134
- --basecolors-shape-ferry-default: #8ccfe2;
135
- --basecolors-shape-funicular-contrast: #b898e5;
136
- --basecolors-shape-funicular-default: #b898e5;
137
- --basecolors-shape-helicopter-contrast: #f2b8e5;
138
- --basecolors-shape-helicopter-default: #f2b8e5;
139
- --basecolors-shape-highlight: #ff9494;
140
- --basecolors-shape-light: #e5e5e9;
141
- --basecolors-shape-mask: #2d2e3e;
142
- --basecolors-shape-maskalt: #393a49;
143
- --basecolors-shape-metro-contrast: #dd973c;
144
- --basecolors-shape-metro-default: #dd973c;
145
- --basecolors-shape-mobility-contrast: #4db295;
146
- --basecolors-shape-mobility-default: #4db295;
147
- --basecolors-shape-plane-contrast: #f2b8e5;
148
- --basecolors-shape-plane-default: #f2b8e5;
149
- --basecolors-shape-subdued: #b3b4bd;
150
- --basecolors-shape-subduedalt: #b3b4bd;
151
- --basecolors-shape-taxi-contrast: #ffe082;
152
- --basecolors-shape-taxi-default: #ffe082;
153
- --basecolors-shape-train-contrast: #60a2d7;
154
- --basecolors-shape-train-default: #60a2d7;
155
- --basecolors-shape-tram-contrast: #b898e5;
156
- --basecolors-shape-tram-default: #b898e5;
157
- --basecolors-shape-walk-contrast: #8d8e9c;
158
- --basecolors-shape-walk-default: #8d8e9c;
159
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
160
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
161
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
162
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
163
- --basecolors-stroke-contrast: #aeb7e2;
164
- --basecolors-stroke-default: #b3b4bd;
165
- --basecolors-stroke-disabled: #e3e6e8;
166
- --basecolors-stroke-focus-contrast: #aeb7e2;
167
- --basecolors-stroke-focus-standard: #aeb7e2;
168
- --basecolors-stroke-highlight: #ff9494;
169
- --basecolors-stroke-light: #b3b4bd;
170
- --basecolors-stroke-subdued: #81828f;
171
- --basecolors-stroke-subduedalt: #949699;
172
- --basecolors-text-accent: #e5e5e9;
173
- --basecolors-text-disabled: #b6b8ba;
174
- --basecolors-text-disabledalt: #b6b8ba;
175
- --basecolors-text-highlight: #ff9494;
176
- --basecolors-text-light: #e5e5e9;
177
- --basecolors-text-subdued: #b3b4bd;
178
- --basecolors-text-subduedalt: #b3b4bd;
102
+ [data-color-mode=dark]{
103
+ --basecolors-frame-contrast:#212233;
104
+ --basecolors-frame-contrastalt:#141527;
105
+ --basecolors-frame-contrastalt-2:#08091c;
106
+ --basecolors-frame-default:#08091c;
107
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
108
+ --basecolors-frame-elevatedalt:#464755;
109
+ --basecolors-frame-subdued:#2d2e3e;
110
+ --basecolors-frame-tint:#141527;
111
+ --basecolors-shape-accent:#e5e5e9;
112
+ --basecolors-shape-bicycle-contrast:#4db295;
113
+ --basecolors-shape-bicycle-default:#4db295;
114
+ --basecolors-shape-bus-contrast:#ef7398;
115
+ --basecolors-shape-bus-default:#ef7398;
116
+ --basecolors-shape-cableway-contrast:#b898e5;
117
+ --basecolors-shape-cableway-default:#b898e5;
118
+ --basecolors-shape-disabled:#b6b8ba;
119
+ --basecolors-shape-disabledalt:#b3b4bd;
120
+ --basecolors-shape-ferry-contrast:#8ccfe2;
121
+ --basecolors-shape-ferry-default:#8ccfe2;
122
+ --basecolors-shape-funicular-contrast:#b898e5;
123
+ --basecolors-shape-funicular-default:#b898e5;
124
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
125
+ --basecolors-shape-helicopter-default:#f2b8e5;
126
+ --basecolors-shape-highlight:#ff9494;
127
+ --basecolors-shape-light:#e5e5e9;
128
+ --basecolors-shape-mask:#2d2e3e;
129
+ --basecolors-shape-maskalt:#393a49;
130
+ --basecolors-shape-metro-contrast:#dd973c;
131
+ --basecolors-shape-metro-default:#dd973c;
132
+ --basecolors-shape-mobility-contrast:#4db295;
133
+ --basecolors-shape-mobility-default:#4db295;
134
+ --basecolors-shape-plane-contrast:#f2b8e5;
135
+ --basecolors-shape-plane-default:#f2b8e5;
136
+ --basecolors-shape-subdued:#b3b4bd;
137
+ --basecolors-shape-subduedalt:#b3b4bd;
138
+ --basecolors-shape-taxi-contrast:#ffe082;
139
+ --basecolors-shape-taxi-default:#ffe082;
140
+ --basecolors-shape-train-contrast:#60a2d7;
141
+ --basecolors-shape-train-default:#60a2d7;
142
+ --basecolors-shape-tram-contrast:#b898e5;
143
+ --basecolors-shape-tram-default:#b898e5;
144
+ --basecolors-shape-walk-contrast:#8d8e9c;
145
+ --basecolors-shape-walk-default:#8d8e9c;
146
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
147
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
148
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
149
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
150
+ --basecolors-stroke-contrast:#aeb7e2;
151
+ --basecolors-stroke-default:#b3b4bd;
152
+ --basecolors-stroke-disabled:#e3e6e8;
153
+ --basecolors-stroke-focus-contrast:#aeb7e2;
154
+ --basecolors-stroke-focus-standard:#aeb7e2;
155
+ --basecolors-stroke-highlight:#ff9494;
156
+ --basecolors-stroke-light:#b3b4bd;
157
+ --basecolors-stroke-subdued:#81828f;
158
+ --basecolors-stroke-subduedalt:#949699;
159
+ --basecolors-text-accent:#e5e5e9;
160
+ --basecolors-text-disabled:#b6b8ba;
161
+ --basecolors-text-disabledalt:#b6b8ba;
162
+ --basecolors-text-highlight:#ff9494;
163
+ --basecolors-text-light:#e5e5e9;
164
+ --basecolors-text-subdued:#b3b4bd;
165
+ --basecolors-text-subduedalt:#b3b4bd;
179
166
  }
180
167
 
181
- :root {
182
- --eds-table: 1;
168
+ :root{
169
+ --eds-table:1;
183
170
  }
184
171
 
185
- .eds-table {
186
- border-collapse: collapse;
187
- width: 100%;
188
- }
189
- .eds-table--fixed {
190
- table-layout: fixed;
191
- }
192
- .eds-table--sticky-header {
193
- position: relative;
194
- }
195
- .eds-table__data-cell {
196
- height: 3.75rem;
197
- padding: 1rem 1.5rem;
198
- }
199
- .eds-contrast .eds-table__data-cell {
200
- border-bottom-color: var(--components-table-contrast-stroke);
201
- }
202
- .eds-table--middle .eds-table__data-cell {
203
- padding: 0.5rem 1rem;
204
- height: 3rem;
205
- }
206
- .eds-table--small .eds-table__data-cell {
207
- padding: 0.25rem 1rem;
208
- height: 2rem;
209
- }
210
- .eds-table__data-cell--padding-checkbox {
211
- width: 3rem;
212
- padding: 0.5rem 0 0.75rem 1.25rem;
213
- }
214
- .eds-table__data-cell--padding-radio {
215
- width: 3rem;
216
- padding: 1rem 0 1rem 1.25rem;
217
- }
218
- .eds-table__data-cell--padding-overflow-menu {
219
- width: 3rem;
220
- padding: 1rem 0.75rem;
221
- }
222
- .eds-table__body > .eds-table__row {
223
- border-bottom: 0.0625rem solid var(--components-table-standard-stroke);
224
- }
225
- .eds-contrast .eds-table__body > .eds-table__row {
226
- border-color: var(--components-table-contrast-stroke);
227
- }
228
- .eds-table__body > .eds-table__row:focus-visible {
229
- outline: 2px solid #181c56;
230
- outline-color: var(--basecolors-stroke-focus-standard);
231
- outline-offset: 0.125rem;
232
- }
233
- .eds-contrast .eds-table__body > .eds-table__row:focus-visible {
234
- outline-color: var(--basecolors-stroke-focus-contrast);
235
- }
236
- .eds-table__body > .eds-table__row--hover:hover {
237
- background: var(--components-table-standard-cell-fill-hover);
238
- }
239
- .eds-contrast .eds-table__body > .eds-table__row--hover:hover {
240
- background: var(--components-table-contrast-cell-fill-hover);
241
- }
242
- .eds-table__body > .eds-table__row--active {
243
- background: var(--components-table-standard-cell-fill-hover);
244
- }
245
- .eds-contrast .eds-table__body > .eds-table__row--active {
246
- background: var(--components-table-contrast-cell-fill-hover);
247
- }
248
- .eds-table__body > .eds-table__row--error {
249
- background: var(--components-table-standard-fill-negative);
250
- }
251
- .eds-contrast .eds-table__body > .eds-table__row--error {
252
- background: var(--components-table-contrast-cell-fill-negative);
253
- }
254
- .eds-table__head {
255
- border-bottom: 0.125rem solid var(--components-table-standard-stroke);
256
- }
257
- .eds-contrast .eds-table__head {
258
- border-color: var(--components-table-contrast-stroke);
259
- }
260
- .eds-table--sticky-header .eds-table__head {
261
- position: sticky;
262
- top: 0;
263
- z-index: 2;
264
- }
265
- .eds-table--sticky-header--active .eds-table__head {
266
- box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
267
- border-bottom: none;
268
- }/* DO NOT CHANGE!*/
269
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
270
- .eds-table__header-cell {
271
- color: var(--components-table-standard-text);
272
- font-size: 1rem;
273
- font-weight: 600;
274
- text-align: left;
275
- height: 3rem;
276
- padding: 0 1.5rem;
277
- }
278
- .eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
279
- padding: 0 1rem;
280
- }
281
- .eds-contrast .eds-table__header-cell {
282
- color: var(--components-table-contrast-text);
283
- border-bottom-color: var(--components-table-contrast-stroke);
284
- }
285
- .eds-table__header-cell--padding-checkbox {
286
- width: 3rem;
287
- padding: 0 0 1rem 1.25rem;
288
- }
289
- .eds-table__header-cell--padding-radio {
290
- width: 3rem;
291
- padding: 0 0 1rem 1.25rem;
292
- }
293
- .eds-table__header-cell--padding-overflow-menu {
294
- width: 3rem;
295
- padding: 1rem 0.75rem;
296
- }
297
- .eds-table__header-cell--sortable:focus-visible {
298
- outline: 2px solid #181c56;
299
- outline-color: var(--basecolors-stroke-focus-standard);
300
- outline-offset: 0.125rem;
301
- }
302
- .eds-contrast .eds-table__header-cell--sortable:focus-visible {
303
- outline-color: var(--basecolors-stroke-focus-contrast);
304
- }
305
- .eds-table__header-cell-button {
306
- position: relative;
307
- text-align: left;
308
- height: 100%;
309
- width: 100%;
310
- padding: 0;
311
- cursor: pointer;
312
- appearance: none;
313
- border: none;
314
- background: none;
315
- color: inherit;
316
- font-size: inherit;
317
- font-weight: inherit;
318
- font-family: inherit;
319
- }
320
- .eds-table__header-cell-button-icon {
321
- position: absolute;
322
- margin-left: 0.25rem;
323
- }
324
- .eds-table__header-cell-button:focus-visible {
325
- outline: 2px solid #181c56;
326
- outline-color: var(--basecolors-stroke-focus-standard);
327
- outline-offset: 0.125rem;
328
- }
329
- .eds-contrast .eds-table__header-cell-button:focus-visible {
330
- outline-color: var(--basecolors-stroke-focus-contrast);
331
- }
332
- .eds-table--sticky-header .eds-table__header-cell {
333
- background-color: var(--components-table-standard-header-fill);
334
- position: sticky;
335
- top: 0;
336
- }
337
- .eds-contrast .eds-table--sticky-header .eds-table__header-cell {
338
- background-color: var(--components-table-contrast-header-fill);
339
- }/* DO NOT CHANGE!*/
340
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
341
- .eds-editable-cell {
342
- padding: 0.25rem 0.75rem;
343
- }
344
- .eds-table--middle .eds-editable-cell {
345
- padding: 0.25rem 0.5rem;
346
- }
347
- .eds-table--small .eds-editable-cell {
348
- padding: 0.125rem 0.5rem;
349
- }
350
- .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) {
351
- min-height: 0;
352
- }
353
- .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
354
- padding: 0.75rem;
355
- }
356
- .eds-table--middle .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
357
- padding: 0.25rem calc(0.5rem - 0.0625rem);
358
- }
359
- .eds-table--small .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control {
360
- padding: calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
361
- }/* DO NOT CHANGE!*/
362
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
363
- .eds-expand-row-button__icon {
364
- transition: transform ease-in-out 0.2s;
365
- }
366
- .eds-expand-row-button--open .eds-expand-row-button__icon {
367
- transform: rotate(180deg);
172
+ .eds-table{
173
+ border-collapse:collapse;
174
+ width:100%;
175
+ }
176
+ .eds-table--fixed{
177
+ table-layout:fixed;
178
+ }
179
+ .eds-table--sticky-header{
180
+ position:relative;
181
+ }
182
+ .eds-table__data-cell{
183
+ height:3.75rem;
184
+ padding:1rem 1.5rem;
185
+ }
186
+ .eds-contrast .eds-table__data-cell{
187
+ border-bottom-color:#8284ab;
188
+ border-bottom-color:var(--components-table-contrast-stroke);
189
+ }
190
+ .eds-table--middle .eds-table__data-cell{
191
+ padding:0.5rem 1rem;
192
+ height:3rem;
193
+ }
194
+ .eds-table--small .eds-table__data-cell{
195
+ padding:0.25rem 1rem;
196
+ height:2rem;
197
+ }
198
+ .eds-table__data-cell--padding-checkbox{
199
+ width:3rem;
200
+ padding:0.5rem 0 0.75rem 1.25rem;
201
+ }
202
+ .eds-table__data-cell--padding-radio{
203
+ width:3rem;
204
+ padding:1rem 0 1rem 1.25rem;
205
+ }
206
+ .eds-table__data-cell--padding-overflow-menu{
207
+ width:3rem;
208
+ padding:1rem 0.75rem;
209
+ }
210
+ .eds-table__body > .eds-table__row{
211
+ border-bottom:0.0625rem solid #e3e6e8;
212
+ border-bottom:0.0625rem solid var(--components-table-standard-stroke);
213
+ }
214
+ .eds-contrast .eds-table__body > .eds-table__row{
215
+ border-color:#8284ab;
216
+ border-color:var(--components-table-contrast-stroke);
217
+ }
218
+ .eds-table__body > .eds-table__row:focus-visible{
219
+ outline:2px solid #181c56;
220
+ outline-color:#181c56;
221
+ outline-color:var(--basecolors-stroke-focus-standard);
222
+ outline-offset:0.125rem;
223
+ }
224
+ .eds-contrast .eds-table__body > .eds-table__row:focus-visible{
225
+ outline-color:#aeb7e2;
226
+ outline-color:var(--basecolors-stroke-focus-contrast);
227
+ }
228
+ .eds-table__body > .eds-table__row--hover:hover{
229
+ background:#f2f5f7;
230
+ background:var(--components-table-standard-cell-fill-hover);
231
+ }
232
+ .eds-contrast .eds-table__body > .eds-table__row--hover:hover{
233
+ background:#393d79;
234
+ background:var(--components-table-contrast-cell-fill-hover);
235
+ }
236
+ .eds-table__body > .eds-table__row--active{
237
+ background:#f2f5f7;
238
+ background:var(--components-table-standard-cell-fill-hover);
239
+ }
240
+ .eds-contrast .eds-table__body > .eds-table__row--active{
241
+ background:#393d79;
242
+ background:var(--components-table-contrast-cell-fill-hover);
243
+ }
244
+ .eds-table__body > .eds-table__row--error{
245
+ background:#ffcece;
246
+ background:var(--components-table-standard-fill-negative);
247
+ }
248
+ .eds-contrast .eds-table__body > .eds-table__row--error{
249
+ background:rgba(255, 148, 148, 0.2);
250
+ background:var(--components-table-contrast-cell-fill-negative);
251
+ }
252
+ .eds-table__head{
253
+ border-bottom:0.125rem solid #e3e6e8;
254
+ border-bottom:0.125rem solid var(--components-table-standard-stroke);
255
+ }
256
+ .eds-contrast .eds-table__head{
257
+ border-color:#8284ab;
258
+ border-color:var(--components-table-contrast-stroke);
259
+ }
260
+ .eds-table--sticky-header .eds-table__head{
261
+ position:-webkit-sticky;
262
+ position:sticky;
263
+ top:0;
264
+ z-index:2;
265
+ }
266
+ .eds-table--sticky-header--active .eds-table__head{
267
+ -webkit-box-shadow:0px 10px 8px -10px rgba(0, 0, 0, 0.15);
268
+ -moz-box-shadow:0px 10px 8px -10px rgba(0, 0, 0, 0.15);
269
+ box-shadow:0px 10px 8px -10px rgba(0, 0, 0, 0.15);
270
+ border-bottom:none;
271
+ }.eds-table__header-cell{
272
+ color:var(--components-table-standard-text);
273
+ font-size:1rem;
274
+ font-weight:600;
275
+ text-align:left;
276
+ height:3rem;
277
+ padding:0 1.5rem;
278
+ }
279
+ .eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell{
280
+ padding:0 1rem;
281
+ }
282
+ .eds-contrast .eds-table__header-cell{
283
+ color:var(--components-table-contrast-text);
284
+ border-bottom-color:var(--components-table-contrast-stroke);
285
+ }
286
+ .eds-table__header-cell--padding-checkbox{
287
+ width:3rem;
288
+ padding:0 0 1rem 1.25rem;
289
+ }
290
+ .eds-table__header-cell--padding-radio{
291
+ width:3rem;
292
+ padding:0 0 1rem 1.25rem;
293
+ }
294
+ .eds-table__header-cell--padding-overflow-menu{
295
+ width:3rem;
296
+ padding:1rem 0.75rem;
297
+ }
298
+ .eds-table__header-cell--sortable:focus-visible{
299
+ outline:2px solid #181c56;
300
+ outline-color:var(--basecolors-stroke-focus-standard);
301
+ outline-offset:0.125rem;
302
+ }
303
+ .eds-contrast .eds-table__header-cell--sortable:focus-visible{
304
+ outline-color:var(--basecolors-stroke-focus-contrast);
305
+ }
306
+ .eds-table__header-cell-button{
307
+ position:relative;
308
+ text-align:left;
309
+ height:100%;
310
+ width:100%;
311
+ padding:0;
312
+ cursor:pointer;
313
+ -webkit-appearance:none;
314
+ -moz-appearance:none;
315
+ appearance:none;
316
+ border:none;
317
+ background:none;
318
+ color:inherit;
319
+ font-size:inherit;
320
+ font-weight:inherit;
321
+ font-family:inherit;
322
+ }
323
+ .eds-table__header-cell-button-icon{
324
+ position:absolute;
325
+ margin-left:0.25rem;
326
+ }
327
+ .eds-table__header-cell-button:focus-visible{
328
+ outline:2px solid #181c56;
329
+ outline-color:var(--basecolors-stroke-focus-standard);
330
+ outline-offset:0.125rem;
331
+ }
332
+ .eds-contrast .eds-table__header-cell-button:focus-visible{
333
+ outline-color:var(--basecolors-stroke-focus-contrast);
334
+ }
335
+ .eds-table--sticky-header .eds-table__header-cell{
336
+ background-color:var(--components-table-standard-header-fill);
337
+ position:-webkit-sticky;
338
+ position:sticky;
339
+ top:0;
340
+ }
341
+ .eds-contrast .eds-table--sticky-header .eds-table__header-cell{
342
+ background-color:var(--components-table-contrast-header-fill);
343
+ }.eds-editable-cell{
344
+ padding:0.25rem 0.75rem;
345
+ }
346
+ .eds-table--middle .eds-editable-cell{
347
+ padding:0.25rem 0.5rem;
348
+ }
349
+ .eds-table--small .eds-editable-cell{
350
+ padding:0.125rem 0.5rem;
351
+ }
352
+ .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield){
353
+ min-height:0;
354
+ }
355
+ .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control{
356
+ padding:0.75rem;
357
+ }
358
+ .eds-table--middle .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control{
359
+ padding:0.25rem -webkit-calc(0.5rem - 0.0625rem);
360
+ padding:0.25rem -moz-calc(0.5rem - 0.0625rem);
361
+ padding:0.25rem calc(0.5rem - 0.0625rem);
362
+ }
363
+ .eds-table--small .eds-editable-cell .eds-form-control-wrapper:not(.eds-datepicker__datefield) .eds-form-control{
364
+ padding:-webkit-calc(0.25rem - 0.125rem) -webkit-calc(0.5rem - 0.0625rem);
365
+ padding:-moz-calc(0.25rem - 0.125rem) -moz-calc(0.5rem - 0.0625rem);
366
+ padding:calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
367
+ }.eds-expand-row-button__icon{
368
+ -webkit-transition:-webkit-transform ease-in-out 0.2s;
369
+ transition:-webkit-transform ease-in-out 0.2s;
370
+ -o-transition:-o-transform ease-in-out 0.2s;
371
+ -moz-transition:transform ease-in-out 0.2s, -moz-transform ease-in-out 0.2s;
372
+ transition:transform ease-in-out 0.2s;
373
+ transition:transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s, -moz-transform ease-in-out 0.2s, -o-transform ease-in-out 0.2s;
374
+ }
375
+ .eds-expand-row-button--open .eds-expand-row-button__icon{
376
+ -webkit-transform:rotate(180deg);
377
+ -moz-transform:rotate(180deg);
378
+ -o-transform:rotate(180deg);
379
+ transform:rotate(180deg);
368
380
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/table",
3
- "version": "4.9.20",
3
+ "version": "4.9.21",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/table.cjs.js",
6
6
  "module": "dist/table.esm.js",
@@ -28,13 +28,13 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.102",
31
- "@entur/button": "^3.3.18",
32
- "@entur/expand": "^3.6.18",
33
- "@entur/form": "^9.0.1",
34
- "@entur/icons": "^8.2.0",
35
- "@entur/layout": "^3.2.2",
31
+ "@entur/button": "^3.3.19",
32
+ "@entur/expand": "^3.6.19",
33
+ "@entur/form": "^9.1.0",
34
+ "@entur/icons": "^8.3.0",
35
+ "@entur/layout": "^3.2.3",
36
36
  "@entur/tokens": "^3.20.0",
37
- "@entur/tooltip": "^5.2.17",
37
+ "@entur/tooltip": "^5.2.18",
38
38
  "@entur/utils": "^0.12.5",
39
39
  "@types/lodash.get": "^4.4.9",
40
40
  "classnames": "^2.5.1",
@@ -53,5 +53,5 @@
53
53
  "vite": "^7.1.3",
54
54
  "vite-plugin-dts": "^4.5.4"
55
55
  },
56
- "gitHead": "51a246c05d8abbc22f93b38be56a5242fcee00c6"
56
+ "gitHead": "cffff0dfd89f80b9311b1cb79cbb42926597af5d"
57
57
  }