@entur/table 4.5.6 → 4.5.9

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 +5 -5
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.9](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.8...@entur/table@4.5.9) (2022-04-27)
7
+
8
+ **Note:** Version bump only for package @entur/table
9
+
10
+ ## [4.5.8](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.7...@entur/table@4.5.8) (2022-04-20)
11
+
12
+ **Note:** Version bump only for package @entur/table
13
+
14
+ ## [4.5.7](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.6...@entur/table@4.5.7) (2022-04-19)
15
+
16
+ ### Bug Fixes
17
+
18
+ - **table:** fix incorrect header padding in table ([0efe315](https://bitbucket.org/enturas/design-system/commits/0efe315f5a508e3a9eecfe6b992e8a6a7083555b))
19
+
6
20
  ## [4.5.6](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.5...@entur/table@4.5.6) (2022-03-14)
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;
@@ -154,9 +140,15 @@
154
140
  font-size: 0.875rem;
155
141
  font-weight: 500;
156
142
  text-align: left;
143
+ height: 3rem;
144
+ padding: 0 1.5rem;
145
+ }
146
+ .eds-table--middle .eds-table__header-cell, .eds-table--small .eds-table__header-cell {
147
+ padding: 0 1rem;
157
148
  }
158
149
  .eds-contrast .eds-table__header-cell {
159
150
  color: #aeb7e2;
151
+ border-bottom-color: #393d79;
160
152
  }
161
153
  .eds-table__header-cell--padding-checkbox {
162
154
  width: 3rem;
@@ -170,24 +162,30 @@
170
162
  width: 3rem;
171
163
  padding: 1rem 0.75rem;
172
164
  }
165
+ .eds-table__header-cell--sortable:focus {
166
+ outline: none;
167
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
168
+ outline-offset: 0.125rem;
169
+ }
173
170
  .eds-table__header-cell-button {
174
- appearance: none;
171
+ position: relative;
172
+ text-align: left;
173
+ height: 100%;
174
+ width: 100%;
175
+ padding: 0;
176
+ cursor: pointer;
177
+ -webkit-appearance: none;
178
+ -moz-appearance: none;
179
+ appearance: none;
175
180
  border: none;
176
181
  background: none;
177
182
  color: inherit;
178
- cursor: pointer;
179
183
  font-size: inherit;
180
184
  font-weight: inherit;
181
185
  font-family: inherit;
182
- height: 100%;
183
- padding: 0;
184
- text-align: left;
185
- position: relative;
186
- width: 100%;
187
186
  }
188
187
  .eds-table__header-cell-button-icon {
189
188
  position: absolute;
190
- top: 0.75rem;
191
189
  margin-left: 0.25rem;
192
190
  }
193
191
  .eds-table__header-cell-button:focus {
@@ -240,11 +238,19 @@
240
238
  border-color: #d1d3d3;
241
239
  background: #ffffff;
242
240
  }
241
+ .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] {
242
+ outline-offset: 0.125rem;
243
+ border: 0.0625rem solid #181c56;
244
+ border-radius: 0.25rem;
245
+ }
243
246
  .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 {
244
247
  outline-offset: 0.125rem;
245
248
  border: 0.0625rem solid #181c56;
246
249
  border-radius: 0.25rem;
247
250
  }
251
+ .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] {
252
+ border-color: #aeb7e2;
253
+ }
248
254
  .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 {
249
255
  border-color: #aeb7e2;
250
256
  }
@@ -252,19 +258,35 @@
252
258
  border-color: #393d79;
253
259
  color: #181c56;
254
260
  }
261
+ .eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper[focus-within] {
262
+ outline-offset: 0.125rem;
263
+ border: 0.0625rem solid #181c56;
264
+ border-radius: 0.25rem;
265
+ }
255
266
  .eds-editable-cell .eds-form-control-wrapper:active, .eds-editable-cell .eds-form-control-wrapper:focus-within {
256
267
  outline-offset: 0.125rem;
257
268
  border: 0.0625rem solid #181c56;
258
269
  border-radius: 0.25rem;
259
270
  }
271
+ .eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper[focus-within] {
272
+ border-color: #aeb7e2;
273
+ background: #ffffff;
274
+ color: #181c56;
275
+ }
260
276
  .eds-contrast .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-editable-cell .eds-form-control-wrapper:focus-within {
261
277
  border-color: #aeb7e2;
262
278
  background: #ffffff;
263
279
  color: #181c56;
264
280
  }
281
+ .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] {
282
+ border-color: transparent;
283
+ }
265
284
  .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 {
266
285
  border-color: transparent;
267
286
  }
287
+ .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error[focus-within] {
288
+ border-color: transparent;
289
+ }
268
290
  .eds-editable-cell .eds-form-control-wrapper--error:active, .eds-editable-cell .eds-form-control-wrapper--error:focus-within {
269
291
  border-color: transparent;
270
292
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/table",
3
- "version": "4.5.6",
3
+ "version": "4.5.9",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/table.esm.js",
@@ -27,15 +27,15 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/expand": "^3.3.8",
31
- "@entur/form": "^5.3.0",
30
+ "@entur/expand": "^3.3.11",
31
+ "@entur/form": "^5.3.3",
32
32
  "@entur/utils": "^0.4.3",
33
33
  "@types/lodash.get": "^4.4.6",
34
34
  "classnames": "^2.3.1",
35
35
  "lodash.get": "^4.4.2"
36
36
  },
37
37
  "devDependencies": {
38
- "@entur/tokens": "^3.3.1"
38
+ "@entur/tokens": "^3.3.2"
39
39
  },
40
- "gitHead": "c672c8396ce0c3d436746e4299680137488d579d"
40
+ "gitHead": "7b557782d62c07bdce744f9b084d57177e2202e9"
41
41
  }