{
  "aliases": {},
  "props": {
    "button-color-background": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-background",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "background-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared background color for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-background-hover": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-background-hover",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "background-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared background color on hover for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-background-focus": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-background-focus",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "background-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared background color on focus for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-background-active": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-background-active",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "background-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared background color on active for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-text-color": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-text-color",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared text color for all components similarily semantic to a button. Required to be layered upon the shared button background color.",
      "group": "buttons"
    },
    "button-text-color-hover": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-text-color-hover",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared text color on hover for all components similarily semantic to a button. Required to be layered upon the shared button background color.",
      "group": "buttons"
    },
    "button-text-color-focus": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-text-color-focus",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared text color on focus for all components similarily semantic to a button. Required to be layered upon the shared button background color.",
      "group": "buttons"
    },
    "button-text-color-active": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-text-color-active",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared text color on active for all components similarily semantic to a button. Required to be layered upon the shared button background color.",
      "group": "buttons"
    },
    "button-color-border": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared border color on active for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-border-hover": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-border-hover",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared border color on hover for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-border-focus": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-border-focus",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared border color on focus for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-color-border-active": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-color-border-active",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-color"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared border color on active for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-sizing-border": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "button-sizing-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-width"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "sizing",
      "comment": "Shared border size for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-radius-border": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "button-radius-border",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "border-radius"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "radius",
      "comment": "Shared border radius for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-shadow": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-shadow",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "box-shadow"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared shadow for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-shadow-hover": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-shadow-hover",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "box-shadow"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared shadow on hover for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-shadow-focus": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-shadow-focus",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "box-shadow"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared shadow on focus for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-shadow-active": {
      "originalValue": null,
      "syntax": "<color>",
      "name": "button-shadow-active",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "box-shadow"
      ],
      "inherits": false,
      "type": "color",
      "namespace": "sds",
      "category": "color",
      "comment": "Shared shadow on active for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-spacing-block": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "button-spacing-block",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "padding",
        "margin",
        "top",
        "bottom"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "spacing",
      "comment": "Shared spacing on the block axis for all components similarily semantic to a button.",
      "group": "buttons"
    },
    "button-spacing-inline": {
      "originalValue": null,
      "syntax": "<length>",
      "name": "button-spacing-inline",
      "value": null,
      "scope": "shared",
      "cssProperties": [
        "padding",
        "margin",
        "right",
        "left"
      ],
      "inherits": false,
      "type": "number",
      "namespace": "sds",
      "category": "spacing",
      "comment": "Shared spacing on the inline axis for all components similarily semantic to a button.",
      "group": "buttons"
    }
  }
}