@eeacms/volto-eea-design-system 0.9.3 → 0.9.5

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 (27) hide show
  1. package/CHANGELOG.md +48 -1
  2. package/package.json +1 -1
  3. package/src/ui/Banner/Banner.jsx +7 -1
  4. package/src/ui/Banner/Banner.stories.jsx +2 -0
  5. package/src/ui/Header/HeaderSearchPopUp.js +30 -12
  6. package/theme/themes/eea/collections/breadcrumb.variables +1 -1
  7. package/theme/themes/eea/collections/table.variables +1 -1
  8. package/theme/themes/eea/definitions/views/item.less +0 -12
  9. package/theme/themes/eea/elements/input.overrides +4 -0
  10. package/theme/themes/eea/elements/list.variables +6 -6
  11. package/theme/themes/eea/extras/banner.less +27 -11
  12. package/theme/themes/eea/extras/banner.variables +10 -0
  13. package/theme/themes/eea/extras/callout.variables +3 -3
  14. package/theme/themes/eea/extras/contentBox.less +13 -6
  15. package/theme/themes/eea/extras/custom.overrides +21 -6
  16. package/theme/themes/eea/extras/header.less +109 -74
  17. package/theme/themes/eea/extras/header.variables +11 -0
  18. package/theme/themes/eea/extras/quote.variables +2 -2
  19. package/theme/themes/eea/extras/tag.variables +1 -1
  20. package/theme/themes/eea/extras/tagList.variables +1 -1
  21. package/theme/themes/eea/globals/site.variables +13 -0
  22. package/theme/themes/eea/modules/accordion.overrides +3 -3
  23. package/theme/themes/eea/modules/accordion.variables +4 -4
  24. package/theme/themes/eea/views/item.overrides +13 -0
  25. package/theme/themes/eea/views/item.variables +1 -1
  26. package/theme/themes/eea/views/statistic.overrides +1 -0
  27. package/theme/themes/eea/views/statistic.variables +8 -8
package/theme/themes/eea/modules/accordion.variables CHANGED
@@ -10,7 +10,7 @@
10
10
  @titlePadding: 1rem 1.563rem;
11
11
  @titlePadding: @rectangleMedium;
12
12
  @titleFontSize: 1.125rem;
13
- @titleColor: var(--text-color, @textColor);
13
+ @titleColor: @textColorCSSVar;
14
14
  @titleBorderBottom: @1px solid @silverGray;
15
15
  @titleColorHover:var(--text-color-hover, @grey-5);
16
16
  @titleJustifyContent: space-between;
@@ -32,7 +32,7 @@
32
32
  ;
33
33
  @iconVerticalAlign: baseline;
34
34
  @iconTransform: none;
35
- @iconColorHover: @grey-5;
35
+ @iconColorHover: @titleColorHover;
36
36
  @iconInactive: "\ea4e"; // Icon of closed accordion
37
37
  @iconActive: "\EA78"; // Icon of open accordion
38
38
  @iconOrder: 1; // Icon after text of the title
@@ -63,7 +63,7 @@
63
63
  --------------------*/
64
64
 
65
65
  @activeIconTransform: none;
66
- @activeTitleBackground: @white;
66
+ @activeTitleBackground: var(--bg-color, @white);
67
67
  @activeTitleColor: @grey-5;
68
68
  @activeTitleBorderBottom: 0;
69
69
 
@@ -73,7 +73,7 @@
73
73
 
74
74
  /* Styled */
75
75
  @styledWidth: 600px;
76
- @styledBackground: @white;
76
+ @styledBackground: @activeTitleBackground;
77
77
  @styledBorderRadius: 0;
78
78
  @styledBoxShadow: none;
79
79
 
package/theme/themes/eea/views/item.overrides CHANGED
@@ -70,6 +70,19 @@
70
70
  }
71
71
  }
72
72
 
73
+ // color item images that are svg files
74
+ .item.primary img {
75
+ filter: @itemPrimaryFilterColor;
76
+ }
77
+
78
+ .item.secondary img {
79
+ filter: @itemSecondaryFilterColor;
80
+ }
81
+
82
+ .item.tertiary img {
83
+ filter: @itemTertiaryFilterColor;
84
+ }
85
+
73
86
  // decrease margin when using icons instead of images
74
87
  // since the icons have themselves extra whitespace
75
88
  // and we should aim to get about 32px as seen in the figma design
package/theme/themes/eea/views/item.variables CHANGED
@@ -113,7 +113,7 @@
113
113
  @descriptionMaxWidth: auto;
114
114
  @descriptionFontSize: 1em;
115
115
  @descriptionLineHeight: @lineHeight;
116
- @descriptionColor: @textColor;
116
+ @descriptionColor: @textColorCSSVar;
117
117
 
118
118
  /* Content Image */
119
119
  @contentImageWidth: '';
package/theme/themes/eea/views/statistic.overrides CHANGED
@@ -34,6 +34,7 @@
34
34
  }
35
35
  }
36
36
 
37
+ .ui.statistics.inverted .slate,
37
38
  .ui.statistics.inverted > a {
38
39
  color: @white;
39
40
  }
package/theme/themes/eea/views/statistic.variables CHANGED
@@ -9,10 +9,10 @@
9
9
  @mobileStatisticWidth: 100%;
10
10
  @tabletStatisticWidth: inherit;
11
11
 
12
- @secondaryValueColor: @secondaryColor;
13
- @primaryLabelColor: @primaryColor;
12
+ @secondaryValueColor: @secondaryColorCSSVar;
13
+ @primaryLabelColor: @primaryColorCSSVar;
14
14
 
15
- @verticalMargin: 1em;
15
+ @verticalMargin: 1.5em;
16
16
  @margin: @verticalMargin 0em;
17
17
  @textAlign: center;
18
18
  @maxWidth: auto;
@@ -20,7 +20,7 @@
20
20
  /* Group */
21
21
  @horizontalSpacing: 1.5em;
22
22
  @rowSpacing: 2em;
23
- @groupMargin: @verticalMargin -@horizontalSpacing -@rowSpacing;
23
+ @groupMargin: @verticalMargin 0;
24
24
 
25
25
  /* Group Element */
26
26
  @elementMargin: @rowSpacing @horizontalSpacing @rowSpacing;
@@ -36,7 +36,7 @@
36
36
  @valueFont: @pageFont;
37
37
  @valueFontWeight: @normal;
38
38
  @valueLineHeight: 1.5em;
39
- @valueColor: @secondaryColor;
39
+ @valueColor: @secondaryColorCSSVar;
40
40
  @valueTextTransform: none;
41
41
 
42
42
  /* Label */
@@ -45,7 +45,7 @@
45
45
  @bottomLabelDistance: 0rem;
46
46
  @labelFont: @headerFont;
47
47
  @labelFontWeight: @bold;
48
- @labelColor: @primaryColor;
48
+ @labelColor: @primaryColorCSSVar;
49
49
  @labelLineHeight: @relativeLarge;
50
50
  @labelTextTransform: none;
51
51
 
@@ -79,8 +79,8 @@
79
79
  @invertedBackground: transparent;
80
80
 
81
81
  /* Item Width */
82
- @itemGroupMargin: 0em 0em -@rowSpacing;
83
- @itemMargin: 0em 0em @rowSpacing;
82
+ @itemGroupMargin: 2rem 0;
83
+ @itemMargin: 2rem 0;
84
84
 
85
85
  /* Size */
86
86
  @miniTextValueSize: 1rem;