@pine-ds/core 4.10.0 → 4.12.0

package/dist/collection/components/pds-box/pds-box.js

@@ -48,6 +48,7 @@ export class PdsBox {
     ${this.borderInlineEnd === true ? 'pds-box--border-inline-end' : ''}
     ${this.borderInlineEnd === false ? 'pds-box--border-inline-end-none' : ''}
     ${this.borderRadius != null && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}
+    ${this.container != null && this.container.trim() !== '' ? `pds-box--container-${this.container}` : ''}
     ${this.direction != null && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}
     ${this.display != null && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}
     ${this.fit ? 'pds-box--fit' : ''}
@@ -153,7 +154,7 @@ export class PdsBox {
         const normalizedBorder = normalizeColorValue(this.borderColor);
         const boxInlineStyles = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (normalizedBackground && { '--color-background-box': normalizedBackground })), (normalizedBorder && { '--color-border-box': normalizedBorder })), (this.minHeight && { '--sizing-min-height-box': this.minHeight })), (this.minWidth && { '--sizing-min-width-box': this.minWidth })), (this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }));
         this.hostKeeper.record(boxClasses, boxInlineStyles);
-        return (h(Host, { key: 'c791a8d413b47629c619424bebf9d9c4acc4d9f3', class: boxClasses, style: boxInlineStyles }));
+        return (h(Host, { key: '666b852248ab8514f5858daa6dc9010f9d9aee6e', class: boxClasses, style: boxInlineStyles }));
     }
     static get is() { return "pds-box"; }
     static get originalStyleUrls() {
@@ -687,6 +688,32 @@ export class PdsBox {
                 "reflect": false,
                 "attribute": "border-radius"
             },
+            "container": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BoxContainerType",
+                    "resolved": "\"inline-size\" | \"size\"",
+                    "references": {
+                        "BoxContainerType": {
+                            "location": "import",
+                            "path": "../../utils/types",
+                            "id": "src/utils/types.ts::BoxContainerType",
+                            "referenceLocation": "BoxContainerType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Makes the box a size container by setting `container-type`. `inline-size` stops the box's\ncontent from setting its width, so long unwrapped text truncates instead of widening it, and\nlets children use container query units. `size` does the same for both axes, so the box needs\na height from somewhere else. Either way the box still needs its width from its parent, such as\nthe default `flex-grow`, `flex=\"grow\"` or `fit`; with `flex=\"none\"` or `flex=\"shrink\"`, or the\n`auto` prop, it collapses."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container"
+            },
             "direction": {
                 "type": "string",
                 "mutable": false,
@@ -743,7 +770,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%`."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%`, so it fills its parent's width.\nA box in a `direction=\"column\"` parent needs it when the parent sets `align-items`, and a box that isn't a flex item needs it to fill its container."
                 },
                 "getter": false,
                 "setter": false,
@@ -762,7 +789,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%` at the XS breakpoint."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the XS breakpoint."
                 },
                 "getter": false,
                 "setter": false,
@@ -781,7 +808,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%` at the SM breakpoint."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the SM breakpoint."
                 },
                 "getter": false,
                 "setter": false,
@@ -800,7 +827,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%` at the MD breakpoint."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the MD breakpoint."
                 },
                 "getter": false,
                 "setter": false,
@@ -819,7 +846,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%` at the LG breakpoint."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the LG breakpoint."
                 },
                 "getter": false,
                 "setter": false,
@@ -838,7 +865,7 @@ export class PdsBox {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "If `true`, sets the box `max-width` to `100%` at the XL breakpoint."
+                    "text": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the XL breakpoint."
                 },
                 "getter": false,
                 "setter": false,
