@ilo-org/styles 1.0.6 → 1.0.7

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ilo-org/styles",
3
3
  "description": "Styles for products using ILO's Design System",
4
- "version": "1.0.6",
4
+ "version": "1.0.7",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/international-labour-organization/designsystem.git",
@@ -44,14 +44,14 @@
44
44
 
45
45
  &:hover,
46
46
  &:focus {
47
- background-color: $color-ux-background-hover;
48
47
  border-top-color: $color-ux-borders-hover;
49
48
  color: $color-ux-labels-hover;
50
49
  fill: $color-ux-labels-hover;
51
50
  cursor: pointer;
52
51
 
53
52
  &[aria-expanded="true"] {
54
- @include dataurlicon("minus", $color-ux-labels-hover);
53
+ color: $brand-ilo-dark-blue;
54
+ @include dataurlicon("minus", $brand-ilo-dark-blue);
55
55
  }
56
56
 
57
57
  &[aria-expanded="false"] {
@@ -69,7 +69,9 @@
69
69
  }
70
70
 
71
71
  &[aria-expanded="true"] {
72
- @include dataurlicon("minus", $color-ux-labels-actionable);
72
+ background-color: $color-base-blue-light;
73
+ color: $brand-ilo-blue;
74
+ @include dataurlicon("minus", $brand-ilo-blue);
73
75
  }
74
76
 
75
77
  &[aria-expanded="false"] {
@@ -22,7 +22,6 @@
22
22
  p + figure,
23
23
  p + img,
24
24
  p + blockquote,
25
- p + iframe,
26
25
  ul + img,
27
26
  ol + img,
28
27
  dl + img,
@@ -41,12 +40,8 @@
41
40
  );
42
41
  }
43
42
 
44
- article {
45
- margin-bottom: spacing(14);
46
- }
47
-
48
43
  iframe {
49
- margin-bottom: spacing(14);
44
+ margin-block: spacing(8) spacing(14);
50
45
  }
51
46
 
52
47
  figure {
@@ -292,7 +287,6 @@
292
287
  p + figure,
293
288
  p + img,
294
289
  p + blockquote,
295
- p + iframe,
296
290
  ul + img,
297
291
  ol + img,
298
292
  dl + img,
@@ -315,6 +309,10 @@
315
309
  margin-bottom: spacing(19);
316
310
  }
317
311
 
312
+ iframe {
313
+ margin-block: calc(spacing(9) + px-to-rem(2)) spacing(14);
314
+ }
315
+
318
316
  figure {
319
317
  width: 100%;
320
318
  @include textmargin(