cloudstructs 0.9.44 → 0.9.46

package/node_modules/mjml-section/README.md

@@ -1,7 +1,6 @@
-## mj-section
+### mj-section
 
-Sections are intended to be used as rows within your email.
-They will be used to structure the layout.
+Sections are rows within your email. They will be used to structure the layout.
 
 ```xml
 <mjml>
@@ -13,52 +12,52 @@ They will be used to structure the layout.
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/section">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
-
-The `full-width` property will be used to manage the background width.
-By default, it will be 600px. With the `full-width` property on, it will be
-changed to 100%.
-
-<aside class="notice">
-  <b>Inverting the order in which columns display:</b> set the `direction` attribute to `rtl` to change the order in which columns display on desktop. Because MJML is mobile-first, structure the columns in the <b>order you want them to stack on mobile</b>, and use `direction` to change the order they display <b>on desktop</b>.
-</aside>
-
-<aside class="warning">
-  Sections cannot nest in sections. Columns can nest in sections; all content must be in a column.
-</aside>
-
-attribute             | unit        | description                    | default value
-----------------------|-------------|--------------------------------|---------------
-background-color      | color       | section color                  | n/a
-background-position   | percent / 'left','top',... (2 values max) | css background position (see outlook limitations below)        | top center
-background-position-x | percent / keyword   | css background position x      | none
-background-position-y | percent / keyword   | css background position y      | none
-background-repeat     | string      | css background repeat          | repeat
-background-size       | px/percent/'cover'/'contain'     | css background size    | auto
-background-url        | url         | background url                 | n/a
-border                | string      | css border format              | none
-border-bottom         | string      | css border format              | n/a
-border-left           | string      | css border format              | n/a
-border-radius         | px          | border radius                  | n/a
-border-right          | string      | css border format              | n/a
-border-top            | string      | css border format              | n/a
-css-class             | string      | class name, added to the root HTML element created | n/a
-direction             | ltr / rtl   | set the display order of direct children | ltr
-full-width            | string      | make the section full-width    | n/a
-padding               | px          | supports up to 4 parameters    | 20px 0
-padding-bottom        | px          | section bottom offset          | n/a
-padding-left          | px          | section left offset            | n/a
-padding-right         | px          | section right offset           | n/a
-padding-top           | px          | section top offset             | n/a
-text-align            | string      | css text-align                 | center
-
-
-<aside class="notice">
-  Limitations of background-images size and position on Outlook desktop :  
-  - If background-size is not specified, no-repeat will be ignored on Outlook.
-  - If the specified size is a single attribute in percent, the height will be auto as in standard css. On outlook, the image will never overflow the element, and it will be shrinked instead of being cropped like on other clients.
-</aside>
+The `full-width` attribute will be used to manage the background width. Setting it will change the width of the section from the default 600px to 100%.
+
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p>To invert the order in which columns display in the desktop view, first setup your columns in the order you want them to appear stacked in the mobile view and then add <code>direction="rtl"</code> to the <code>mj-section</code> tag.</p>
+</div>
+
+<div class="alert alert-caution" role="alert">
+  <p>Caution</p>
+  <p><code>mj-section</code> tags cannot nest in other <code>mj-section</code> tags</p>
+</div>
+
+<div class="alert alert-important" role="alert">
+  <p>Important</p>
+  <p>Limitations of <code>background-image</code> <code>background-size</code> and <code>background-position</code> in Outlook desktop :</p>
+  <ul>
+    <li>If <code>background-size</code> is not specified, <code>no-repeat</code> will be ignored in Outlook.</li>
+    <li>If the specified <code>background-size</code> is a single attribute in percent, the height will be <code>auto</code> as in standard CSS. In Outlook, the image will never overflow the element, it will shrink instead of being cropped similar to other clients.</li>
+  </ul>
+</div>
+
+#### Attributes
+
+| attribute             | accepts                 | description                                                                                            | default value |
+| --------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------ | ------------- |
+| background-color      | CSS color formats       | section color                                                                                          |               |
+| background-position   | string                  | CSS values, i.e. `left` `center` `right` + `top` `center` `bottom` <br>(see outlook limitations below) | `top center`  |
+| background-position-x | string                  | CSS values, i.e. `left` `center` `right` <br>(see outlook limitations below)                           |               |
+| background-position-y | string                  | CSS values, i.e. `top` `center` `bottom` <br>(see outlook limitations below)                           |               |
+| background-repeat     | `repeat` `no-repeat`    | set the background image to repeat                                                                     |
+| background-size       | string                  | CSS values e.g. `auto` `cover` `contain` `px` `%` size                                                 | `auto`        |
+| background-url        | string                  | background image, in URL format                                                                        |               |
+| border                | string                  | CSS border format                                                                                      |               |
+| border-bottom         | string                  | CSS border format                                                                                      |               |
+| border-left           | string                  | CSS border format                                                                                      |               |
+| border-radius         | string                  | border radius                                                                                          |               |
+| border-right          | string                  | CSS border format                                                                                      |               |
+| border-top            | string                  | CSS border format                                                                                      |               |
+| css-class             | string                  | class name, added to the root HTML element created                                                     |               |
+| direction             | `ltr` `rtl`             | set the display order of direct children                                                               | `ltr`         |
+| full-width            | `full-width` `false`    | make the section full-width                                                                            |               |
+| padding               | `px` `%`                | section padding, supports up to 4 parameters                                                           | `20px 0`      |
+| padding-bottom        | `px` `%`                | section bottom padding                                                                                 |               |
+| padding-left          | `px` `%`                | section left padding                                                                                   |               |
+| padding-right         | `px` `%`                | section right padding                                                                                  |               |
+| padding-top           | `px` `%`                | section top padding                                                                                    |               |
+| text-align            | `left` `center` `right` | CSS text-align                                                                                         | `center`      |
+
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/section">Try it live</a></p>

package/node_modules/mjml-section/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-section",
   "description": "mjml-section",
-  "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-social/README.md

@@ -1,16 +1,15 @@
-## mj-social
+### mj-social
 
-<p style="text-align: center;" >
-  <img src="https://static.mailjet.com/mjml-website/documentation/social-example.png" alt="desktop" style="width: 250px;"/>
-</p>
+Displays calls-to-action for various social networks with their associated logo. You can add multiple social networks using `mj-social-element` tags.
 
-<aside class="warning">
-  `mj-social-element`'s `name` attribute is a shortcut for some common social elements. <br />
-  You should avoid rely too much on this as those icons are hosted by Mailjet for their Email Builder.<br />
-  Use <a href="#custom-social-element">custom element syntax instead.</a>
-</aside>
+<figure>
+  <img src="https://static.mailjet.com/mjml-website/documentation/social-example.png" alt="desktop" style="width: 250px;"/>
+</figure>
 
-Displays calls-to-action for various social networks with their associated logo. You can add social networks with the `mj-social-element` tag.
+<div class="alert alert-caution" role="alert">
+  <p>Caution</p>
+  <p>The <code>mj-social-element</code> <code>name</code> attribute is a shortcut for some common social elements. You should avoid rely too much on this as those icons are hosted by Mailjet for their Email Builder. Use <a href="#custom-social-element">custom element syntax instead.</a></p>
+</div>
 
 ```xml
 <mjml>
