cloudstructs 0.9.44 → 0.9.46

package/node_modules/mjml-head-breakpoint/README.md

@@ -1,5 +1,6 @@
-## mj-breakpoint
-This tag allows you to control on which breakpoint the layout should go desktop/mobile.
+### mj-breakpoint
+
+Allows you to control at what width the layout should change from the desktop/mobile view to the desktop one.
 
 ```xml
 <mjml>
@@ -18,13 +19,10 @@ This tag allows you to control on which breakpoint the layout should go desktop/
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-breakpoint">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+#### Attributes
 
+| attribute | accepts | description        | default value |
+| --------- | ------- | ------------------ | ------------- |
+| width     | `px`    | breakpoint's value |               |
 
-attribute            | unit          | description                    | default value
----------------------|---------------|--------------------------------|---------------
-width                | px            | breakpoint's value             | n/a
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-breakpoint">Try it live</a></p>

package/node_modules/mjml-head-breakpoint/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-breakpoint",
   "description": "mjml-head-breakpoint",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-head-font/README.md

@@ -1,36 +1,33 @@
-## mj-font
+### mj-font
 
-This tag imports fonts.
-The tag has effect only if the template uses the font, too. 
-The `href` attribute points to a hosted css file; that file contains a `@font-face` declaration.
-Example: [https://fonts
+Imports external fonts and is only applied if the template uses the font.
+
+The `href` attribute should point to a hosted CSS file that contains a `@font-face` declaration, for example: [https://fonts
 .googleapis.com/css?family=Raleway](https://fonts.googleapis.com/css?family=Raleway)
 
- ```xml
- <mjml>
-   <mj-head>
-     <mj-font name="Raleway"
-       href="https://fonts.googleapis.com/css?family=Raleway" />
-   </mj-head>
-   <mj-body>
-     <mj-section>
-       <mj-column>
-         <mj-text font-family="Raleway, Arial">
-           Hello World!
-         </mj-text>
-       </mj-column>
-      </mj-section>
-   </mj-body>
- </mjml>
- ```
+```xml
+<mjml>
+  <mj-head>
+    <mj-font name="Raleway"
+      href="https://fonts.googleapis.com/css?family=Raleway" />
+  </mj-head>
+  <mj-body>
+    <mj-section>
+      <mj-column>
+        <mj-text font-family="Raleway, Arial">
+          Hello World!
+        </mj-text>
+      </mj-column>
+     </mj-section>
+  </mj-body>
+</mjml>
+```
+
+#### Attributes
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-font">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+| attribute | accepts | description              | default value |
+| --------- | ------- | ------------------------ | ------------- |
+| href      | string  | URL of a hosted CSS file |               |
+| name      | string  | name of the font         |               |
 
-attribute   | unit     | description                | default value
-------------|----------|----------------------------|---------------
-href        | string   | URL of a hosted CSS file   | n/a
-name        | string   | name of the font           | n/a
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-font">Try it live</a></p>

package/node_modules/mjml-head-font/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-font",
   "description": "mjml-head-font",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-head-html-attributes/README.md

@@ -1,38 +1,36 @@
-## mj-html-attributes
+### mj-html-attributes
 
-This tag allows you to add custom attributes on any html tag of the generated html, using css selectors.
-It's not needed for most email creations, but can be useful in some cases, i.e. editable templates.
+Allows you to add custom attributes on any HTML tag within the generated HTML, using CSS selectors.
 
- ```xml
+It's not needed for most email creations, but can be useful in some cases, e.g. editable templates.
+
+```xml
 <mjml>
-  <mj-head>
-    <mj-html-attributes>
-      <mj-selector path=".custom div">
-        <mj-html-attribute name="data-id">42</mj-html-attribute>
-      </mj-selector>
-    </mj-html-attributes>
-  </mj-head>
-  <mj-body>
-    <mj-section>
-      <mj-column>
-        <mj-text css-class="custom">
-          Hello World!
-        </mj-text>
-      </mj-column>
-    </mj-section>
-  </mj-body>
+ <mj-head>
+   <mj-html-attributes>
+     <mj-selector path=".custom div">
+       <mj-html-attribute name="data-id">42</mj-html-attribute>
+     </mj-selector>
+   </mj-html-attributes>
+ </mj-head>
+ <mj-body>
+   <mj-section>
+     <mj-column>
+       <mj-text css-class="custom">
+         Hello World!
+       </mj-text>
+     </mj-column>
+   </mj-section>
+ </mj-body>
 </mjml>
- ```
+```
+
+In the generated HTML, an `mj-text` tag becomes a `td` tag with a child `div` tag.
 
-In the generated html, a mj-text becomes a `td`, and a `div` inside this `td`. In this example, the `td` will have the `class="custom"`. Using the css selector `path=".custom div"`, the `div` inside the `td` will get the attribute `data-id="42"`.
+In this example, the `td` tag will have the `class="custom"` attribute. Using the css selector `path=".custom div"`, the `div` inside the `td` will get the attribute `data-id="42"`.
 
-To use this component, you will likely have to look at the generated html to see where exactly are the `css-class` applied, to know which css selector you need to use to add your custom attribute on the right html tag.
+To use this component, you will likely have to look at the generated HTML to see exactly where the `css-class` is applied, to know which CSS selector you need to add your custom attribute to.
 
-You can use multiple `mj-selector` inside a `mj-html-attributes`, and multiple `mj-html-attribute` inside a `mj-selector`.
-  
+You can use multiple `mj-selector` tags inside a `mj-html-attributes` tag, and multiple `mj-html-attribute` tags inside a `mj-selector` tag.
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-html-attributes">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-html-attributes">Try it live</a></p>

package/node_modules/mjml-head-html-attributes/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-html-attributes",
   "description": "mjml-head-html-attributes",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-head-preview/README.md

@@ -1,29 +1,24 @@
-## mj-preview
+### mj-preview
 
-This tag allows you to set the preview that will be displayed in the inbox of the recipient.
+This tag allows you to set the preview text that will be displayed in the inbox of the recipient.
 
- ```xml
+```xml
 <mjml>
-  <mj-head>
-    <mj-preview>Hello MJML</mj-preview>
-  </mj-head>
-  <mj-body>
-    <mj-section>
-      <mj-column>
-        <mj-text>
-          Hello World!           
-        </mj-text>
-      </mj-column>
-    </mj-section>
-  </mj-body>
+ <mj-head>
+   <mj-preview>Hello MJML</mj-preview>
+ </mj-head>
+ <mj-body>
+   <mj-section>
+     <mj-column>
+       <mj-text>
+         Hello World!
+       </mj-text>
+     </mj-column>
+   </mj-section>
+ </mj-body>
 </mjml>
- ```
+```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-preview">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
-
-`mj-preview` doesn't support any attribute.
+`mj-preview` doesn't support any attributes.
 
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-preview">Try it live</a></p>

package/node_modules/mjml-head-preview/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-preview",
   "description": "mjml-head-preview",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-head-style/README.md

@@ -1,8 +1,10 @@
-## mj-style
+### mj-style
 
-This tag allows you to set CSS styles that will be applied to the <b>HTML</b> in your MJML document as well as the HTML outputted. The CSS styles will be added to the head of the rendered HTML by default, but can also be inlined by using the `inline="inline"` attribute.
+Allows you to set CSS styles that will be applied to your MJML document as well as the outputted HTML.
 
-Here is an example showing the use in combination with the `css-class` attribute, which is supported by all body components.
+The CSS styles will be added to the `head` tag of the rendered HTML by default, but can also be inlined by using the `inline="inline"` attribute.
+
+Here is an example showing its use in combination with the `css-class` attribute, which is supported by all body components.
 
 ```xml
 <mjml>
