@entur/table 4.7.2 → 4.8.0

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 (10) hide show
  1. package/dist/DataCell.d.ts +7 -1
  2. package/dist/EditableCell.d.ts +6 -2
  3. package/dist/styles.css +152 -280
  4. package/dist/table.cjs.development.js +5 -5
  5. package/dist/table.cjs.development.js.map +1 -1
  6. package/dist/table.cjs.production.min.js +1 -1
  7. package/dist/table.cjs.production.min.js.map +1 -1
  8. package/dist/table.esm.js +5 -5
  9. package/dist/table.esm.js.map +1 -1
  10. package/package.json +11 -10
package/dist/DataCell.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
+ import { VariantType } from '@entur/utils';
3
+ /** @deprecated use variant="information" instead */
4
+ declare const info = "info";
5
+ /** @deprecated use variant="negative" instead */
6
+ declare const danger = "danger";
2
7
  export type DataCellProps = {
3
8
  /** Innholdet i tabellcellen */
4
9
  children: React.ReactNode;
@@ -9,6 +14,7 @@ export type DataCellProps = {
9
14
  /** @deprecated bruk variant */
10
15
  status?: 'positive' | 'negative' | 'neutral';
11
16
  /** Hvilken type status man vil vise */
12
- variant?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
17
+ variant?: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
13
18
  } & React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
14
19
  export declare const DataCell: React.ForwardRefExoticComponent<Omit<DataCellProps, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
20
+ export {};
package/dist/EditableCell.d.ts CHANGED
@@ -1,13 +1,17 @@
1
1
  import React from 'react';
2
- import { VariantType } from '@entur/form';
2
+ import { VariantType } from '@entur/utils';
3
3
  import './EditableCell.scss';
4
+ /** @deprecated use variant="information" instead */
5
+ declare const info = "info";
6
+ /** @deprecated use variant="negative" instead */
7
+ declare const error = "error";
4
8
  type EditableCellProps = {
5
9
  /** Ekstra klassenavn */
6
10
  className?: string;
7
11
  /** Inputelementet som skal være i tabellcellen */
8
12
  children: React.ReactElement;
9
13
  /** Valideringsvariant for EditableCell */
10
- variant?: VariantType;
14
+ variant?: VariantType | typeof error | typeof info;
11
15
  /** Varselmelding, som vil komme som en Tooltip under EditableCell */
12
16
  feedback?: string;
13
17
  /** Om cellen skal vise omriss til enhver tid
package/dist/styles.css CHANGED
@@ -103,306 +103,178 @@
103
103
  .eds-expand-row-button--open .eds-expand-row-button__icon {
104
104
  transform: rotate(180deg);
105
105
  }
106
- @import "~@entur/tokens/dist/primitive.css";
107
- @import "~@entur/tokens/dist/semantic.css";
108
106
  /* DO NOT CHANGE!*/
109
107
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
110
108
  /* DO NOT CHANGE!*/
111
109
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
112
- :root {
113
- --fill-background-contrast-dark: var(--ebony-90);
114
- --fill-background-contrast-light: var(--lavender-90);
115
- --fill-background-contrast-lightalt: var(--blue-90);
116
- --fill-background-contrast-lightalt-2: var(--blue-100);
117
- --fill-background-overlay-solid: var(--ebony-80);
118
- --fill-background-overlay-solidalt: var(--ebony-75);
119
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
120
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
121
- --fill-background-standard-colorless: var(--white-alpha-0);
122
- --fill-background-standard-dark: var(--ebony-100);
123
- --fill-background-standard-light: var(--white-alpha-100);
124
- --fill-background-subdued-dark: var(--ebony-85);
125
- --fill-background-subdued-light: var(--blue-30);
126
- --fill-background-tint-dark: var(--ebony-95);
127
- --fill-background-tint-light: var(--blue-10);
128
- --fill-background-tint-neutral: var(--grey-10);
129
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
130
- --fill-boolean-false-contrast: var(--blue-50);
131
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
132
- --fill-boolean-false-light: var(--grey-60);
133
- --fill-boolean-true-contrast: var(--mint-40);
134
- --fill-boolean-true-dark: var(--mint-40);
135
- --fill-boolean-true-light: var(--mint-60);
136
- --fill-disabled-light: var(--grey-40);
137
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
138
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
139
- --fill-information-contrast: var(--sky-30);
140
- --fill-information-deep: var(--sky-50);
141
- --fill-information-muted: var(--sky-10);
142
- --fill-information-tint: var(--sky-20);
143
- --fill-negative-contrast: var(--coral-40);
144
- --fill-negative-dark: var(--coral-90);
145
- --fill-negative-deep: var(--coral-60);
146
- --fill-negative-muted: var(--coral-20);
147
- --fill-negative-tint: var(--coral-30);
148
- --fill-negative-transparent: var(--transparent-coral-alpha20);
149
- --fill-primary-active-contrast: var(--lavender-50);
150
- --fill-primary-active-light: var(--lavender-100);
151
- --fill-primary-default-contrast: var(--lavender-40);
152
- --fill-primary-default-light: var(--lavender-90);
153
- --fill-primary-hover-contrast: var(--lavender-30);
154
- --fill-primary-hover-light: var(--blue-90);
155
- --fill-secondary-active-contrast: var(--lavender-50);
156
- --fill-secondary-active-light: var(--lavender-40);
157
- --fill-secondary-default-colorless: var(--white-alpha-0);
158
- --fill-secondary-hover-contrast: var(--blue-70);
159
- --fill-secondary-hover-light: var(--lavender-20);
160
- --fill-selected-default-contrast: var(--blue-90);
161
- --fill-selected-default-dark: var(--ebony-10);
162
- --fill-selected-default-darkalt: var(--ebony-50);
163
- --fill-selected-default-light: var(--blue-10);
164
- --fill-selected-default-neutral: var(--grey-30);
165
- --fill-selected-hover-contrast: var(--blue-80);
166
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
167
- --fill-selected-hover-light: var(--blue-20);
168
- --fill-selected-hover-neutral: var(--grey-20);
169
- --fill-success-contrast: var(--mint-40);
170
- --fill-success-deep: var(--mint-60);
171
- --fill-success-muted: var(--mint-20);
172
- --fill-success-subdued: var(--mint-50);
173
- --fill-success-tint: var(--mint-30);
174
- --fill-warning-contrast: var(--canary-40);
175
- --fill-warning-deep: var(--canary-60);
176
- --fill-warning-muted: var(--canary-20);
177
- --fill-warning-tint: var(--canary-30);
178
- --shape-accent: var(--lavender-90);
179
- --shape-contrast: var(--lavender-40);
180
- --shape-dark: var(--ebony-100);
181
- --shape-darkalt: var(--ebony-30);
182
- --shape-disabled: var(--grey-80);
183
- --shape-highlight: var(--coral-40);
184
- --shape-highlightalt: var(--coral-30);
185
- --shape-inactive: var(--blue-40);
186
- --shape-information: var(--sky-50);
187
- --shape-informationalt: var(--sky-30);
188
- --shape-light: var(--white-alpha-100);
189
- --shape-lightalt: var(--ebony-10);
190
- --shape-negative: var(--coral-60);
191
- --shape-negativealt: var(--coral-30);
192
- --shape-neutral: var(--grey-70);
193
- --shape-neutralalt: var(--grey-50);
194
- --shape-neutralalt2: var(--grey-60);
195
- --shape-subdued: var(--blue-70);
196
- --shape-subduedalt: var(--blue-30);
197
- --shape-success: var(--mint-60);
198
- --shape-successalt: var(--mint-40);
199
- --shape-warning: var(--canary-60);
200
- --shape-warningalt: var(--canary-40);
201
- --stroke-accent: var(--lavender-90);
202
- --stroke-colorless: var(--white-alpha-0);
203
- --stroke-contrast: var(--lavender-40);
204
- --stroke-contrastalt: var(--blue-80);
205
- --stroke-dark: var(--ebony-30);
206
- --stroke-darkalt: var(--ebony-50);
207
- --stroke-darkalt-2: var(--ebony-100);
208
- --stroke-highlight: var(--coral-40);
209
- --stroke-highlightalt: var(--coral-30);
210
- --stroke-information: var(--sky-50);
211
- --stroke-light: var(--white-alpha-100);
212
- --stroke-lightalt: var(--ebony-10);
213
- --stroke-negative: var(--coral-60);
214
- --stroke-negativealt: var(--coral-30);
215
- --stroke-neutral: var(--grey-30);
216
- --stroke-neutralalt: var(--grey-60);
217
- --stroke-subdued: var(--blue-60);
218
- --stroke-success: var(--mint-60);
219
- --stroke-successalt: var(--mint-40);
220
- --stroke-transparent: var(--transparent-blue-alpha40);
221
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
222
- --stroke-warning: var(--canary-70);
223
- --text-accent: var(--lavender-90);
224
- --text-dark: var(--ebony-100);
225
- --text-darkalt: var(--ebony-30);
226
- --text-disabled: var(--grey-80);
227
- --text-highlight: var(--lavender-40);
228
- --text-highlightalt: var(--peach-40);
229
- --text-light: var(--white-alpha-100);
230
- --text-lightalt: var(--ebony-10);
231
- --text-negative: var(--coral-60);
232
- --text-negativealt: var(--coral-30);
233
- --text-neutral: var(--grey-70);
234
- --text-neutralalt: var(--grey-50);
235
- --text-neutralalt2: var(--grey-60);
236
- --text-subdued: var(--blue-70);
237
- --text-subduedalt: var(--blue-30);
238
- --text-success: var(--mint-60);
239
- --text-successalt: var(--mint-40);
240
- }
241
-
110
+ /* DO NOT CHANGE!*/
111
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
242
112
  /* DO NOT CHANGE!*/
243
113
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
244
114
  [data-color-mode=light],
245
115
  :root {
246
- --components-table-contrast-fill: var(--fill-background-standard-colorless);
247
- --components-table-contrast-fill-hover: var(--fill-background-contrast-lightalt);
248
- --components-table-contrast-fill-negative: var(--fill-negative-transparent);
249
- --components-table-contrast-icon: var(--shape-light);
250
- --components-table-contrast-stroke: var(--stroke-subdued);
251
- --components-table-contrast-text: var(--text-light);
252
- --components-table-standard-fill: var(--fill-background-standard-colorless);
253
- --components-table-standard-fill-hover: var(--fill-background-tint-neutral);
254
- --components-table-standard-fill-negative: var(--fill-negative-muted);
255
- --components-table-standard-icon: var(--shape-accent);
256
- --components-table-standard-stroke: var(--stroke-neutral);
257
- --components-table-standard-text: var(--text-accent);
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);
119
+ --components-table-contrast-icon: #ffffff;
120
+ --components-table-contrast-stroke: #8284ab;
121
+ --components-table-contrast-text: #ffffff;
122
+ --components-table-standard-fill: rgba(255, 255, 255, 0);
123
+ --components-table-standard-fill-hover: #f2f5f7;
124
+ --components-table-standard-fill-negative: #ffcece;
125
+ --components-table-standard-icon: #181c56;
126
+ --components-table-standard-stroke: #e3e6e8;
127
+ --components-table-standard-text: #181c56;
258
128
  }
259
129
 
260
130
  [data-color-mode=dark] {
261
- --components-table-contrast-fill: var(--fill-background-standard-colorless);
262
- --components-table-contrast-fill-hover: var(--fill-background-overlay-transparent);
263
- --components-table-contrast-fill-negative: var(--fill-negative-transparent);
264
- --components-table-contrast-icon: var(--shape-lightalt);
265
- --components-table-contrast-stroke: var(--stroke-darkalt);
266
- --components-table-contrast-text: var(--text-lightalt);
267
- --components-table-standard-fill: var(--fill-background-standard-colorless);
268
- --components-table-standard-fill-hover: var(--fill-background-overlay-transparent);
269
- --components-table-standard-fill-negative: var(--fill-negative-transparent);
270
- --components-table-standard-icon: var(--shape-lightalt);
271
- --components-table-standard-stroke: var(--stroke-darkalt);
272
- --components-table-standard-text: var(--text-lightalt);
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);
134
+ --components-table-contrast-icon: #e5e5e9;
135
+ --components-table-contrast-stroke: #81828f;
136
+ --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);
139
+ --components-table-standard-fill-negative: rgba(255, 148, 148, 0.2);
140
+ --components-table-standard-icon: #e5e5e9;
141
+ --components-table-standard-stroke: #81828f;
142
+ --components-table-standard-text: #e5e5e9;
273
143
  }
