{ "capturedAt": "2026-10-11T18:55:59.308489892Z", "kind": "style", "slug": "motion/overview", "name": "Motion", "tokens": [ { "name": "md.sys.motion.duration.extra-long1", "displayName": "Extra long 1", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 700 } } ] }, { "name": "md.sys.motion.duration.extra-long2", "displayName": "Extra long 2", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 800 } } ] }, { "name": "md.sys.motion.duration.extra-long3", "displayName": "Extra long 3", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 900 } } ] }, { "name": "md.sys.motion.duration.extra-long4", "displayName": "Extra long 4", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 1000 } } ] }, { "name": "md.sys.motion.duration.long1", "displayName": "Long 1", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 450 } } ] }, { "name": "md.sys.motion.duration.long2", "displayName": "Long 2", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 500 } } ] }, { "name": "md.sys.motion.duration.long3", "displayName": "Long 3", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 550 } } ] }, { "name": "md.sys.motion.duration.long4", "displayName": "Long 4", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 600 } } ] }, { "name": "md.sys.motion.duration.medium1", "displayName": "Medium 1", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 250 } } ] }, { "name": "md.sys.motion.duration.medium2", "displayName": "Medium 2", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 300 } } ] }, { "name": "md.sys.motion.duration.medium3", "displayName": "Medium 3", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 350 } } ] }, { "name": "md.sys.motion.duration.medium4", "displayName": "Medium 4", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 400 } } ] }, { "name": "md.sys.motion.duration.short1", "displayName": "Short 1", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 50 } } ] }, { "name": "md.sys.motion.duration.short2", "displayName": "Short 2", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 100 } } ] }, { "name": "md.sys.motion.duration.short3", "displayName": "Short 3", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 150 } } ] }, { "name": "md.sys.motion.duration.short4", "displayName": "Short 4", "type": "DURATION", "values": [ { "default": true, "value": { "durationMs": 200 } } ] }, { "name": "md.sys.motion.easing.emphasized", "displayName": "Emphasized", "type": "CUBIC_BEZIER", "values": [ { "context": [ "Platform: Android" ], "default": true, "value": { "svgPath": "M 0,0 C 0.05, 0, 0.133333, 0.06, 0.166666, 0.4 C 0.208333, 0.82, 0.25, 1, 1, 1" } }, { "context": [ "Platform: Compose" ], "value": { "cubicBezier": { "x0": 0.2, "y1": 1 } } }, { "context": [ "Platform: Web" ], "value": { "cubicBezier": { "x0": 0.2, "y1": 1 } }, "references": [ { "name": "md.sys.motion.easing.standard" } ] }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "cubicBezier": { "x0": 0.2, "y1": 1 } }, "references": [ { "name": "md.sys.motion.easing.standard" } ] }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "cubicBezier": { "x0": 0.2, "y1": 1 } }, "references": [ { "name": "md.sys.motion.easing.standard" } ] } ] }, { "name": "md.sys.motion.easing.emphasized.accelerate", "displayName": "Emphasized accelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.3, "x1": 0.8, "y1": 0.15 } } } ] }, { "name": "md.sys.motion.easing.emphasized.decelerate", "displayName": "Emphasized decelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.05, "y0": 0.7, "x1": 0.1, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.legacy", "displayName": "Legacy", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.4, "x1": 0.2, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.legacy.accelerate", "displayName": "Legacy accelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.4, "x1": 1, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.legacy.decelerate", "displayName": "Legacy decelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x1": 0.2, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.linear", "displayName": "Linear", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x1": 1, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.standard", "displayName": "Standard", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.2, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.standard.accelerate", "displayName": "Standard accelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "x0": 0.3, "x1": 1, "y1": 1 } } } ] }, { "name": "md.sys.motion.easing.standard.decelerate", "displayName": "Standard decelerate", "type": "CUBIC_BEZIER", "values": [ { "default": true, "value": { "cubicBezier": { "y1": 1 } } } ] }, { "name": "md.sys.motion.path", "displayName": "Motion path", "type": "MOTION_PATH", "values": [ { "default": true, "value": { "motionPath": { "standardPath": "LINEAR" } } } ] }, { "name": "md.sys.motion.spring.default.effects", "displayName": "Motion spring default effects ", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.default.effects.damping", "displayName": "Motion spring default effects damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 1 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.default.effects.stiffness", "displayName": "Motion spring default effects stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 1600 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 1600 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 1600 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 1600 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 1600 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 1600 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.default.spatial", "displayName": "Motion spring default spatial", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.default.spatial.damping", "displayName": "Motion spring default spatial damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 0.9 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.default.spatial.stiffness", "displayName": "Motion spring default spatial stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 700 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 380 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 380 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 700 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 380 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 700 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.fast.effects", "displayName": "Motion spring fast effects ", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.fast.effects.damping", "displayName": "Motion spring fast effects damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 1 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.fast.effects.stiffness", "displayName": "Motion spring fast effects stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 3800 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 3800 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 3800 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 3800 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 3800 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 3800 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.fast.spatial", "displayName": "Motion spring fast spatial", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.fast.spatial.damping", "displayName": "Motion spring fast spatial damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 0.9 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 0.6 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 0.6 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 0.6 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.fast.spatial.stiffness", "displayName": "Motion spring fast spatial stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 1400 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 1400 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 1400 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.slow.effects", "displayName": "Motion spring slow effects ", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.slow.effects.damping", "displayName": "Motion spring slow effects damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 1 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 1 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 1 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.slow.effects.stiffness", "displayName": "Motion spring slow effects stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 800 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 800 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 800 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.slow.spatial", "displayName": "Motion spring slow spatial", "type": "CUSTOM_COMPOSITE", "values": [] }, { "name": "md.sys.motion.spring.slow.spatial.damping", "displayName": "Motion spring slow spatial damping", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 0.9 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 0.8 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 0.9 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.motion.spring.slow.spatial.stiffness", "displayName": "Motion spring slow spatial stiffness", "type": "NUMERIC", "values": [ { "context": [ "Platform: Android", "Motion scheme: Standard" ], "default": true, "value": { "numeric": 300 } }, { "context": [ "Platform: Android", "Motion scheme: Expressive" ], "value": { "numeric": 200 } }, { "context": [ "Platform: Compose", "Motion scheme: Expressive" ], "value": { "numeric": 200 } }, { "context": [ "Platform: Compose", "Motion scheme: Standard" ], "value": { "numeric": 300 } }, { "context": [ "Platform: Web", "Motion scheme: Expressive" ], "value": { "numeric": 200 } }, { "context": [ "Platform: Web", "Motion scheme: Standard" ], "value": { "numeric": 300 } }, { "context": [ "Platform: iOS", "Motion scheme: Expressive" ], "value": { "undefined": true } }, { "context": [ "Platform: iOS", "Motion scheme: Standard" ], "value": { "undefined": true } } ] }, { "name": "md.sys.shape.corner-value.extra-extra-large", "displayName": "Extra extra large corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 48, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.extra-large", "displayName": "Extra large corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 28, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.extra-large-increased", "displayName": "Extra large increased corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 32, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.extra-small", "displayName": "Extra small corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 4, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.large", "displayName": "Large corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 16, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.large-increased", "displayName": "Large increased corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 20, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.medium", "displayName": "Medium corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 12, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.none", "displayName": "No corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner-value.small", "displayName": "Small corner value", "type": "LENGTH", "values": [ { "default": true, "value": { "length": { "value": 8, "unit": "DIPS" } } } ] }, { "name": "md.sys.shape.corner.extra-extra-large", "displayName": "Extra extra large rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 48, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.extra-large", "displayName": "Extra large rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 28, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.extra-large-increased", "displayName": "Extra large increased rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 32, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.extra-large.top", "displayName": "Extra large top rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "topLeft": { "value": 28, "unit": "DIPS" }, "topRight": { "value": 28, "unit": "DIPS" }, "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.extra-small", "displayName": "Extra small rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 4, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.extra-small.top", "displayName": "Extra small top rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "topLeft": { "value": 4, "unit": "DIPS" }, "topRight": { "value": 4, "unit": "DIPS" }, "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.full", "displayName": "Fully rounded", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_CIRCULAR" } } } ] }, { "name": "md.sys.shape.corner.large", "displayName": "Large rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 16, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.large-increased", "displayName": "Large increased rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 20, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.large.end", "displayName": "Large end rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "topRight": { "value": 16, "unit": "DIPS" }, "bottomRight": { "value": 16, "unit": "DIPS" }, "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.large.start", "displayName": "Large start rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "topLeft": { "value": 16, "unit": "DIPS" }, "bottomLeft": { "value": 16, "unit": "DIPS" }, "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.large.top", "displayName": "Large top rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "topLeft": { "value": 16, "unit": "DIPS" }, "topRight": { "value": 16, "unit": "DIPS" }, "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.medium", "displayName": "Medium rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 12, "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.none", "displayName": "No rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "unit": "DIPS" } } } } ] }, { "name": "md.sys.shape.corner.small", "displayName": "Small rounding", "type": "SHAPE", "values": [ { "default": true, "value": { "shape": { "family": "SHAPE_FAMILY_ROUNDED_CORNERS", "defaultSize": { "value": 8, "unit": "DIPS" } } } } ] }, { "name": "md.sys.state.disabled.state-layer-opacity", "displayName": "Disabled state layer opacity", "type": "OPACITY", "values": [ { "default": true, "value": { "opacity": 0.38 } } ] }, { "name": "md.sys.state.dragged.state-layer-opacity", "displayName": "Dragged state layer opacity", "type": "OPACITY", "values": [ { "default": true, "value": { "opacity": 0.16 } } ] }, { "name": "md.sys.state.focus.state-layer-opacity", "displayName": "Focus state layer opacity", "type": "OPACITY", "values": [ { "default": true, "value": { "opacity": 0.1 } } ] }, { "name": "md.sys.state.hover.state-layer-opacity", "displayName": "Hover state layer opacity", "type": "OPACITY", "values": [ { "default": true, "value": { "opacity": 0.08 } } ] }, { "name": "md.sys.state.pressed.state-layer-opacity", "displayName": "Pressed state layer opacity", "type": "OPACITY", "values": [ { "default": true, "value": { "opacity": 0.1 } } ] } ] }