// Copied from packages/tokens/src/global/durations.ts // Values are numeric in milliseconds for ease of use in Web Animations API // (rather than parsing '__ms') "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { curves: function() { return curves; }, durations: function() { return durations; }, motionTokens: function() { return motionTokens; } }); const durations = { durationUltraFast: 50, durationFaster: 100, durationFast: 150, durationNormal: 200, durationGentle: 250, durationSlow: 300, durationSlower: 400, durationUltraSlow: 500 }; const curves = { curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)', curveAccelerateMid: 'cubic-bezier(1,0,1,1)', curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)', curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)', curveDecelerateMid: 'cubic-bezier(0,0,0,1)', curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)', curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)', curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)', curveLinear: 'cubic-bezier(0,0,1,1)' }; const motionTokens = { ...durations, ...curves }; /* TODO: enforce naming conventions when TypeScript 4.4 features are supported in Fluent: type DurationKey = `duration${Capitalize}`; type CurveKey = `curve${Capitalize}`; type CurveValue = `cubic-bezier(${number},${number},${number},${number})`; type DurationTokens = Record; type CurveTokens = Record; */