@@ -37,110 +36,111 @@ Displays calls-to-action for various social networks with their associated logo.
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/social">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
-
-<aside class="notice">
-  `mj-social-element` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags <a href="#ending-tags">in this section</a>.
-</aside>
-
-
-attribute                   | unit        | description                   | default value
-----------------------------|-------------|-------------------------------|---------------------------
-align                       | string      | left/right/center             | center
-border-radius               | px          | border radius                 | 3px
-color                       | color       | text color                    | #333333
-css-class                   | string      | class name, added to the root HTML element created | n/a
-container-background-color  | color       | inner element background color                     | n/a
-font-family                 | string      | font name                     | Ubuntu, Helvetica, Arial, sans-serif
-font-size                   | px/em       | font size                     | 13px
-font-style                  | string      | font style                    | normal
-font-weight                 | string      | font weight                   | normal
-icon-height                 | percent/px  | icon height, overrides icon-size | icon-size
-icon-size                   | percent/px  | icon size (width and height)  | 20px
-inner-padding               | px          | social network surrounding padding                 | 4px
-line-height                 | percent/px  | space between lines           | 22px
-mode                        | string      | vertical/horizontal           | horizontal
-padding                     | px          | supports up to 4 parameters                       | 10px 25px
-padding-bottom              | px          | bottom offset                    | n/a
-padding-left                | px          | left offset                      | n/a
-padding-right               | px          | right offset                       | n/a
-padding-top                 | px          | top offset                         | n/a
-icon-padding                | px          | padding around the icons      | 0px
-text-padding                | px          | padding around the texts      | 4px 4px 4px 0
-text-decoration             | string      | underline/overline/none       | none
-
-### mj-social-element
+#### Attributes
+
+| attribute                  | accepts                 | description                                        | default value                          |
+| -------------------------- | ----------------------- | -------------------------------------------------- | -------------------------------------- |
+| align                      | `left` `right` `center` | align content                                      | `center`                               |
+| border-radius              | `px` `%`                | border radius                                      | `3px`                                  |
+| color                      | CSS color formats       | text color                                         | `#333333`                              |
+| css-class                  | string                  | class name, added to the root HTML element created |                                        |
+| container-background-color | CSS color formats       | inner element background color                     |                                        |
+| font-family                | string                  | font name                                          | `Ubuntu, Helvetica, Arial, sans-serif` |
+| font-size                  | `px`                    | font size                                          | `13px`                                 |
+| font-style                 | string                  | font style                                         | normal                                 |
+| font-weight                | string                  | font weight                                        | normal                                 |
+| icon-height                | `px` `%`                | icon height, overrides `icon-size`                 | icon-size                              |
+| icon-padding               | `px` `%`                | padding around the icons                           |                                        |
+| icon-size                  | `px` `%`                | icon size (width and height)                       | `20px`                                 |
+| inner-padding              | `px` `%`                | social network surrounding padding                 | `null`                                 |
+| line-height                | `px` `%`                | space between lines                                | `22px`                                 |
+| mode                       | `horizontal` `vertical` | direction of social elements                       | `horizontal`                           |
+| padding                    | `px` `%`                | social padding, supports up to 4 parameters        | `10px 25px`                            |
+| padding-bottom             | `px` `%`                | bottom padding                                     |                                        |
+| padding-left               | `px` `%`                | left padding                                       |                                        |
+| padding-right              | `px` `%`                | right padding                                      |                                        |
+| padding-top                | `px` `%`                | top padding                                        |                                        |
+| text-padding               | `px` `%`                | padding around the text                            |                                        |
+| text-decoration            | string                  | CSS values, e.g. `underline` `overline` `none`     | `none`                                 |
+
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/social">Try it live</a></p>
+
+#### mj-social-element
 
 This component enables you to display a given social network inside `mj-social`.
 Note that default icons are transparent, which allows `background-color` to actually be the icon color.
 