274
144
 
145
+ /* DO NOT CHANGE!*/
146
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
275
147
  /* DO NOT CHANGE!*/
276
148
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
277
149
  [data-color-mode=light],
278
150
  :root {
279
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
280
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
281
- --basecolors-frame-default: var(--fill-background-standard-light);
282
- --basecolors-frame-elevated: var(--fill-background-standard-light);
283
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
284
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
285
- --basecolors-frame-tint: var(--fill-background-tint-light);
286
- --basecolors-shape-accent: var(--shape-accent);
287
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
288
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
289
- --basecolors-shape-bus-contrast: var(--contrast-bus);
290
- --basecolors-shape-bus-default: var(--standard-bus);
291
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
292
- --basecolors-shape-cableway-default: var(--standard-cableway);
293
- --basecolors-shape-disabled: var(--shape-neutral);
294
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
295
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
296
- --basecolors-shape-ferry-default: var(--standard-ferry);
297
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
298
- --basecolors-shape-funicular-default: var(--standard-funicular);
299
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
300
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
301
- --basecolors-shape-highlight: var(--stroke-highlight);
302
- --basecolors-shape-light: var(--shape-light);
303
- --basecolors-shape-mask: var(--shape-light);
304
- --basecolors-shape-maskalt: var(--shape-light);
305
- --basecolors-shape-metro-contrast: var(--contrast-metro);
306
- --basecolors-shape-metro-default: var(--standard-metro);
307
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
308
- --basecolors-shape-mobility-default: var(--standard-mobility);
309
- --basecolors-shape-plane-contrast: var(--contrast-plane);
310
- --basecolors-shape-plane-default: var(--standard-plane);
311
- --basecolors-shape-subdued: var(--shape-subdued);
312
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
313
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
314
- --basecolors-shape-taxi-default: var(--standard-taxi);
315
- --basecolors-shape-train-contrast: var(--contrast-train);
316
- --basecolors-shape-train-default: var(--standard-train);
317
- --basecolors-shape-tram-contrast: var(--contrast-tram);
318
- --basecolors-shape-tram-default: var(--standard-tram);
319
- --basecolors-shape-walk-contrast: var(--contrast-walk);
320
- --basecolors-shape-walk-default: var(--standard-walk);
321
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
322
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
323
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
324
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
325
- --basecolors-stroke-contrast: var(--stroke-contrast);
326
- --basecolors-stroke-default: var(--stroke-accent);
327
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
328
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
329
- --basecolors-stroke-focus-standard: var(--stroke-accent);
330
- --basecolors-stroke-highlight: var(--stroke-highlight);
331
- --basecolors-stroke-light: var(--stroke-light);
332
- --basecolors-stroke-subdued: var(--stroke-subdued);
333
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
334
- --basecolors-text-accent: var(--text-accent);
335
- --basecolors-text-disabled: var(--text-neutral);
336
- --basecolors-text-disabledalt: var(--text-neutralalt);
337
- --basecolors-text-highlight: var(--stroke-highlight);
338
- --basecolors-text-light: var(--text-light);
339
- --basecolors-text-subdued: var(--text-subdued);
340
- --basecolors-text-subduedalt: var(--text-subduedalt);
151
+ --basecolors-frame-contrast: #181c56;
152
+ --basecolors-frame-contrastalt: #393d79;
153
+ --basecolors-frame-default: #ffffff;
154
+ --basecolors-frame-elevated: #ffffff;
155
+ --basecolors-frame-elevatedalt: #f6f6f9;
156
+ --basecolors-frame-subdued: #d9dae8;
157
+ --basecolors-frame-tint: #f6f6f9;
158
+ --basecolors-shape-accent: #181c56;
159
+ --basecolors-shape-bicycle-contrast: #00db9b;
160
+ --basecolors-shape-bicycle-default: #388f76;
161
+ --basecolors-shape-bus-contrast: #ff6392;
162
+ --basecolors-shape-bus-default: #c5044e;
163
+ --basecolors-shape-cableway-contrast: #b482fb;
164
+ --basecolors-shape-cableway-default: #78469a;
165
+ --basecolors-shape-disabled: #6e6f73;
166
+ --basecolors-shape-disabledalt: #b6b8ba;
167
+ --basecolors-shape-ferry-contrast: #6fdfff;
168
+ --basecolors-shape-ferry-default: #0c6693;
169
+ --basecolors-shape-funicular-contrast: #b482fb;
170
+ --basecolors-shape-funicular-default: #78469a;
171
+ --basecolors-shape-helicopter-contrast: #fbafea;
172
+ --basecolors-shape-helicopter-default: #800664;
173
+ --basecolors-shape-highlight: #ff5959;
174
+ --basecolors-shape-light: #ffffff;
175
+ --basecolors-shape-mask: #ffffff;
176
+ --basecolors-shape-maskalt: #ffffff;
177
+ --basecolors-shape-metro-contrast: #f08901;
178
+ --basecolors-shape-metro-default: #bf5826;
179
+ --basecolors-shape-mobility-contrast: #00db9b;
180
+ --basecolors-shape-mobility-default: #388f76;
181
+ --basecolors-shape-plane-contrast: #fbafea;
182
+ --basecolors-shape-plane-default: #800664;
183
+ --basecolors-shape-subdued: #626493;
184
+ --basecolors-shape-subduedalt: #d9dae8;
185
+ --basecolors-shape-taxi-contrast: #ffe082;
186
+ --basecolors-shape-taxi-default: #3d3e40;
187
+ --basecolors-shape-train-contrast: #42a5f5;
188
+ --basecolors-shape-train-default: #00367f;
189
+ --basecolors-shape-tram-contrast: #b482fb;
190
+ --basecolors-shape-tram-default: #78469a;
191
+ --basecolors-shape-walk-contrast: #8284ab;
192
+ --basecolors-shape-walk-default: #8d8e9c;
193
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
194
+ --basecolors-shape-airportlinkbus-default: #800664;
195
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
196
+ --basecolors-shape-airportlinkrail-default: #800664;
197
+ --basecolors-stroke-contrast: #aeb7e2;
198
+ --basecolors-stroke-default: #181c56;
199
+ --basecolors-stroke-disabled: #949699;
200
+ --basecolors-stroke-focus-contrast: #aeb7e2;
201
+ --basecolors-stroke-focus-standard: #181c56;
202
+ --basecolors-stroke-highlight: #ff5959;
203
+ --basecolors-stroke-light: #ffffff;
204
+ --basecolors-stroke-subdued: #8284ab;
205
+ --basecolors-stroke-subduedalt: #e3e6e8;
206
+ --basecolors-text-accent: #181c56;
207
+ --basecolors-text-disabled: #6e6f73;
208
+ --basecolors-text-disabledalt: #b6b8ba;
209
+ --basecolors-text-highlight: #ff5959;
210
+ --basecolors-text-light: #ffffff;
211
+ --basecolors-text-subdued: #626493;
212
+ --basecolors-text-subduedalt: #d9dae8;
341
213
  }