@@ -34,16 +36,15 @@ Here is an example showing the use in combination with the `css-class` attribute
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-style">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+<div class="alert alert-tip" role="alert">
+  <p>Tip</p>
+  <p>MJML generates multiple HTML tags from a single MJML tag. For optimal flexibility, the <code>css-class</code> will be applied to the most outer HTML tag, therefore if you want to target a specific child tag with a CSS selector, you may need to look at the generated HTML to determine the exact selector you need.</p>
+</div>
+
+#### Attributes
 
-attribute            | unit          | description                         | default value
----------------------|---------------|-------------------------------------|---------------
-inline               | string        | set to "inline" to inline styles    | n/a
+| attribute | accepts | description                      | default value |
+| --------- | ------- | -------------------------------- | ------------- |
+| inline    | string  | set to `inline` to inline styles |               |
 
-<aside class="notice">
-  Mjml generates multiple html elements from a single mjml element. For optimal flexibility, the `css-class` will be applied to the most outer html element, so if you want to target a specific sub-element with a css selector, you may need to look at the generated html to see which exact selector you need.
-</aside>
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-style">Try it live</a></p>

package/node_modules/mjml-head-style/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-style",
   "description": "mjml-head-style",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-head-title/README.md

@@ -1,27 +1,24 @@
-## mj-title
+### mj-title
 
