@zonos/elements 1.3.285 → 1.3.287

package/dist/collection/components/checkout/zonos-collect/zonos-collect.js

@@ -635,8 +635,8 @@ export class ZonosCollect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -655,8 +655,8 @@ export class ZonosCollect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-cart-items/zonos-invoice-cart-items.js

@@ -72,8 +72,8 @@ export class ZonosInvoiceCartItems {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-mobile",
                 "reflect": false,
+                "attribute": "is-mobile",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.js

@@ -293,7 +293,8 @@ export class ZonosInvoiceFinish {
                         "ElementsUiStyle": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle",
+                            "referenceLocation": "ElementsUiStyle"
                         }
                     }
                 },
@@ -305,8 +306,8 @@ export class ZonosInvoiceFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border-radius",
                 "reflect": false,
+                "attribute": "border-radius",
                 "defaultValue": "'ROUNDED'"
             },
             "storybookForceStatus": {
@@ -319,7 +320,8 @@ export class ZonosInvoiceFinish {
                         "PaymentIntent": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": "node_modules::PaymentIntent"
+                            "id": "node_modules::PaymentIntent",
+                            "referenceLocation": "PaymentIntent"
                         }
                     }
                 },
@@ -331,8 +333,8 @@ export class ZonosInvoiceFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "storybook-force-status",
-                "reflect": false
+                "reflect": false,
+                "attribute": "storybook-force-status"
             },
             "overrideNotification": {
                 "type": "unknown",
@@ -367,8 +369,8 @@ export class ZonosInvoiceFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "confirmation-id",
                 "reflect": false,
+                "attribute": "confirmation-id",
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-footer/zonos-invoice-footer.js

@@ -90,8 +90,8 @@ export class ZonosInvoiceFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -110,8 +110,8 @@ export class ZonosInvoiceFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             },
             "dataTheme": {
@@ -124,7 +124,8 @@ export class ZonosInvoiceFooter {
                         "ElementsUiTheme": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme",
+                            "referenceLocation": "ElementsUiTheme"
                         }
                     }
                 },
@@ -136,8 +137,8 @@ export class ZonosInvoiceFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "data-theme",
-                "reflect": false
+                "reflect": false,
+                "attribute": "data-theme"
             }
         };
     }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-order-details/zonos-invoice-order-details.js

@@ -85,8 +85,8 @@ export class ZonosInvoiceOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "true"
             },
             "collapsed": {
@@ -105,8 +105,8 @@ export class ZonosInvoiceOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapsed",
-                "reflect": false
+                "reflect": false,
+                "attribute": "collapsed"
             },
             "landedCostId": {
                 "type": "string",
@@ -124,8 +124,8 @@ export class ZonosInvoiceOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "landed-cost-id",
                 "reflect": false,
+                "attribute": "landed-cost-id",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.js

@@ -236,8 +236,8 @@ export class ZonosInvoicePayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-type"
             },
             "continueLoading": {
                 "type": "boolean",
@@ -255,8 +255,8 @@ export class ZonosInvoicePayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "continue-loading",
                 "reflect": false,
+                "attribute": "continue-loading",
                 "defaultValue": "false"
             },
             "submitBtnColor": {
@@ -275,8 +275,8 @@ export class ZonosInvoicePayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-color"
             },
             "overridePrimaryColor": {
                 "type": "string",
@@ -294,8 +294,8 @@ export class ZonosInvoicePayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "override-primary-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "override-primary-color"
             }
         };
     }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-review/zonos-invoice-review.js

