@spaced-out/ui-design-system/design-tokens/space/app-space.json

Sense UI components library

{
  "space": {
    "none": {
      "value": "{baseSpace.0.value}"
    },
    "x-x-small": {
      "value": "{baseSpace.4.value}"
    },
    "x-small": {
      "value": "{baseSpace.8.value}"
    },
    "small": {
      "value": "{baseSpace.12.value}"
    },
    "medium": {
      "value": "{baseSpace.20.value}"
    },
    "large": {
      "value": "{baseSpace.32.value}"
    },
    "x-large": {
      "value": "{baseSpace.52.value}"
    },
    "x-x-large": {
      "value": "{baseSpace.84.value}"
    },
    "fluid": {
      "value": "{baseSpace.100%.value}"
    },
    "neg-fluid": {
      "value": "{baseSpace.minus100%.value}"
    },
    "half-fluid": {
      "value": "{baseSpace.50%.value}"
    },
    "neg-half-fluid": {
      "value": "{baseSpace.minus50%.value}"
    }
  }
}