-Defines the document's title that browsers show in the title bar or a page's tab.
+Defines the document's title by populating the title tag. This can be shown in the browsers title bar in some cases.
 
- ```xml
+Its content is also used to populate the value of the `aria-label` attribute located in the immediate child `div` of the `body` tag, which is used to aid accessibility.
+
+```xml
 <mjml>
-  <mj-head>
-    <mj-title>Hello MJML</mj-title>
-  </mj-head>
-  <mj-body>
-    <mj-section>
-      <mj-column>
-        <mj-text>
-          Hello World!
-        </mj-text>
-      </mj-column>
-    </mj-section>
-  </mj-body>
+ <mj-head>
+   <mj-title>Hello MJML</mj-title>
+ </mj-head>
+ <mj-body>
+   <mj-section>
+     <mj-column>
+       <mj-text>
+         Hello World!
+       </mj-text>
+     </mj-column>
+   </mj-section>
+ </mj-body>
 </mjml>
- ```
-
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/head-title">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+```
 
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/head-title">Try it live</a></p>

package/node_modules/mjml-head-title/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-head-title",
   "description": "mjml-head-title",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }

package/node_modules/mjml-hero/README.md

@@ -1,28 +1,21 @@
-## mj-hero
+### mj-hero
 
-This element displays a hero image.
-It behaves like an `mj-section` with a single `mj-column`.
+Displays a hero image and behaves like an `mj-section` tag with a single `mj-column` tag.
 
-`background-height` and `background-width` attributes are mandatory.
+The `background-height` and `background-width` attributes are mandatory and it's best to use an image with width the same as the `mj-body` (`width="600px"` by default) and height the same or larger than the `height` of `mj-hero`.
 
-It's best to use an image with width the same as the `mj-body` width
-  (`width="600px"` by default).
-For better results, it's best to use an image with height the same or larger
-  than the `height` of `mj-hero`.
+Use `background-color` to provide a fallback color in case an email client doesn't support `background-url`.
 
-Use `background-color` to provide a fallback color
-  in case an email client doesn't support `background-url`.
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p>The <code>height</code> attribute is only required for <code>mode="fixed-height"</code>.</p>
+</div>
 
-<aside class="notice">
-  The "height" attribute is required only for 'mode="fixed-height"'.
-</aside>
-
-Fixed height
-
-<p style="text-align: center;" >
+<figure>
+  <figcaption>Fixed height</figcaption>
   <img src="https://static.mailjet.com/mjml-website/documentation/hero-example-1.png"
      alt="demo background picture with fixed height" />
-</p>
+</figure>
 
 ```xml
 <mjml>
@@ -52,20 +45,13 @@ Fixed height
     </mj-hero>
   </mj-body>
 </mjml>
- ```
-
- <p style="text-align: center;" >
-   <a href="https://mjml.io/try-it-live/components/hero">
-     <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-   </a>
- </p>
-
-Fluid height
+```
 
-<p style="text-align: center;" >
-  <img src="https://static.mailjet.com/mjml-website/documentation/hero-example-2.png"
-      alt="demo background picture with fixed height" />
-</p>
+<figure>
+  <figcaption>Fluid height</figcaption>
+  <img src="https://static.mailjet.com/mjml-website/documentation/hero-example-1.png"
+     alt="demo background picture with fixed height" />
+</figure>
 
 ```xml
 <mjml>