@@ -86,8 +86,8 @@ export class ZonosInvoiceReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -106,8 +106,8 @@ export class ZonosInvoiceReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             },
             "collapsed": {
@@ -126,8 +126,8 @@ export class ZonosInvoiceReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapsed",
                 "reflect": false,
+                "attribute": "collapsed",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-subtotal/zonos-invoice-subtotal.js

@@ -56,8 +56,8 @@ export class ZonosInvoiceSubtotal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-mobile",
                 "reflect": false,
+                "attribute": "is-mobile",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice.js

@@ -489,8 +489,8 @@ export class ZonosInvoice {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -509,8 +509,8 @@ export class ZonosInvoice {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/common/zonos-badge/zonos-badge.js

@@ -81,8 +81,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "bold",
                 "reflect": false,
+                "attribute": "bold",
                 "defaultValue": "false"
             },
             "badgeColor": {
@@ -95,7 +95,8 @@ export class ZonosBadge {
                         "ColorPrefix": {
                             "location": "import",
                             "path": "src/types/styles/Color",
-                            "id": "src/types/styles/Color.ts::ColorPrefix"
+                            "id": "src/types/styles/Color.ts::ColorPrefix",
+                            "referenceLocation": "ColorPrefix"
                         }
                     }
                 },
@@ -110,8 +111,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "badge-color",
                 "reflect": false,
+                "attribute": "badge-color",
                 "defaultValue": "'gray'"
             },
             "icon": {
@@ -158,8 +159,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-right",
                 "reflect": false,
+                "attribute": "icon-right",
                 "defaultValue": "false"
             },
             "size": {
@@ -181,8 +182,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'default'"
             },
             "rounded": {
@@ -204,8 +205,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rounded",
                 "reflect": false,
+                "attribute": "rounded",
                 "defaultValue": "false"
             },
             "loading": {
@@ -227,8 +228,8 @@ export class ZonosBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             },
             "dismissHandler": {

package/dist/collection/components/common/zonos-banner/zonos-banner.js

@@ -90,8 +90,8 @@ export class ZonosBanner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "banner-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "banner-title"
             },
             "intent": {
                 "type": "string",
@@ -115,8 +115,8 @@ export class ZonosBanner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "intent",
-                "reflect": false
+                "reflect": false,
+                "attribute": "intent"
             }
         };
     }

package/dist/collection/components/common/zonos-button/zonos-button.js