-
-attribute                   | unit        | description                   | default value
-----------------------------|-------------|-------------------------------|---------------------------
-align                       | string      | left/right/center             | center
-alt                         | string      | image alt attribute           | ''
-background-color            | color       | icon color                    | Each social `name` has its own default
-border-radius               | px          | border radius                 | 3px
-color                       | color       | text color                    | #333333
-css-class                   | string      | class name, added to the root HTML element created | n/a
-font-family                 | string      | font name                     | Ubuntu, Helvetica, Arial, sans-serif
-font-size                   | px/em       | font size                     | 13px
-font-style                  | string      | font style                    | normal
-font-weight                 | string      | font weight                   | normal
-href                        | url         | button redirection url        | none
-icon-height                 | percent/px  | icon height, overrides icon-size | icon-size
-icon-size                   | percent/px  | icon size (width and height)  | 20px
-line-height                 | percent/px  | space between lines           | 22px
-name                        | string      | social network name, see supported list below | N/A
-padding                     | px          | supports up to 4 parameters                       | 4px
-padding-bottom              | px          | bottom offset                    | n/a
-padding-left                | px          | left offset                      | n/a
-padding-right               | px          | right offset                       | n/a
-padding-top                 | px          | top offset                         | n/a
-icon-padding                | px          | padding around the icon       | 0px
-icon-position               | string      | left/right                    | right
-text-padding                | px          | padding around the text       | 4px 4px 4px 0
-sizes                       | media query & width | set icon width based on query | n/a
-src                         | url         | image source                  | Each social `name` has its own default
-srcset                      | url & width | set a different image source based on the viewport | n/a
-rel                         | string      | specify the rel attribute for the link    | n/a
-target                      | string      | link target                   | \_blank
-title                       | string      | img title attribute           | none
-text-decoration             | string      | underline/overline/none       | none
-vertical-align              | string      | top/middle/bottom             | middle
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p><code>mj-social-element</code> is an "ending tag", which means that it can contain HTML code but it cannot contain other MJML components.</p> 
+  <p>More information about ending tags <a href="#ending-tags">in this section</a>.</p>
+</div>
+
+
+#### Attributes
+
+| attribute        | accepts                 | description                                                                     | default value                          |
+| ---------------- | ----------------------- | ------------------------------------------------------------------------------- | -------------------------------------- |
+| align            | `left` `center` `right` | align content                                                                   | `center`                               |
+| alt              | string                  | image alt attribute                                                             | `''`                                   |
+| background-color | CSS color formats       | icon color                                                                      | Each social `name` has its own default |
+| border-radius    | `px`                    | border radius                                                                   | `3px`                                  |
+| color            | CSS color formats       | text color                                                                      | `#000`                                 |
+| css-class        | string                  | class name, added to the root HTML element created                              |                                        |
+| font-family      | string                  | font name                                                                       | `Ubuntu, Helvetica, Arial, sans-serif` |
+| font-size        | `px`                    | font size                                                                       | `13px`                                 |
+| font-style       | string                  | font style                                                                      |                                        |
+| font-weight      | string                  | font weight                                                                     |                                        |
+| href             | string                  | button redirection, in URL format                                               |                                        |
+| icon-height      | percent/px              | icon height, overrides icon-size                                                | `icon-size`                            |
+| icon-padding     | `px` `%`                | padding around the icon                                                         |                                        |
+| icon-position    | `left` `right`          | sets the side of the icon                                                       |                                        |
+| icon-size        | `px` `%`                | icon size (width and height)                                                    |                                        |
+| line-height      | `px` `%`                | space between lines                                                             | `1`                                    |
+| name             | string                  | social network name, see supported list below                                   |                                        |
+| padding          | `px` `%`                | social element padding, supports up to 4 parameters                             | `4px`                                  |
+| padding-bottom   | `px` `%`                | bottom padding                                                                  |                                        |
+| padding-left     | `px` `%`                | left padding                                                                    |                                        |
+| padding-right    | `px` `%`                | right padding                                                                   |                                        |
+| padding-top      | `px` `%`                | top padding                                                                     |                                        |
+| rel              | string                  | specify the rel attribute for the link                                          |                                        |
+| sizes            | string                  | set icon width based on query                                                   |                                        |
+| src              | string                  | image source, in URL format                                                     | Each social `name` has its own default |
+| srcset           | string                  | enables to set a different image source based on the viewport, using CSS syntax |                                        |
+| target           | string                  | link target                                                                     | `_blank`                               |
+| text-decoration  | string                  | CSS values, e.g. `underline` `overline` `none`                                  | `none`                                 |
+| text-padding     | `px` `%`                | padding around the text                                                         | `4px 4px 4px 0`                        |
+| title            | string                  | image title attribute                                                           |                                        |
+| vertical-align   | `top` `middle` `bottom` | vertically align elements                                                       | `middle`                               |
 
 Supported networks with a share url:
-- facebook
-- twitter
-- x
-- google
-- pinterest
-- linkedin
-- tumblr
-- xing
+
+- `facebook`
+- `twitter`
+- `x`
+- `google`
+- `pinterest`
+- `linkedin`
+- `tumblr`
+- `xing`
 
 Without a share url:
-- github
-- instagram
-- web
-- snapchat
-- youtube
-- vimeo
-- medium
-- soundcloud
-- dribbble
+
+- `github`
+- `instagram`
+- `web`
+- `snapchat`
+- `youtube`
+- `vimeo`
+- `medium`
+- `soundcloud`
+- `dribbble`
 
 When using a network with share url, the `href` attribute will be inserted in the share url (i.e. `https://www.facebook.com/sharer/sharer.php?u=[[URL]]`). To keep your `href` unchanged, add `-noshare` to the network name. Example :
 
-`
-<mj-social-element name="twitter-noshare" href="my-unchanged-url">Twitter</mj-social-element>
-`
+`<mj-social-element name="twitter-noshare" href="my-unchanged-url">Twitter</mj-social-element>`
 
-### Custom Social Element
+#### Custom Social Element
 
 You can add any unsupported network like this:
 

package/node_modules/mjml-social/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-social",
   "description": "mjml-social",
-  "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-spacer/README.md

