vanilla-framework 4.18.1 → 4.18.3

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/package.json +9 -9
  2. package/scss/_patterns_image.scss +2 -2
  3. package/templates/_macros/vf_quote-wrapper.jinja +1 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vanilla-framework",
3
- "version": "4.18.1",
3
+ "version": "4.18.3",
4
4
  "author": {
5
5
  "email": "webteam@canonical.com",
6
6
  "name": "Canonical Webteam"
@@ -59,27 +59,27 @@
59
59
  "devDependencies": {
60
60
  "@canonical/cookie-policy": "3.6.4",
61
61
  "@canonical/latest-news": "1.5.0",
62
- "@percy/cli": "1.29.4",
62
+ "@percy/cli": "1.30.3",
63
63
  "@testing-library/cypress": "10.0.2",
64
64
  "autoprefixer": "10.4.20",
65
- "cypress": "13.15.0",
65
+ "cypress": "13.16.0",
66
66
  "jest": "29.7.0",
67
67
  "js-beautify": "1.15.1",
68
68
  "markdown-spellcheck": "1.3.1",
69
69
  "mime": "3.0.0",
70
70
  "parker": "0.0.10",
71
- "postcss": "8.4.47",
71
+ "postcss": "8.4.49",
72
72
  "postcss-cli": "11.0.0",
73
73
  "postcss-scss": "4.0.9",
74
- "prettier": "3.3.3",
75
- "sass": "1.79.4",
76
- "style-dictionary": "4.1.2",
77
- "stylelint": "16.9.0",
74
+ "prettier": "3.4.1",
75
+ "sass": "1.81.0",
76
+ "style-dictionary": "4.2.0",
77
+ "stylelint": "16.11.0",
78
78
  "stylelint-config-recommended-scss": "14.1.0",
79
79
  "stylelint-order": "6.0.4",
80
80
  "stylelint-prettier": "5.0.2",
81
81
  "svgo": "3.3.2",
82
- "yaml": "2.5.1"
82
+ "yaml": "2.6.1"
83
83
  },
84
84
  "peerDependencies": {
85
85
  "sass": "^1.79.0"
package/scss/_patterns_image.scss CHANGED
@@ -84,8 +84,8 @@ $aspect-ratios: (
84
84
  justify-content: center;
85
85
  text-align: center;
86
86
 
87
- // If there is a child element that is not the image, don't let it affect the layout
88
- & > *:not(.p-image-container__image) {
87
+ // If there is a child lazyloaded image, don't let it affect the layout
88
+ & > .lazyloaded {
89
89
  display: contents;
90
90
  }
91
91
 
package/templates/_macros/vf_quote-wrapper.jinja CHANGED
@@ -136,20 +136,7 @@
136
136
  {% endif -%}
137
137
 
138
138
  <div class="col-9 col-start-large-4 col-medium-4 col-start-medium-3">
139
- {% if has_heading_row %}
140
- {#- If a heading is present, a muted rule separates the heading from the quote, and can be used on all breakpoints. -#}
141
- <hr class="p-rule--muted">
142
- {% elif has_signpost_image %}
143
- {#-
144
- If a heading is not present, we use a standard rule to separate the pattern from preceding content on large and medium.
145
- On small, the signpost is stacked above the quote, so we use a muted rule to separate the signpost from the quote.
146
- -#}
147
- <hr class="p-rule u-hide--small">
148
- <hr class="p-rule--muted u-hide--large u-hide--medium">
149
- {% else %}
150
- {#- If neither heading nor signpost image is present, use a standard rule on all screen sizes to separate from preceding section -#}
151
- <hr class="p-rule">
152
- {% endif %}
139
+ <hr class="p-rule--muted">
153
140
  {% if has_citation -%}
154
141
  {#- When a citation is present, wrap the quote and citation in a nested grid to space them properly -#}
155
142
  <div class="row">