Express overrides

01-current-structure.json

{
  "corner-radius-75": {
    "sets": {
      "spectrum": {
        "sets": {
          "desktop": {
            "value": "2px"
          },
          "mobile": {
            "value": "2px"
          }
        }
      },
      "express": {
        "sets": {
          "desktop": {
            "value": "3px",
            "deprecated": true,
            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
          },
          "mobile": {
            "value": "4px",
            "deprecated": true,
            "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
          }
        }
      }
    }
  }
}

02-removed-express.json

{
  "corner-radius-75": {
    "value": "2px"
  }
}

03-express-override.json

{
  "corner-radius-75": {
    "sets": {
      "desktop": {
        "value": "3px"
      },
      "mobile": {
        "value": "4px"
      }
    }
  }
}

04-express-override.css

.spectrum--large {
  --spectrum-corner-radius-75: 3px;
}
.spectrum--medium {
  --spectrum-corner-radius-75: 4px;
}