@entur/table 4.5.5 → 4.5.8

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 (3) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/styles.css +48 -26
  3. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
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.8](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.7...@entur/table@4.5.8) (2022-04-20)
7
+
8
+ **Note:** Version bump only for package @entur/table
9
+
10
+ ## [4.5.7](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.6...@entur/table@4.5.7) (2022-04-19)
11
+
12
+ ### Bug Fixes
13
+
14
+ - **table:** fix incorrect header padding in table ([0efe315](https://bitbucket.org/enturas/design-system/commits/0efe315f5a508e3a9eecfe6b992e8a6a7083555b))
15
+
16
+ ## [4.5.6](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.5...@entur/table@4.5.6) (2022-03-14)
17
+
18
+ **Note:** Version bump only for package @entur/table
19
+
6
20
  ## [4.5.5](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.4...@entur/table@4.5.5) (2022-03-01)
7
21
 
8
22
  **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, .eds-table__header-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, .eds-contrast .eds-table__header-cell {
18
+ .eds-contrast .eds-table__data-cell {
19
19
  border-bottom-color: #393d79;
20
20
  }
21
- .eds-table--middle .eds-table__data-cell, .eds-table--middle .eds-table__header-cell {
21
+ .eds-table--middle .eds-table__data-cell {
22
22
  padding: 0.5rem 1rem;
23
23
  height: 3rem;
24
24
  }
25
- .eds-table--middle .eds-table__data-cell .eds-table__header-cell-button-icon, .eds-table--middle .eds-table__header-cell .eds-table__header-cell-button-icon {
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;
@@ -127,9 +113,15 @@
127
113
  font-size: 0.875rem;
128
114
  font-weight: 500;
129
115
  text-align: left;
116
+ height: 3rem;
117
+ padding: 0 1.5rem;
118
+ }
119
+ .eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
120
+ padding: 0 1rem;
130
121
  }
131
122
  .eds-contrast .eds-table__header-cell {
132
123
  color: #aeb7e2;
124
+ border-bottom-color: #393d79;
133
125
  }
134
126
  .eds-table__header-cell--padding-checkbox {
135
127
  width: 3rem;
@@ -143,24 +135,30 @@
143
135
  width: 3rem;
144
136
  padding: 1rem 0.75rem;
145
137
  }
138
+ .eds-table__header-cell--sortable:focus {
139
+ outline: none;
140
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
141
+ outline-offset: 0.125rem;
142
+ }
146
143
  .eds-table__header-cell-button {
147
- appearance: none;
144
+ position: relative;
145
+ text-align: left;
146
+ height: 100%;
147
+ width: 100%;
148
+ padding: 0;
149
+ cursor: pointer;
150
+ -webkit-appearance: none;
151
+ -moz-appearance: none;
152
+ appearance: none;
148
153
  border: none;
149
154
  background: none;
150
155
  color: inherit;
151
- cursor: pointer;
152
156
  font-size: inherit;
153
157
  font-weight: inherit;
154
158
  font-family: inherit;
155
- height: 100%;
156
- padding: 0;
157
- text-align: left;
158
- position: relative;
159
- width: 100%;
160
159
  }
161
160
  .eds-table__header-cell-button-icon {
162
161
  position: absolute;
163
- top: 0.75rem;
164
162
  margin-left: 0.25rem;
165
163
  }
166
164
  .eds-table__header-cell-button:focus {
@@ -213,11 +211,19 @@
213
211
  border-color: #d1d3d3;
214
212
  background: #ffffff;
215
213
  }
214
+ .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] {
215
+ outline-offset: 0.125rem;
216
+ border: 0.0625rem solid #181c56;
217
+ border-radius: 0.25rem;
218
+ }
216
219
  .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 {
217
220
  outline-offset: 0.125rem;
218
221
  border: 0.0625rem solid #181c56;
219
222
  border-radius: 0.25rem;
220
223
  }
224
+ .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] {
225
+ border-color: #aeb7e2;
226
+ }
221
227
  .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 {
222
228
  border-color: #aeb7e2;
223
229
  }
@@ -225,19 +231,35 @@
225
231
  border-color: #393d79;
226
232
  color: #181c56;
227
233
  }
234
+ .eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper[focus-within] {
235
+ outline-offset: 0.125rem;
236
+ border: 0.0625rem solid #181c56;
237
+ border-radius: 0.25rem;
238
+ }
228
239
  .eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper:focus-within {
229
240
  outline-offset: 0.125rem;
230
241
  border: 0.0625rem solid #181c56;
231
242
  border-radius: 0.25rem;
232
243
  }
244
+ .eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper[focus-within] {
245
+ border-color: #aeb7e2;
246
+ background: #ffffff;
247
+ color: #181c56;
248
+ }
233
249
  .eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper:focus-within {
234
250
  border-color: #aeb7e2;
235
251
  background: #ffffff;
236
252
  color: #181c56;
237
253
  }
254
+ .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] {
255
+ border-color: transparent;
256
+ }
238
257
  .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 {
239
258
  border-color: transparent;
240
259
  }
260
+ .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error[focus-within] {
261
+ border-color: transparent;
262
+ }
241
263
  .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error:focus-within {
242
264
  border-color: transparent;
243
265
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/table",
3
- "version": "4.5.5",
3
+ "version": "4.5.8",
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.8",
31
- "@entur/form": "^5.2.3",
30
+ "@entur/expand": "^3.3.10",
31
+ "@entur/form": "^5.3.2",
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": "bf06a9d451cb7f978946c05ce04bb4e6f63379af"
40
+ "gitHead": "c10b4f0f9ecda0126bc916b80ca694cf8d58e399"
41
41
  }