342
214
 
343
215
  [data-color-mode=dark] {
344
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
345
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
346
- --basecolors-frame-default: var(--fill-background-standard-dark);
347
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
348
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
349
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
350
- --basecolors-frame-tint: var(--fill-background-tint-dark);
351
- --basecolors-shape-accent: var(--shape-lightalt);
352
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
353
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
354
- --basecolors-shape-bus-contrast: var(--dark-bus);
355
- --basecolors-shape-bus-default: var(--dark-bus);
356
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
357
- --basecolors-shape-cableway-default: var(--dark-cableway);
358
- --basecolors-shape-disabled: var(--shape-neutralalt);
359
- --basecolors-shape-disabledalt: var(--shape-darkalt);
360
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
361
- --basecolors-shape-ferry-default: var(--dark-ferry);
362
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
363
- --basecolors-shape-funicular-default: var(--dark-funicular);
364
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
365
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
366
- --basecolors-shape-highlight: var(--stroke-highlightalt);
367
- --basecolors-shape-light: var(--shape-lightalt);
368
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
369
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
370
- --basecolors-shape-metro-contrast: var(--dark-metro);
371
- --basecolors-shape-metro-default: var(--dark-metro);
372
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
373
- --basecolors-shape-mobility-default: var(--dark-mobility);
374
- --basecolors-shape-plane-contrast: var(--dark-plane);
375
- --basecolors-shape-plane-default: var(--dark-plane);
376
- --basecolors-shape-subdued: var(--shape-darkalt);
377
- --basecolors-shape-subduedalt: var(--shape-darkalt);
378
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
379
- --basecolors-shape-taxi-default: var(--dark-taxi);
380
- --basecolors-shape-train-contrast: var(--dark-train);
381
- --basecolors-shape-train-default: var(--dark-train);
382
- --basecolors-shape-tram-contrast: var(--dark-tram);
383
- --basecolors-shape-tram-default: var(--dark-tram);
384
- --basecolors-shape-walk-contrast: var(--dark-walk);
385
- --basecolors-shape-walk-default: var(--dark-walk);
386
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
387
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
388
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
389
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
390
- --basecolors-stroke-contrast: var(--stroke-contrast);
391
- --basecolors-stroke-default: var(--stroke-dark);
392
- --basecolors-stroke-disabled: var(--stroke-neutral);
393
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
394
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
395
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
396
- --basecolors-stroke-light: var(--stroke-dark);
397
- --basecolors-stroke-subdued: var(--stroke-darkalt);
398
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
399
- --basecolors-text-accent: var(--text-lightalt);
400
- --basecolors-text-disabled: var(--text-neutralalt);
401
- --basecolors-text-disabledalt: var(--text-neutralalt);
402
- --basecolors-text-highlight: var(--stroke-highlightalt);
403
- --basecolors-text-light: var(--text-lightalt);
404
- --basecolors-text-subdued: var(--text-darkalt);
405
- --basecolors-text-subduedalt: var(--text-darkalt);
216
+ --basecolors-frame-contrast: #212233;
217
+ --basecolors-frame-contrastalt: #141527;
218
+ --basecolors-frame-default: #08091c;
219
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
220
+ --basecolors-frame-elevatedalt: #464755;
221
+ --basecolors-frame-subdued: #2d2e3e;
222
+ --basecolors-frame-tint: #141527;
223
+ --basecolors-shape-accent: #e5e5e9;
224
+ --basecolors-shape-bicycle-contrast: #4db295;
225
+ --basecolors-shape-bicycle-default: #4db295;
226
+ --basecolors-shape-bus-contrast: #e87a9b;
227
+ --basecolors-shape-bus-default: #e87a9b;
228
+ --basecolors-shape-cableway-contrast: #b898e5;
229
+ --basecolors-shape-cableway-default: #b898e5;
230
+ --basecolors-shape-disabled: #b6b8ba;
231
+ --basecolors-shape-disabledalt: #b3b4bd;
232
+ --basecolors-shape-ferry-contrast: #8ccfe2;
233
+ --basecolors-shape-ferry-default: #8ccfe2;
234
+ --basecolors-shape-funicular-contrast: #b898e5;
235
+ --basecolors-shape-funicular-default: #b898e5;
236
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
237
+ --basecolors-shape-helicopter-default: #f2b8e5;
238
+ --basecolors-shape-highlight: #ff9494;
239
+ --basecolors-shape-light: #e5e5e9;
240
+ --basecolors-shape-mask: #2d2e3e;
241
+ --basecolors-shape-maskalt: #393a49;
242
+ --basecolors-shape-metro-contrast: #dd973c;
243
+ --basecolors-shape-metro-default: #dd973c;
244
+ --basecolors-shape-mobility-contrast: #4db295;
245
+ --basecolors-shape-mobility-default: #4db295;
246
+ --basecolors-shape-plane-contrast: #f2b8e5;
247
+ --basecolors-shape-plane-default: #f2b8e5;
248
+ --basecolors-shape-subdued: #b3b4bd;
249
+ --basecolors-shape-subduedalt: #b3b4bd;
250
+ --basecolors-shape-taxi-contrast: #ffe082;
251
+ --basecolors-shape-taxi-default: #ffe082;
252
+ --basecolors-shape-train-contrast: #60a2d7;
253
+ --basecolors-shape-train-default: #60a2d7;
254
+ --basecolors-shape-tram-contrast: #b898e5;
255
+ --basecolors-shape-tram-default: #b898e5;
256
+ --basecolors-shape-walk-contrast: #8d8e9c;
257
+ --basecolors-shape-walk-default: #8d8e9c;
258
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
259
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
260
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
261
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
262
+ --basecolors-stroke-contrast: #aeb7e2;
263
+ --basecolors-stroke-default: #b3b4bd;
264
+ --basecolors-stroke-disabled: #e3e6e8;
265
+ --basecolors-stroke-focus-contrast: #aeb7e2;
266
+ --basecolors-stroke-focus-standard: #aeb7e2;
267
+ --basecolors-stroke-highlight: #ff9494;
268
+ --basecolors-stroke-light: #b3b4bd;
269
+ --basecolors-stroke-subdued: #81828f;
270
+ --basecolors-stroke-subduedalt: #81828f;
271
+ --basecolors-text-accent: #e5e5e9;
272
+ --basecolors-text-disabled: #b6b8ba;
273
+ --basecolors-text-disabledalt: #b6b8ba;
274
+ --basecolors-text-highlight: #ff9494;
275
+ --basecolors-text-light: #e5e5e9;
276
+ --basecolors-text-subdued: #b3b4bd;
277
+ --basecolors-text-subduedalt: #b3b4bd;
406
278
  }