@@ -96,26 +82,28 @@ Fluid height
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/hero/1">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg"
-      alt="try it live" />
-  </a>
-</p>
+#### Attributes
+
+| attribute              | accepts                 | description                                                        | default value                 |
+| ---------------------- | ----------------------- | ------------------------------------------------------------------ | ----------------------------- |
+| background-color       | CSS color formats       | hero background color                                              | #ffffff                       |
+| background-height      | `px` `%`                | height of the image used, mandatory                                |                               |
+| background-position    | string                  | CSS values, i.e. `left` `center` `right` + `top` `center` `bottom` | `center center`               |
+| background-url         | string                  | absolute background in URL format                                  | `null`                        |
+| background-width       | `px` `%`                | width of the image used, mandatory                                 | inherits parent element width |
+| border-radius          | string                  | border radius                                                      |                               |
+| css-class              | string                  | class name, added to the root HTML element created                 |                               |
+| height                 | `px` `%`                | hero section height, (required for `fixed-height` mode)            | `0px`                         |
+| inner-background-color | CSS color formats       | content background color                                           |                               |
+| mode                   | string                  | `fluid-height` or `fixed-height`                                   | `fluid-height`                |
+| padding                | `px` `%`                | hero padding, supports up to 4 parameters                          | `0px`                         |
+| padding-bottom         | `px` `%`                | hero bottom padding                                                | `null`                        |
+| padding-left           | `px` `%`                | hero left padding                                                  | `null`                        |
+| padding-right          | `px` `%`                | hero right padding                                                 | `null`                        |
+| padding-top            | `px` `%`                | hero top padding                                                   | `null`                        |
+| vertical-align         | `top` `middle` `bottom` | content vertical alignment                                         | `top`                         |
 
-attribute           | unit                                | description                                                          | default value
---------------------|-------------------------------------|----------------------------------------------------------------------|--------------
-background-color    | color                               | hero background color                                                | #ffffff
-background-height   | px                                  | height of the image used, mandatory                                  | none
-background-position | top/center/bottom left/center/right | background image position                                            | center center
-background-url      | url                                 | absolute background url                                              | n/a
-background-width    | px                                  | width of the image used, mandatory                                   | parent element width
-border-radius       | px                                  | border radius                                                        | n/a
-height              | px                                  | hero section height (required for fixed-height mode)                 | 0px
-mode                | fluid-height/fixed-height           | choose if the height is fixed based on the height attribute or fluid | fluid-height
-padding             | px                                  | supports up to 4 parameters                                          | 0px
-padding-bottom      | px                                  | bottom offset                                                        | 0px
-padding-left        | px                                  | left offset                                                          | 0px
-padding-right       | px                                  | right offset                                                         | 0px
-padding-top         | px                                  | top offset                                                           | 0px
-vertical-align      | top/middle/bottom                   | content vertical alignment                                           | top
+<ul class="cta-container">
+  <li>Fixed height: <br><a class="cta" href="https://mjml.io/try-it-live/components/hero">Try it live</a></li>
+  <li>Fluid height: <br><a class="cta" href="https://mjml.io/try-it-live/components/hero/1">Try it live</a></li>
+</ul>

package/node_modules/mjml-hero/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-hero",
   "description": "mjml-hero",
-  "version": "4.17.1",
+  "version": "4.18.0",
   "main": "lib/index.js",
   "files": [
     "lib"
@@ -23,11 +23,11 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "lodash": "^4.17.21",
-    "mjml-core": "4.17.1"
+    "mjml-core": "4.18.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "rimraf": "^3.0.2"
   },
-  "gitHead": "3f3b0bcc5f297d9bc84999908c213bc42d9792eb"
+  "gitHead": "7f4872c48af877d98448335fb9002585cfc8fcbf"
 }