@entur/table 4.8.3 → 4.8.5

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 +31 -26
  2. 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. */
@@ -97,14 +97,6 @@
97
97
  }
98
98
  /* DO NOT CHANGE!*/
99
99
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
100
- .eds-expand-row-button__icon {
101
- transition: transform ease-in-out 0.2s;
102
- }
103
- .eds-expand-row-button--open .eds-expand-row-button__icon {
104
- transform: rotate(180deg);
105
- }
106
- /* DO NOT CHANGE!*/
107
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
108
100
  /* DO NOT CHANGE!*/
109
101
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
110
102
  /* DO NOT CHANGE!*/
@@ -113,30 +105,34 @@
113
105
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
114
106
  [data-color-mode=light],
115
107
  :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);
108
+ --components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
109
+ --components-table-contrast-cell-fill-hover: #393d79;
110
+ --components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
111
+ --components-table-contrast-header-fill: #181c56;
119
112
  --components-table-contrast-icon: #ffffff;
120
113
  --components-table-contrast-stroke: #8284ab;
121
114
  --components-table-contrast-text: #ffffff;
122
- --components-table-standard-fill: rgba(255, 255, 255, 0);
123
- --components-table-standard-fill-hover: #f2f5f7;
115
+ --components-table-standard-cell-fill: rgba(255, 255, 255, 0);
116
+ --components-table-standard-cell-fill-hover: #f2f5f7;
124
117
  --components-table-standard-fill-negative: #ffcece;
118
+ --components-table-standard-header-fill: #ffffff;
125
119
  --components-table-standard-icon: #181c56;
126
120
  --components-table-standard-stroke: #e3e6e8;
127
121
  --components-table-standard-text: #181c56;
128
122
  }
129
123
 
130
124
  [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);
125
+ --components-table-contrast-cell-fill: rgba(255, 255, 255, 0);
126
+ --components-table-contrast-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
127
+ --components-table-contrast-cell-fill-negative: rgba(255, 148, 148, 0.2);
128
+ --components-table-contrast-header-fill: #08091c;
134
129
  --components-table-contrast-icon: #e5e5e9;
135
130
  --components-table-contrast-stroke: #81828f;
136
131
  --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);
132
+ --components-table-standard-cell-fill: rgba(255, 255, 255, 0);
133
+ --components-table-standard-cell-fill-hover: rgba(229, 229, 233, 0.1490196078);
139
134
  --components-table-standard-fill-negative: rgba(255, 148, 148, 0.2);
135
+ --components-table-standard-header-fill: #08091c;
140
136
  --components-table-standard-icon: #e5e5e9;
141
137
  --components-table-standard-stroke: #81828f;
142
138
  --components-table-standard-text: #e5e5e9;
@@ -328,22 +324,22 @@
328
324
  outline: 2px solid #181c56;
329
325
  }
330
326
  .eds-table__body > .eds-table__row--hover:hover {
331
- background: var(--components-table-standard-fill-hover);
327
+ background: var(--components-table-standard-cell-fill-hover);
332
328
  }
333
329
  .eds-contrast .eds-table__body > .eds-table__row--hover:hover {
334
- background: var(--components-table-contrast-fill-hover);
330
+ background: var(--components-table-contrast-cell-fill-hover);
335
331
  }
336
332
  .eds-table__body > .eds-table__row--active {
337
- background: var(--components-table-standard-fill-hover);
333
+ background: var(--components-table-standard-cell-fill-hover);
338
334
  }
339
335
  .eds-contrast .eds-table__body > .eds-table__row--active {
340
- background: var(--components-table-contrast-fill-hover);
336
+ background: var(--components-table-contrast-cell-fill-hover);
341
337
  }
342
338
  .eds-table__body > .eds-table__row--error {
343
- background: var(--components-table-contrast-fill-negative);
339
+ background: var(--components-table-standard-fill-negative);
344
340
  }
345
341
  .eds-contrast .eds-table__body > .eds-table__row--error {
346
- background: var(--components-table-contrast-fill-negative);
342
+ background: var(--components-table-contrast-cell-fill-negative);
347
343
  }
348
344
  .eds-table__head {
349
345
  border-bottom: 0.125rem solid var(--components-table-standard-stroke);
@@ -354,8 +350,17 @@
354
350
  .eds-table--sticky-header .eds-table__head {
355
351
  position: sticky;
356
352
  top: 0;
353
+ z-index: 2;
357
354
  }
358
355
  .eds-table--sticky-header--active .eds-table__head {
359
356
  box-shadow: 0px 10px 8px -10px rgba(0, 0, 0, 0.15);
360
357
  border-bottom: none;
361
358
  }
359
+ /* DO NOT CHANGE!*/
360
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
361
+ .eds-expand-row-button__icon {
362
+ transition: transform ease-in-out 0.2s;
363
+ }
364
+ .eds-expand-row-button--open .eds-expand-row-button__icon {
365
+ transform: rotate(180deg);
366
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/table",
3
- "version": "4.8.3",
3
+ "version": "4.8.5",
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.83",
31
- "@entur/button": "^3.2.19",
32
- "@entur/expand": "^3.5.8",
33
- "@entur/form": "^7.1.3",
34
- "@entur/icons": "^6.15.7",
35
- "@entur/layout": "^2.3.3",
36
- "@entur/tokens": "^3.13.5",
37
- "@entur/tooltip": "^2.7.3",
30
+ "@entur/a11y": "^0.2.84",
31
+ "@entur/button": "^3.2.21",
32
+ "@entur/expand": "^3.5.10",
33
+ "@entur/form": "^7.1.5",
34
+ "@entur/icons": "^6.16.0",
35
+ "@entur/layout": "^2.3.5",
36
+ "@entur/tokens": "^3.14.0",
37
+ "@entur/tooltip": "^2.7.5",
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": "4a9415af2b2c72292bbb4c6aeeb0f79b7dbdb0bd"
43
+ "gitHead": "5044cdb815a75fc0eff204cedd98e4d1c7d1971e"
44
44
  }