@@ -227,12 +227,13 @@ export class ZonosButton {
                 "mutable": false,
                 "complexType": {
                     "original": "Color | (string & { _placeholder?: never })",
-                    "resolved": "Color | (string & { _placeholder?: undefined; }) | undefined",
+                    "resolved": "\"blue-100\" | \"blue-200\" | \"blue-300\" | \"blue-400\" | \"blue-50\" | \"blue-500\" | \"blue-600\" | \"blue-700\" | \"blue-800\" | \"blue-900\" | \"blue-950\" | \"cyan-100\" | \"cyan-200\" | \"cyan-300\" | \"cyan-400\" | \"cyan-50\" | \"cyan-500\" | \"cyan-600\" | \"cyan-700\" | \"cyan-800\" | \"cyan-900\" | \"cyan-950\" | \"glass-0\" | \"glass-100\" | \"glass-1100\" | \"glass-1200\" | \"glass-200\" | \"glass-300\" | \"glass-400\" | \"glass-50\" | \"glass-500\" | \"glass-600\" | \"glass-700\" | \"glass-800\" | \"glass-900\" | \"glass-950\" | \"gray-0\" | \"gray-100\" | \"gray-1000\" | \"gray-200\" | \"gray-300\" | \"gray-400\" | \"gray-50\" | \"gray-500\" | \"gray-600\" | \"gray-700\" | \"gray-800\" | \"gray-900\" | \"gray-950\" | \"green-100\" | \"green-200\" | \"green-300\" | \"green-400\" | \"green-50\" | \"green-500\" | \"green-600\" | \"green-700\" | \"green-800\" | \"green-900\" | \"green-950\" | \"orange-100\" | \"orange-200\" | \"orange-300\" | \"orange-400\" | \"orange-50\" | \"orange-500\" | \"orange-600\" | \"orange-700\" | \"orange-800\" | \"orange-900\" | \"orange-950\" | \"purple-100\" | \"purple-200\" | \"purple-300\" | \"purple-400\" | \"purple-50\" | \"purple-500\" | \"purple-600\" | \"purple-700\" | \"purple-800\" | \"purple-900\" | \"purple-950\" | \"red-100\" | \"red-200\" | \"red-300\" | \"red-400\" | \"red-50\" | \"red-500\" | \"red-600\" | \"red-700\" | \"red-800\" | \"red-900\" | \"red-950\" | string & { _placeholder?: undefined; } | undefined",
                     "references": {
                         "Color": {
                             "location": "import",
                             "path": "src/types/styles/Color",
-                            "id": "src/types/styles/Color.ts::Color"
+                            "id": "src/types/styles/Color.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -244,20 +245,21 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "button-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "button-color"
             },
             "backgroundColor": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "Color | (string & { _placeholder?: never })",
-                    "resolved": "Color | (string & { _placeholder?: undefined; }) | undefined",
+                    "resolved": "\"blue-100\" | \"blue-200\" | \"blue-300\" | \"blue-400\" | \"blue-50\" | \"blue-500\" | \"blue-600\" | \"blue-700\" | \"blue-800\" | \"blue-900\" | \"blue-950\" | \"cyan-100\" | \"cyan-200\" | \"cyan-300\" | \"cyan-400\" | \"cyan-50\" | \"cyan-500\" | \"cyan-600\" | \"cyan-700\" | \"cyan-800\" | \"cyan-900\" | \"cyan-950\" | \"glass-0\" | \"glass-100\" | \"glass-1100\" | \"glass-1200\" | \"glass-200\" | \"glass-300\" | \"glass-400\" | \"glass-50\" | \"glass-500\" | \"glass-600\" | \"glass-700\" | \"glass-800\" | \"glass-900\" | \"glass-950\" | \"gray-0\" | \"gray-100\" | \"gray-1000\" | \"gray-200\" | \"gray-300\" | \"gray-400\" | \"gray-50\" | \"gray-500\" | \"gray-600\" | \"gray-700\" | \"gray-800\" | \"gray-900\" | \"gray-950\" | \"green-100\" | \"green-200\" | \"green-300\" | \"green-400\" | \"green-50\" | \"green-500\" | \"green-600\" | \"green-700\" | \"green-800\" | \"green-900\" | \"green-950\" | \"orange-100\" | \"orange-200\" | \"orange-300\" | \"orange-400\" | \"orange-50\" | \"orange-500\" | \"orange-600\" | \"orange-700\" | \"orange-800\" | \"orange-900\" | \"orange-950\" | \"purple-100\" | \"purple-200\" | \"purple-300\" | \"purple-400\" | \"purple-50\" | \"purple-500\" | \"purple-600\" | \"purple-700\" | \"purple-800\" | \"purple-900\" | \"purple-950\" | \"red-100\" | \"red-200\" | \"red-300\" | \"red-400\" | \"red-50\" | \"red-500\" | \"red-600\" | \"red-700\" | \"red-800\" | \"red-900\" | \"red-950\" | string & { _placeholder?: undefined; } | undefined",
                     "references": {
                         "Color": {
                             "location": "import",
                             "path": "src/types/styles/Color",
-                            "id": "src/types/styles/Color.ts::Color"
+                            "id": "src/types/styles/Color.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -269,8 +271,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "background-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "background-color"
             },
             "borderStyle": {
                 "type": "string",
@@ -282,7 +284,8 @@ export class ZonosButton {
                         "ElementsUiStyle": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle",
+                            "referenceLocation": "ElementsUiStyle"
                         }
                     }
                 },
@@ -297,8 +300,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border-style",
-                "reflect": false
+                "reflect": false,
+                "attribute": "border-style"
             },
             "isDisabled": {
                 "type": "boolean",
@@ -328,8 +331,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-disabled",
                 "reflect": false,
+                "attribute": "is-disabled",
                 "defaultValue": "false"
             },
             "icon": {
@@ -377,8 +380,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-right",
                 "reflect": false,
+                "attribute": "icon-right",
                 "defaultValue": "false"
             },
             "size": {
@@ -400,8 +403,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'sm'"
             },
             "variant": {
@@ -426,8 +429,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'standard'"
             },
             "noBackground": {
@@ -449,8 +452,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "no-background",
                 "reflect": false,
+                "attribute": "no-background",
                 "defaultValue": "false"
             },
             "withBoxShadow": {
@@ -469,8 +472,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "with-box-shadow",
                 "reflect": false,
+                "attribute": "with-box-shadow",
                 "defaultValue": "false"
             },
             "noPaddingLeft": {
@@ -489,8 +492,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "no-padding-left",
                 "reflect": false,
+                "attribute": "no-padding-left",
                 "defaultValue": "false"
             },
             "noPaddingRight": {
@@ -509,8 +512,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "no-padding-right",
                 "reflect": false,
+                "attribute": "no-padding-right",
                 "defaultValue": "false"
             },
             "loading": {
@@ -529,8 +532,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "loading",
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             },
             "justifyContent": {
@@ -552,8 +555,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "justify-content",
                 "reflect": false,
+                "attribute": "justify-content",
                 "defaultValue": "'center'"
             },
             "bold": {
@@ -572,8 +575,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "bold",
                 "reflect": false,
+                "attribute": "bold",
                 "defaultValue": "false"
             },
             "theme": {
@@ -586,7 +589,8 @@ export class ZonosButton {
                         "ElementsUiTheme": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme",
+                            "referenceLocation": "ElementsUiTheme"
                         }
                     }
                 },
@@ -598,8 +602,8 @@ export class ZonosButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
-                "reflect": false
+                "reflect": false,
+                "attribute": "theme"
             }
         };
     }

