@trilogy-ds/styles 4.5.1-beta-4 → 4.6.0-beta-1

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.
@@ -56,7 +56,7 @@
56
56
  input:checked ~ label.checkbox-label {
57
57
  &:after {
58
58
  top: 15px;
59
- right: 15px;
59
+ left: 15px;
60
60
  }
61
61
  }
62
62
  }
@@ -68,7 +68,7 @@
68
68
  input:checked ~ label.radio-label {
69
69
  &:after {
70
70
  top: 18px;
71
- right: 18px;
71
+ left: 18px;
72
72
  }
73
73
  }
74
74
 
@@ -76,7 +76,7 @@
76
76
  &:after {
77
77
  background-color: getColor('neutral');
78
78
  top: 19px;
79
- right: 19px;
79
+ left: 19px;
80
80
  }
81
81
  }
82
82
  }
@@ -186,7 +186,7 @@
186
186
 
187
187
  &:before {
188
188
  top: 16px;
189
- right: 16px;
189
+ left: 16px;
190
190
  }
191
191
 
192
192
  span.#{$type}-title {
@@ -214,7 +214,7 @@
214
214
 
215
215
  &:before {
216
216
  top: 15px;
217
- right: 15px;
217
+ left: 15px;
218
218
  }
219
219
 
220
220
  span.#{$type}-title {
@@ -237,6 +237,13 @@
237
237
  }
238
238
  }
239
239
 
240
+ .#{$type}-sticker {
241
+ position: absolute;
242
+ top: 0px;
243
+ right: 16px;
244
+ transform: translateY(-50%);
245
+ }
246
+
240
247
  &.is-horizontal {
241
248
  display: flex;
242
249
  justify-content: space-between;
@@ -252,7 +259,6 @@
252
259
  input {
253
260
  &:checked:not(:disabled) ~ label.#{$type}-label {
254
261
  padding: 15px;
255
- padding-right: 47px;
256
262
  }
257
263
 
258
264
  }
@@ -263,18 +269,23 @@
263
269
  align-items: center;
264
270
  justify-content: flex-start;
265
271
  text-align: left;
266
- padding: 16px 48px 16px 16px;
272
+ padding: 16px;
267
273
 
268
274
  &:before,
269
275
  &:after {
270
276
  top: 50% !important;
271
277
  transform: translateY(-50%);
272
278
  }
279
+
280
+ & > span:not(.icon):first-of-type {
281
+ margin-left: 34px;
282
+ }
273
283
  }
274
284
 
275
285
  .icon {
286
+ margin-left: 34px;
276
287
  margin-right: 16px;
277
- }
288
+ }
278
289
  }
279
290
  }
280
291
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/styles",
3
- "version": "4.5.1-beta-4",
3
+ "version": "4.6.0-beta-1",
4
4
  "author": "Bouygues Telecom",
5
5
  "license": "UNLICENSED",
6
6
  "files": [