{
  "aliases": {},
  "props": {
    "container-color-background": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "container-color-background",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "background-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared background color for all components visually represent a container. The container should contain content and is most likely layered on top of a contrasting background color. Not limited to in-flow content, can be used for out-of-flow content such as popups.",
      "group": "containers"
    },
    "container-text-color": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "container-text-color",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared text color for all components visually represent a container. The text must sit on top of `*-s-container-background-color`",
      "group": "containers"
    },
    "container-color-border": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "container-color-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared border color for all components visually represent a container. The border color must be coupled with `*-s-container-background-color`",
      "group": "containers"
    },
    "container-sizing-border": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "container-sizing-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-width"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "sizing",
      "comment": "Shared border size for all components visually represent a container.",
      "group": "containers"
    },
    "container-radius-border": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "container-radius-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-radius"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "border-radius",
      "comment": "Shared border radius for all components visually represent a container.",
      "group": "containers"
    },
    "container-shadow": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "container-shadow",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "box-shadow"
      ],
      "inherits": false,
      "type": "raw",
      "namespace": "sds",
      "category": "shadow",
      "comment": "Shared shadow for all components visually represent a container.",
      "group": "containers"
    },
    "container-spacing-inline": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "container-spacing-inline",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "padding-inline",
        "margin-inline"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "spacing",
      "comment": "Shared inline spacing for all components visually represent a container.",
      "group": "containers"
    },
    "container-spacing-block": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "container-spacing-block",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "padding-block",
        "margin-block"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "spacing",
      "comment": "Shared block spacing for all components visually represent a container.",
      "group": "containers"
    }
  }
}