@@ -1,6 +1,6 @@
-## mj-spacer
+### mj-spacer
 
-Displays a blank space.
+Displays a blank space, that can be used to separate content.
 
 ```xml
 <mjml>
@@ -16,19 +16,17 @@ Displays a blank space.
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/spacer">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+#### Attributes
 
-attribute                   | unit        | description                    | default value
-----------------------------|-------------|--------------------------------|------------------------------
-container-background-color   | color         | inner element background color  | n/a
-css-class                   | string      | class name, added to the root HTML element created | n/a
-height                      | px          | spacer height                  | 20px
-padding                      | px            | supports up to 4 parameters     | none
-padding-bottom               | px            | bottom offset                   | n/a
-padding-left                 | px            | left offset                     | n/a
-padding-right                | px            | right offset                    | n/a
-padding-top                  | px            | top offset                      | n/a
+| attribute                  | accepts           | description                                        | default value |
+| -------------------------- | ----------------- | -------------------------------------------------- | ------------- |
+| container-background-color | CSS color formats | inner element background color                     |               |
+| css-class                  | string            | class name, added to the root HTML element created |               |
+| height                     | `px` `%`          | spacer height                                      | `0px`         |
+| padding                    | `px` `%`          | spacer padding, supports up to 4 parameters        |               |
+| padding-bottom             | `px` `%`          | bottom padding                                     |               |
+| padding-left               | `px` `%`          | left padding                                       |               |
+| padding-right              | `px` `%`          | right padding                                      |               |
+| padding-top                | `px` `%`          | top padding                                        |               |
+
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/spacer">Try it live</a></p>

package/node_modules/mjml-spacer/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-spacer",
   "description": "mjml-spacer",
-  "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-table/README.md

@@ -1,6 +1,6 @@
-## mj-table
+### mj-table
 
-This tag allows you to display table and filled it with data. It only accepts plain HTML.
+Display a data table. It only accepts plain HTML.
 
 ```xml
 <mjml>
