@trilogy-ds/styles 4.14.4 → 4.15.0-timepicker-circular-native

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.
@@ -18,7 +18,7 @@
18
18
  flex-direction: column;
19
19
  background-color: getColor('background');
20
20
  font-size: $size-normal;
21
- border: var(--border);
21
+ border: 1px solid #{getColor('stroke-fade')};
22
22
  border-radius: var(--radius);
23
23
  margin: 8px 0;
24
24
  min-height: 56px;
@@ -54,7 +54,7 @@ a.box {
54
54
 
55
55
  &.is-flat {
56
56
  box-shadow: none;
57
- border: var(--border);
57
+ border: 1px solid #{getColor('stroke-fade')};
58
58
 
59
59
  .box-header {
60
60
  margin-top: calc(var(--padding-box) * -1 - 1px);
@@ -67,7 +67,7 @@ $basis-values: (
67
67
 
68
68
  &.is-flat {
69
69
  box-shadow: none;
70
- border: var(--border);
70
+ border: 1px solid #{getColor('stroke-fade')};
71
71
 
72
72
  .card-content {
73
73
  padding-left: 20px;
@@ -112,7 +112,7 @@ $basis-values: (
112
112
  flex-basis: map-get($basis-values, 'is-#{$i}');
113
113
  }
114
114
  }
115
-
115
+
116
116
  .card-image {
117
117
  max-width: 100%;
118
118
 
@@ -236,7 +236,7 @@ $basis-values: (
236
236
  .card-image {
237
237
  order: 2;
238
238
  }
239
-
239
+
240
240
  .card-content {
241
241
  order: 1;
242
242
  }
@@ -3,6 +3,7 @@
3
3
  flex: 1;
4
4
  height: 1px;
5
5
  background-color: getColor('neutral');
6
+ border: 1px solid #{getColor('stroke-fade')};
6
7
  }
7
8
 
8
9
  .divider {
@@ -26,7 +26,7 @@
26
26
 
27
27
  td,
28
28
  th {
29
- border: var(--border);
29
+ border: 1px solid #{getColor('stroke-fade')};
30
30
  border-width: 0;
31
31
  padding: 20px;
32
32
  vertical-align: top;
@@ -71,7 +71,7 @@
71
71
  }
72
72
 
73
73
  td {
74
- border-bottom: var(--border);
74
+ border-bottom: 1px solid #{getColor('stroke-fade')};
75
75
 
76
76
  > p {
77
77
  margin: 0;
@@ -153,15 +153,15 @@
153
153
  }
154
154
 
155
155
  &.has-border-all {
156
- border: var(--border);
156
+ border: 1px solid #{getColor('stroke-fade')};
157
157
 
158
158
  th {
159
- border-right: var(--border);
159
+ border-right: 1px solid #{getColor('stroke-fade')};
160
160
  }
161
161
 
162
162
  td {
163
163
  &:not(:last-child) {
164
- border-right: var(--border);
164
+ border-right: 1px solid #{getColor('stroke-fade')};
165
165
  }
166
166
  }
167
167
  }
@@ -169,13 +169,13 @@
169
169
  &.has-border-inner {
170
170
  th {
171
171
  &:not(:last-child) {
172
- border-right: var(--border);
172
+ border-right: 1px solid #{getColor('stroke-fade')};
173
173
  }
174
174
  }
175
175
 
176
176
  td {
177
177
  &:not(:last-child) {
178
- border-right: var(--border);
178
+ border-right: 1px solid #{getColor('stroke-fade')};
179
179
  }
180
180
  }
181
181
  }
@@ -215,7 +215,7 @@
215
215
 
216
216
  tr:not(:first-child) {
217
217
  td {
218
- border-top: var(--border);
218
+ border-top: 1px solid #{getColor('stroke-fade')};
219
219
  }
220
220
  }
221
221
 
@@ -12,6 +12,7 @@ $suffix: '';
12
12
  $colors: (
13
13
  'background': [#fff, 'white', 'main'],
14
14
  'stroke':[ #727272, 'stroke', 'white' ],
15
+ 'stroke-fade':[ #cadbe8, 'stroke-fade', 'white' ],
15
16
  'transparent': ['transparent', 'transparent', 'transparent'],
16
17
  'main':[ #3d5d7e, 'main', 'white'],
17
18
  'main-fade':[ #eff2f8, 'main-fade', 'white'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/styles",
3
- "version": "4.14.4",
3
+ "version": "4.15.0-timepicker-circular-native",
4
4
  "author": "Bouygues Telecom",
5
5
  "repository": {
6
6
  "type": "git",