package/dist/collection/components/common/zonos-card/zonos-card.js

@@ -75,12 +75,13 @@ export class ZonosCard {
                 "mutable": false,
                 "complexType": {
                     "original": "Color",
-                    "resolved": "Color | undefined",
+                    "resolved": "\"blue-100\" | \"blue-200\" | \"blue-300\" | \"blue-400\" | \"blue-50\" | \"blue-500\" | \"blue-600\" | \"blue-700\" | \"blue-800\" | \"blue-900\" | \"blue-950\" | \"cyan-100\" | \"cyan-200\" | \"cyan-300\" | \"cyan-400\" | \"cyan-50\" | \"cyan-500\" | \"cyan-600\" | \"cyan-700\" | \"cyan-800\" | \"cyan-900\" | \"cyan-950\" | \"glass-0\" | \"glass-100\" | \"glass-1100\" | \"glass-1200\" | \"glass-200\" | \"glass-300\" | \"glass-400\" | \"glass-50\" | \"glass-500\" | \"glass-600\" | \"glass-700\" | \"glass-800\" | \"glass-900\" | \"glass-950\" | \"gray-0\" | \"gray-100\" | \"gray-1000\" | \"gray-200\" | \"gray-300\" | \"gray-400\" | \"gray-50\" | \"gray-500\" | \"gray-600\" | \"gray-700\" | \"gray-800\" | \"gray-900\" | \"gray-950\" | \"green-100\" | \"green-200\" | \"green-300\" | \"green-400\" | \"green-50\" | \"green-500\" | \"green-600\" | \"green-700\" | \"green-800\" | \"green-900\" | \"green-950\" | \"orange-100\" | \"orange-200\" | \"orange-300\" | \"orange-400\" | \"orange-50\" | \"orange-500\" | \"orange-600\" | \"orange-700\" | \"orange-800\" | \"orange-900\" | \"orange-950\" | \"purple-100\" | \"purple-200\" | \"purple-300\" | \"purple-400\" | \"purple-50\" | \"purple-500\" | \"purple-600\" | \"purple-700\" | \"purple-800\" | \"purple-900\" | \"purple-950\" | \"red-100\" | \"red-200\" | \"red-300\" | \"red-400\" | \"red-50\" | \"red-500\" | \"red-600\" | \"red-700\" | \"red-800\" | \"red-900\" | \"red-950\" | undefined",
                     "references": {
                         "Color": {
                             "location": "import",
                             "path": "src/types",
-                            "id": "src/types/index.ts::Color"
+                            "id": "src/types/index.ts::Color",
+                            "referenceLocation": "Color"
                         }
                     }
                 },
@@ -92,8 +93,8 @@ export class ZonosCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "background-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "background-color"
             },
             "borderRadius": {
                 "type": "number",
@@ -114,8 +115,8 @@ export class ZonosCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border-radius",
                 "reflect": false,
+                "attribute": "border-radius",
                 "defaultValue": "6"
             },
             "footerActions": {
@@ -178,8 +179,8 @@ export class ZonosCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "footer-height",
-                "reflect": false
+                "reflect": false,
+                "attribute": "footer-height"
             },
             "label": {
                 "type": "unknown",
@@ -219,8 +220,8 @@ export class ZonosCard {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spacing",
                 "reflect": false,
+                "attribute": "spacing",
                 "defaultValue": "'24px'"
             }
         };