@@ -30,34 +30,33 @@ This tag allows you to display table and filled it with data. It only accepts pl
 </mjml>
 ```
 
-<p style="text-align: center;" >
-  <a href="https://mjml.io/try-it-live/components/table">
-    <img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
-  </a>
-</p>
+<div class="alert alert-note" role="alert">
+  <p>Note</p>
+  <p><code>mj-table</code> is an "ending tag", which means that it can contain HTML code but it cannot contain other MJML components. Therefore, it will accept any tag you would add inside an HTML table tag.</p>
+  <p>More information about ending tags <a href="#ending-tags">in this section</a>.</p>
+</div>
 
-<aside class="notice">
-  `mj-table` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. In `mj-table` specifically, you can put anything you would put in a `&lt;table&gt;` element. More information about ending tags <a href="#ending-tags">in this section</a>.
-</aside>
+#### Attributes
 
+| attribute                  | accepts                            | description                                        | default value                          |
+| -------------------------- | ---------------------------------- | -------------------------------------------------- | -------------------------------------- |
+| align                      | `left` `right` `center`            | table horizontal alignment                         | `left`                                 |
+| border                     | string                             | CSS border format                                  | `none`                                 |
+| cellpadding                | integer                            | space between cells                                | `0`                                    |
+| cellspacing                | integer                            | space between cell and border                      | `0`                                    |
+| color                      | CSS color formats                  | text header & footer color                         | `#000000`                              |
+| container-background-color | CSS color formats                  | inner element background color                     |                                        |
+| css-class                  | string                             | class name, added to the root HTML element created |                                        |
+| font-family                | string                             | font name                                          | `Ubuntu, Helvetica, Arial, sans-serif` |
+| font-size                  | `px`                               | font size                                          | `13px`                                 |
+| line-height                | `px` `%`                           | space between lines                                | `22px`                                 |
+| padding                    | `px` `%`                           | outer table padding, supports up to 4 parameters   | `10px 25px`                            |
+| padding-bottom             | `px` `%`                           | bottom padding                                     |                                        |
+| padding-left               | `px` `%`                           | left padding                                       |                                        |
+| padding-right              | `px` `%`                           | right padding                                      |                                        |
+| padding-top                | `px` `%`                           | top padding                                        |                                        |
+| role                       | `none` `presentation`              | specify the role attribute                         |                                        |
+| table-layout               | `auto` `fixed` `initial` `inherit` | sets the table layout                              | `auto`                                 |
+| width                      | `px` `%` `auto`                    | table width                                        | `100%`                                 |
 
-attribute                   | unit                        | description                    | default value
-----------------------------|-----------------------------|------------------------------- |--------------
-align                       | left/right/center           | self horizontal alignment      | left
-border                      | border                      | table external border          | none
-cellpadding                 | pixels                      | space between cells            | n/a
-cellspacing                 | pixels                      | space between cell and border  | n/a
-color                       | color                       | text header & footer color     | #000000
-container-background-color  | color                       | inner element background color | n/a
-css-class                   | string                      | class name, added to the root HTML element created | n/a
-font-family                 | string                      | font name                      | Ubuntu, Helvetica, Arial, sans-serif
-font-size                   | px                          | font size                      | 13px
-line-height                 | percent/px                  | space between lines            | 22px
-padding                     | percent/px                  | supports up to 4 parameters    | 10px 25px
-padding-bottom              | percent/px                  | bottom offset                  | n/a
-padding-left                | percent/px                  | left offset                    | n/a
-padding-right               | percent/px                  | right offset                   | n/a
-padding-top                 | percent/px                  | top offset                     | n/a
-role                        | none/presentation           | specify the role attribute     | n/a
-table-layout                | auto/fixed/initial/inherit  | sets the table layout.         | auto
-width                       | percent/px/auto             | table width                    | 100%
+<p class="cta-container"><a class="cta" href="https://mjml.io/try-it-live/components/table">Try it live</a></p>

package/node_modules/mjml-table/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mjml-table",
   "description": "mjml-atable",
-  "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"
 }