@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
985 lines (984 loc) • 22 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::b3654516ea001ecb6da0a6312a203030>>
* @codegenCommand yarn build tokens
*/
const tokens = [{
"value": "cubic-bezier(0.4, 0, 0, 1)",
"attributes": {
"group": "motionEasing"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "cubic-bezier(0.4, 0, 0, 1)",
"attributes": {
"group": "motionEasing"
}
},
"name": "motion.curve.EaseBoldInOut",
"path": ["motion", "curve", "EaseBoldInOut"]
}, {
"value": "cubic-bezier(0, 0.4, 0, 1)",
"attributes": {
"group": "motionEasing"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "cubic-bezier(0, 0.4, 0, 1)",
"attributes": {
"group": "motionEasing"
}
},
"name": "motion.curve.EaseBoldOut",
"path": ["motion", "curve", "EaseBoldOut"]
}, {
"value": "cubic-bezier(0.6, 0, 0.8, 0.6)",
"attributes": {
"group": "motionEasing"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "cubic-bezier(0.6, 0, 0.8, 0.6)",
"attributes": {
"group": "motionEasing"
}
},
"name": "motion.curve.EasePracticalIn",
"path": ["motion", "curve", "EasePracticalIn"]
}, {
"value": "cubic-bezier(0.4, 1, 0.6, 1)",
"attributes": {
"group": "motionEasing"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "cubic-bezier(0.4, 1, 0.6, 1)",
"attributes": {
"group": "motionEasing"
}
},
"name": "motion.curve.EasePracticalOut",
"path": ["motion", "curve", "EasePracticalOut"]
}, {
"value": "linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1)",
"attributes": {
"group": "motionEasing"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1)",
"attributes": {
"group": "motionEasing"
}
},
"name": "motion.curve.EaseSpring",
"path": ["motion", "curve", "EaseSpring"]
}, {
"value": 0,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 0,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration000",
"path": ["motion", "duration", "Duration000"]
}, {
"value": 50,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 50,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration050",
"path": ["motion", "duration", "Duration050"]
}, {
"value": 100,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 100,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration100",
"path": ["motion", "duration", "Duration100"]
}, {
"value": 150,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 150,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration150",
"path": ["motion", "duration", "Duration150"]
}, {
"value": 200,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 200,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration200",
"path": ["motion", "duration", "Duration200"]
}, {
"value": 250,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 250,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration250",
"path": ["motion", "duration", "Duration250"]
}, {
"value": 400,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 400,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration400",
"path": ["motion", "duration", "Duration400"]
}, {
"value": 600,
"attributes": {
"group": "motionDuration"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": 600,
"attributes": {
"group": "motionDuration"
}
},
"name": "motion.duration.Duration600",
"path": ["motion", "duration", "Duration600"]
}, {
"value": "backwards",
"attributes": {
"group": "motionFillMode"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "backwards",
"attributes": {
"group": "motionFillMode"
}
},
"name": "motion.fillMode.AnimationFillModeBackwards",
"path": ["motion", "fillMode", "AnimationFillModeBackwards"]
}, {
"value": "forwards",
"attributes": {
"group": "motionFillMode"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "forwards",
"attributes": {
"group": "motionFillMode"
}
},
"name": "motion.fillMode.AnimationFillModeForwards",
"path": ["motion", "fillMode", "AnimationFillModeForwards"]
}, {
"value": {
"0%": {
"opacity": 0
},
"100%": {
"opacity": 1
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"opacity": 0
},
"100%": {
"opacity": 1
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.FadeIn0to100",
"path": ["motion", "keyframe", "FadeIn0to100"]
}, {
"value": {
"0%": {
"opacity": 1
},
"100%": {
"opacity": 0
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"opacity": 1
},
"100%": {
"opacity": 0
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.FadeOut100to0",
"path": ["motion", "keyframe", "FadeOut100to0"]
}, {
"value": {
"0%": {
"transform": "scale(0.8)"
},
"100%": {
"transform": "scale(1)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scale(0.8)"
},
"100%": {
"transform": "scale(1)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleIn80to100",
"path": ["motion", "keyframe", "ScaleIn80to100"]
}, {
"value": {
"0%": {
"transform": "scale(0.95)"
},
"100%": {
"transform": "scale(1)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scale(0.95)"
},
"100%": {
"transform": "scale(1)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleIn95to100",
"path": ["motion", "keyframe", "ScaleIn95to100"]
}, {
"value": {
"0%": {
"transform": "scale(1)"
},
"100%": {
"transform": "scale(0.8)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scale(1)"
},
"100%": {
"transform": "scale(0.8)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleOut100to80",
"path": ["motion", "keyframe", "ScaleOut100to80"]
}, {
"value": {
"0%": {
"transform": "scale(1)"
},
"100%": {
"transform": "scale(0.95)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scale(1)"
},
"100%": {
"transform": "scale(0.95)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleOut100to95",
"path": ["motion", "keyframe", "ScaleOut100to95"]
}, {
"value": {
"0%": {
"transform": "scaleX(0.8)"
},
"100%": {
"transform": "scaleX(1)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scaleX(0.8)"
},
"100%": {
"transform": "scaleX(1)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleXIn80to100",
"path": ["motion", "keyframe", "ScaleXIn80to100"]
}, {
"value": {
"0%": {
"transform": "scaleX(1)"
},
"100%": {
"transform": "scaleX(0)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "scaleX(1)"
},
"100%": {
"transform": "scaleX(0)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.ScaleXOut100to0",
"path": ["motion", "keyframe", "ScaleXOut100to0"]
}, {
"value": {
"0%": {
"transform": "translateX(-100%)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(-100%)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideIn100PercentLeft",
"path": ["motion", "keyframe", "SlideIn100PercentLeft"]
}, {
"value": {
"0%": {
"transform": "translateX(100%)",
"transform-origin": "right"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "right"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(100%)",
"transform-origin": "right"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "right"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideIn100PercentRight",
"path": ["motion", "keyframe", "SlideIn100PercentRight"]
}, {
"value": {
"0%": {
"transform": "translateX(-50%)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(-50%)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(0px)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideIn50PercentLeft",
"path": ["motion", "keyframe", "SlideIn50PercentLeft"]
}, {
"value": {
"0%": {
"transform": "translateY(-8px)"
},
"100%": {
"transform": "translateY(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateY(-8px)"
},
"100%": {
"transform": "translateY(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideInBottom8px",
"path": ["motion", "keyframe", "SlideInBottom8px"]
}, {
"value": {
"0%": {
"transform": "translateX(8px)"
},
"100%": {
"transform": "translateX(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(8px)"
},
"100%": {
"transform": "translateX(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideInLeft8px",
"path": ["motion", "keyframe", "SlideInLeft8px"]
}, {
"value": {
"0%": {
"transform": "translateX(-8px)"
},
"100%": {
"transform": "translateX(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(-8px)"
},
"100%": {
"transform": "translateX(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideInRight8px",
"path": ["motion", "keyframe", "SlideInRight8px"]
}, {
"value": {
"0%": {
"transform": "translateY(8px)"
},
"100%": {
"transform": "translateY(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateY(8px)"
},
"100%": {
"transform": "translateY(0px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideInTop8px",
"path": ["motion", "keyframe", "SlideInTop8px"]
}, {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(-100%)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(-100%)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOut100PercentLeft",
"path": ["motion", "keyframe", "SlideOut100PercentLeft"]
}, {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "right"
},
"100%": {
"transform": "translateX(100%)",
"transform-origin": "right"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "right"
},
"100%": {
"transform": "translateX(100%)",
"transform-origin": "right"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOut100PercentRight",
"path": ["motion", "keyframe", "SlideOut100PercentRight"]
}, {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(-15%)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(0px)",
"transform-origin": "left"
},
"100%": {
"transform": "translateX(-15%)",
"transform-origin": "left"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOut15PercentLeft",
"path": ["motion", "keyframe", "SlideOut15PercentLeft"]
}, {
"value": {
"0%": {
"transform": "translateY(0px)"
},
"100%": {
"transform": "translateY(-4px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateY(0px)"
},
"100%": {
"transform": "translateY(-4px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOutBottom8px",
"path": ["motion", "keyframe", "SlideOutBottom8px"]
}, {
"value": {
"0%": {
"transform": "translateX(0px)"
},
"100%": {
"transform": "translateX(4px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(0px)"
},
"100%": {
"transform": "translateX(4px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOutLeft8px",
"path": ["motion", "keyframe", "SlideOutLeft8px"]
}, {
"value": {
"0%": {
"transform": "translateX(0px)"
},
"100%": {
"transform": "translateX(-4px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateX(0px)"
},
"100%": {
"transform": "translateX(-4px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOutRight8px",
"path": ["motion", "keyframe", "SlideOutRight8px"]
}, {
"value": {
"0%": {
"transform": "translateY(0px)"
},
"100%": {
"transform": "translateY(4px)"
}
},
"attributes": {
"group": "motionKeyframe"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": {
"0%": {
"transform": "translateY(0px)"
},
"100%": {
"transform": "translateY(4px)"
}
},
"attributes": {
"group": "motionKeyframe"
}
},
"name": "motion.keyframe.SlideOutTop8px",
"path": ["motion", "keyframe", "SlideOutTop8px"]
}, {
"value": "background-color",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "background-color",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.BackgroundColor",
"path": ["motion", "properties", "BackgroundColor"]
}, {
"value": "border-color",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "border-color",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.BorderColor",
"path": ["motion", "properties", "BorderColor"]
}, {
"value": "box-shadow",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "box-shadow",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.BoxShadow",
"path": ["motion", "properties", "BoxShadow"]
}, {
"value": "color",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "color",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.Color",
"path": ["motion", "properties", "Color"]
}, {
"value": "text-decoration-color",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "text-decoration-color",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.TextDecorationColor",
"path": ["motion", "properties", "TextDecorationColor"]
}, {
"value": "transform",
"attributes": {
"group": "motionProperty"
},
"filePath": "schema/palettes/motion-palette.tsx",
"isSource": true,
"original": {
"value": "transform",
"attributes": {
"group": "motionProperty"
}
},
"name": "motion.properties.Transform",
"path": ["motion", "properties", "Transform"]
}];
export default tokens;