407
279
 
408
280
  :root {
package/dist/table.cjs.development.js CHANGED
@@ -156,7 +156,7 @@ function mapStatusToVariant(status) {
156
156
  case 'positive':
157
157
  return 'success';
158
158
  case 'negative':
159
- return 'danger';
159
+ return 'negative';
160
160
  case 'neutral':
161
161
  return 'neutral';
162
162
  default:
@@ -263,15 +263,15 @@ var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
263
263
  type: "button",
264
264
  "aria-sort": ariaSort
265
265
  }, rest), children, (!isCurrentlySorted || sortConfig.order === 'none') && React.createElement(icons.UnsortedIcon, {
266
- size: "1rem",
266
+ size: "1em",
267
267
  className: "eds-table__header-cell-button-icon",
268
268
  "aria-hidden": "true"
269
269
  }), isCurrentlySorted && sortConfig.order === 'ascending' && React.createElement(icons.UpArrowIcon, {
270
- size: "1rem",
270
+ size: "1em",
271
271
  className: "eds-table__header-cell-button-icon",
272
272
  "aria-hidden": "true"
273
273
  }), isCurrentlySorted && sortConfig.order === 'descending' && React.createElement(icons.DownArrowIcon, {
274
- size: "1rem",
274
+ size: "1em",
275
275
  className: "eds-table__header-cell-button-icon",
276
276
  "aria-hidden": "true"
277
277
  }), React.createElement(a11y.VisuallyHidden, null, isCurrentlySorted && sortedAriaInfo));
@@ -378,7 +378,7 @@ var EditableCell = function EditableCell(_ref) {
378
378
  disableFocusListener: !feedback,
379
379
  placement: "bottom",
380
380
  content: feedback || undefined,
381
- variant: feedback ? 'error' : undefined
381
+ variant: feedback ? 'negative' : undefined
382
382
  }, children)));
383
383
  };
384
384