@@ -1162,11 +1189,8 @@ export class PdsBox {
                 "required": false,
                 "optional": true,
                 "docs": {
-                    "tags": [{
-                            "name": "defaultValue",
-                            "text": "none"
-                        }],
-                    "text": "Defines how a box will grow or shrink to fit the space available in its container.\nCan be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto')."
+                    "tags": [],
+                    "text": "Defines how a box will grow or shrink to fit the space available in its container.\nCan be a predefined value or a custom flex value (e.g., '1', '0 1 auto'). The predefined values are\n`none` (`flex: 0 0 auto`), `grow` (`flex: 1 1 auto`) and `shrink` (`flex: 0 1 auto`).\nWithout it, a box grows to share its row with its siblings (`flex-grow: 1; flex-basis: 0`)."
                 },
                 "getter": false,
                 "setter": false,
@@ -1309,14 +1333,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1327,7 +1351,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing."
+                    "text": "Defines the box's outer top spacing. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1338,14 +1362,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1356,7 +1380,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing at the XS breakpoint."
+                    "text": "Defines the box's outer top spacing at the XS breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1367,14 +1391,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1385,7 +1409,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing at the SM breakpoint."
+                    "text": "Defines the box's outer top spacing at the SM breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1396,14 +1420,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1414,7 +1438,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing at the MD breakpoint."
+                    "text": "Defines the box's outer top spacing at the MD breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1425,14 +1449,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1443,7 +1467,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing at the LG breakpoint."
+                    "text": "Defines the box's outer top spacing at the LG breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1454,14 +1478,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1472,7 +1496,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer top spacing at the XL breakpoint."
+                    "text": "Defines the box's outer top spacing at the XL breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1483,14 +1507,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1501,7 +1525,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing."
+                    "text": "Defines the box's outer left spacing. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1512,14 +1536,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1530,7 +1554,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing at the XS breakpoint."
+                    "text": "Defines the box's outer left spacing at the XS breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1541,14 +1565,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1559,7 +1583,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing at the SM breakpoint."
+                    "text": "Defines the box's outer left spacing at the SM breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1570,14 +1594,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1588,7 +1612,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing at the MD breakpoint."
+                    "text": "Defines the box's outer left spacing at the MD breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1599,14 +1623,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1617,7 +1641,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing at the LG breakpoint."
+                    "text": "Defines the box's outer left spacing at the LG breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1628,14 +1652,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1646,7 +1670,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer left spacing at the XL breakpoint."
+                    "text": "Defines the box's outer left spacing at the XL breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1657,14 +1681,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1675,7 +1699,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing."
+                    "text": "Defines the box's outer right spacing. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1686,14 +1710,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1704,7 +1728,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing at the XS breakpoint."
+                    "text": "Defines the box's outer right spacing at the XS breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1715,14 +1739,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1733,7 +1757,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing at the SM breakpoint."
+                    "text": "Defines the box's outer right spacing at the SM breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1744,14 +1768,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1762,7 +1786,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing at the MD breakpoint."
+                    "text": "Defines the box's outer right spacing at the MD breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1773,14 +1797,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1791,7 +1815,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing at the LG breakpoint."
+                    "text": "Defines the box's outer right spacing at the LG breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1802,14 +1826,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1820,7 +1844,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer right spacing at the XL breakpoint."
+                    "text": "Defines the box's outer right spacing at the XL breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1831,14 +1855,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1849,7 +1873,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing."
+                    "text": "Defines the box's outer bottom spacing. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1860,14 +1884,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1878,7 +1902,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing at the XS breakpoint."
+                    "text": "Defines the box's outer bottom spacing at the XS breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1889,14 +1913,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1907,7 +1931,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing at the SM breakpoint."
+                    "text": "Defines the box's outer bottom spacing at the SM breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1918,14 +1942,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1936,7 +1960,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing at the MD breakpoint."
+                    "text": "Defines the box's outer bottom spacing at the MD breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1947,14 +1971,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1965,7 +1989,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing at the LG breakpoint."
+                    "text": "Defines the box's outer bottom spacing at the LG breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,
@@ -1976,14 +2000,14 @@ export class PdsBox {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BoxSpacingType",
-                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
+                    "original": "BoxMarginType",
+                    "resolved": "\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
                     "references": {
-                        "BoxSpacingType": {
+                        "BoxMarginType": {
                             "location": "import",
                             "path": "../../utils/types",
-                            "id": "src/utils/types.ts::BoxSpacingType",
-                            "referenceLocation": "BoxSpacingType"
+                            "id": "src/utils/types.ts::BoxMarginType",
+                            "referenceLocation": "BoxMarginType"
                         }
                     }
                 },
@@ -1994,7 +2018,7 @@ export class PdsBox {
                             "name": "defaultValue",
                             "text": "none"
                         }],
-                    "text": "Defines the box's outer bottom spacing at the XL breakpoint."
+                    "text": "Defines the box's outer bottom spacing at the XL breakpoint. Accepts a spacing token or `auto`."
                 },
                 "getter": false,
                 "setter": false,