UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

235 lines (234 loc) • 6.58 kB
{ "base-duration-0": { "$value": "0ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "0ms", "$type": "duration" }, "name": "base-duration-0", "attributes": {}, "path": ["base", "duration", "0"], "key": "{base.duration.0}" }, "base-duration-100": { "$value": "100ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "100ms", "$type": "duration" }, "name": "base-duration-100", "attributes": {}, "path": ["base", "duration", "100"], "key": "{base.duration.100}" }, "base-duration-1000": { "$value": "1000ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "1000ms", "$type": "duration" }, "name": "base-duration-1000", "attributes": {}, "path": ["base", "duration", "1000"], "key": "{base.duration.1000}" }, "base-duration-200": { "$value": "200ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "200ms", "$type": "duration" }, "name": "base-duration-200", "attributes": {}, "path": ["base", "duration", "200"], "key": "{base.duration.200}" }, "base-duration-300": { "$value": "300ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "300ms", "$type": "duration" }, "name": "base-duration-300", "attributes": {}, "path": ["base", "duration", "300"], "key": "{base.duration.300}" }, "base-duration-400": { "$value": "400ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "400ms", "$type": "duration" }, "name": "base-duration-400", "attributes": {}, "path": ["base", "duration", "400"], "key": "{base.duration.400}" }, "base-duration-50": { "$value": "50ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "50ms", "$type": "duration" }, "name": "base-duration-50", "attributes": {}, "path": ["base", "duration", "50"], "key": "{base.duration.50}" }, "base-duration-500": { "$value": "500ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "500ms", "$type": "duration" }, "name": "base-duration-500", "attributes": {}, "path": ["base", "duration", "500"], "key": "{base.duration.500}" }, "base-duration-600": { "$value": "600ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "600ms", "$type": "duration" }, "name": "base-duration-600", "attributes": {}, "path": ["base", "duration", "600"], "key": "{base.duration.600}" }, "base-duration-700": { "$value": "700ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "700ms", "$type": "duration" }, "name": "base-duration-700", "attributes": {}, "path": ["base", "duration", "700"], "key": "{base.duration.700}" }, "base-duration-800": { "$value": "800ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "800ms", "$type": "duration" }, "name": "base-duration-800", "attributes": {}, "path": ["base", "duration", "800"], "key": "{base.duration.800}" }, "base-duration-900": { "$value": "900ms", "$type": "duration", "filePath": "src/tokens/base/motion/timing.json5", "isSource": true, "original": { "$value": "900ms", "$type": "duration" }, "name": "base-duration-900", "attributes": {}, "path": ["base", "duration", "900"], "key": "{base.duration.900}" }, "base-easing-easeIn": { "$value": [0.7, 0.1, 0.75, 0.9], "$type": "cubicBezier", "$description": "Ideal for movement that starts on the page and ends off the page.", "filePath": "src/tokens/base/motion/easing.json5", "isSource": true, "original": { "$value": [0.7, 0.1, 0.75, 0.9], "$type": "cubicBezier", "$description": "Ideal for movement that starts on the page and ends off the page." }, "name": "base-easing-easeIn", "attributes": {}, "path": ["base", "easing", "easeIn"], "key": "{base.easing.easeIn}" }, "base-easing-easeInOut": { "$value": [0.6, 0, 0.2, 1], "$type": "cubicBezier", "$description": "Ideal for movement that starts and ends on the page.", "filePath": "src/tokens/base/motion/easing.json5", "isSource": true, "original": { "$value": [0.6, 0, 0.2, 1], "$type": "cubicBezier", "$description": "Ideal for movement that starts and ends on the page." }, "name": "base-easing-easeInOut", "attributes": {}, "path": ["base", "easing", "easeInOut"], "key": "{base.easing.easeInOut}" }, "base-easing-easeOut": { "$value": [0.3, 0.8, 0.6, 1], "$type": "cubicBezier", "$description": "Ideal for movement that starts off the page and ends on the page.", "filePath": "src/tokens/base/motion/easing.json5", "isSource": true, "original": { "$value": [0.3, 0.8, 0.6, 1], "$type": "cubicBezier", "$description": "Ideal for movement that starts off the page and ends on the page." }, "name": "base-easing-easeOut", "attributes": {}, "path": ["base", "easing", "easeOut"], "key": "{base.easing.easeOut}" }, "base-easing-linear": { "$value": [0, 0, 1, 1], "$type": "cubicBezier", "$description": "Ideal for non-movement properties, like opacity or background color.", "filePath": "src/tokens/base/motion/easing.json5", "isSource": true, "original": { "$value": [0, 0, 1, 1], "$type": "cubicBezier", "$description": "Ideal for non-movement properties, like opacity or background color." }, "name": "base-easing-linear", "attributes": {}, "path": ["base", "easing", "linear"], "key": "{base.easing.linear}" } }