mautourco-components 0.2.139 → 0.2.140

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/dist/components/organisms/Table/Table.css +22 -6
  2. package/package.json +1 -1
  3. package/src/components/organisms/Table/Table.css +20 -4
package/dist/components/organisms/Table/Table.css CHANGED
@@ -46,24 +46,37 @@
46
46
  }
47
47
  }
48
48
  .table__body {
49
- tr {
49
+ > tr {
50
50
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
51
51
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
52
52
  transition-duration: 150ms;
53
53
  }
54
- tr {
54
+ > tr {
55
55
  transition-duration: 200ms;
56
56
  }
57
- tr {
57
+ > tr {
58
58
  border-top: solid 1px var(--color-surface-300);
59
- &:hover:not(.table__no-hover) {
59
+ &:hover:not(.table__row-with-children) {
60
60
  background-color: var(--color-elevation-state-hover-subtle);
61
61
  }
62
62
  &.table__row-highlighted:hover {
63
- tr {
63
+ .table__row-div-highlighted {
64
64
  background-color: var(--color-yellow-100);
65
65
  }
66
66
  }
67
+ &.table__row-div-highlighted {
68
+ div.table__nested-wrapper table tr {
69
+ background-color: var(--color-yellow-50);
70
+ &:hover {
71
+ background-color: var(--color-yellow-100);
72
+ }
73
+ }
74
+ }
75
+ &.table__row-with-children {
76
+ tr:hover {
77
+ background-color: var(--color-elevation-state-hover-subtle);
78
+ }
79
+ }
67
80
  &:first-child {
68
81
  border-top: none;
69
82
  }
@@ -72,7 +85,6 @@
72
85
  &:not(:nth-of-type(1)) {
73
86
  td {
74
87
  vertical-align: top;
75
- padding-top: 0;
76
88
  }
77
89
  }
78
90
  }
@@ -188,9 +200,13 @@
188
200
  }
189
201
  .table .table__nested-wrapper tr {
190
202
  border-top: none;
203
+ background-color: #fff;
191
204
  &:last-child {
192
205
  border-bottom: solid 1px var(--color-surface-300);
193
206
  }
207
+ &:hover {
208
+ background-color: var(--color-elevation-state-hover-subtle);
209
+ }
194
210
  }
195
211
  }
196
212
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mautourco-components",
3
- "version": "0.2.139",
3
+ "version": "0.2.140",
4
4
  "private": false,
5
5
  "description": "Bibliothèque de composants Mautourco pour le redesign",
6
6
  "main": "dist/index.js",
package/src/components/organisms/Table/Table.css CHANGED
@@ -37,17 +37,30 @@
37
37
  }
38
38
  }
39
39
  .table__body {
40
- tr {
40
+ > tr {
41
41
  @apply transition-colors duration-200;
42
42
  border-top: solid 1px var(--color-surface-300);
43
- &:hover:not(.table__no-hover) {
43
+ &:hover:not(.table__row-with-children) {
44
44
  background-color: var(--color-elevation-state-hover-subtle);
45
45
  }
46
46
  &.table__row-highlighted:hover {
47
- tr {
47
+ .table__row-div-highlighted {
48
48
  background-color: var(--color-yellow-100);
49
49
  }
50
50
  }
51
+ &.table__row-div-highlighted {
52
+ div.table__nested-wrapper table tr {
53
+ background-color: var(--color-yellow-50);
54
+ &:hover {
55
+ background-color: var(--color-yellow-100);
56
+ }
57
+ }
58
+ }
59
+ &.table__row-with-children {
60
+ tr:hover {
61
+ background-color: var(--color-elevation-state-hover-subtle);
62
+ }
63
+ }
51
64
  &:first-child {
52
65
  border-top: none;
53
66
  }
@@ -56,7 +69,6 @@
56
69
  &:not(:nth-of-type(1)) {
57
70
  td {
58
71
  vertical-align: top;
59
- padding-top: 0;
60
72
  }
61
73
  }
62
74
  }
@@ -166,9 +178,13 @@
166
178
  }
167
179
  .table .table__nested-wrapper tr {
168
180
  border-top: none;
181
+ background-color: #fff;
169
182
  &:last-child {
170
183
  border-bottom: solid 1px var(--color-surface-300);
171
184
  }
185
+ &:hover {
186
+ background-color: var(--color-elevation-state-hover-subtle);
187
+ }
172
188
  }
173
189
  }
174
190