@primer/primitives/dist/fallbacks/functional/motion/motion.json

Typography, spacing, and color primitives for Primer design system

{
  "--motion-duration-micro": {
    "value": 100,
    "unit": "ms"
  },
  "--motion-duration-short": {
    "value": 200,
    "unit": "ms"
  },
  "--motion-duration-medium": {
    "value": 300,
    "unit": "ms"
  },
  "--motion-duration-long": {
    "value": 500,
    "unit": "ms"
  },
  "--motion-easing-hover": [0.25, 0.1, 0.25, 1],
  "--motion-easing-enter": [0.3, 0.8, 0.6, 1],
  "--motion-easing-exit": [0.7, 0.1, 0.75, 0.9],
  "--motion-easing-move": [0.6, 0, 0.2, 1],
  "--motion-easing-linear": [0, 0, 1, 1],
  "--motion-transition-hover": {
    "duration": {
      "value": 100,
      "unit": "ms"
    },
    "timingFunction": [0.25, 0.1, 0.25, 1]
  },
  "--motion-transition-stateChange": {
    "duration": {
      "value": 200,
      "unit": "ms"
    },
    "timingFunction": [0.6, 0, 0.2, 1]
  },
  "--motion-transition-enter": {
    "duration": {
      "value": 300,
      "unit": "ms"
    },
    "timingFunction": [0.3, 0.8, 0.6, 1]
  },
  "--motion-transition-exit": {
    "duration": {
      "value": 200,
      "unit": "ms"
    },
    "timingFunction": [0.7, 0.1, 0.75, 0.9]
  }
}