Initial commit

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/Scale.js

@@ -0,0 +1,54 @@
+import { motionTokens, createPresenceComponent } from '@fluentui/react-motion';
+/** Define a presence motion for scale in/out */ export const createScalePresence = ({ enterDuration = motionTokens.durationGentle, enterEasing = motionTokens.curveDecelerateMax, exitDuration = motionTokens.durationNormal, exitEasing = motionTokens.curveAccelerateMax } = {})=>({ animateOpacity = true })=>{
+        const fromOpacity = animateOpacity ? 0 : 1;
+        const toOpacity = 1;
+        const fromScale = 0.9; // Could be a custom param in the future
+        const toScale = 1;
+        const enterKeyframes = [
+            {
+                opacity: fromOpacity,
+                transform: `scale3d(${fromScale}, ${fromScale}, 1)`,
+                visibility: 'visible'
+            },
+            {
+                opacity: toOpacity,
+                transform: `scale3d(${toScale}, ${toScale}, 1)`
+            }
+        ];
+        const exitKeyframes = [
+            {
+                opacity: toOpacity,
+                transform: `scale3d(${toScale}, ${toScale}, 1)`
+            },
+            {
+                opacity: fromOpacity,
+                transform: `scale3d(${fromScale}, ${fromScale}, 1)`,
+                visibility: 'hidden'
+            }
+        ];
+        return {
+            enter: {
+                duration: enterDuration,
+                easing: enterEasing,
+                keyframes: enterKeyframes
+            },
+            exit: {
+                duration: exitDuration,
+                easing: exitEasing,
+                keyframes: exitKeyframes
+            }
+        };
+    };
+/** A React component that applies scale in/out transitions to its children. */ export const Scale = createPresenceComponent(createScalePresence());
+export const ScaleSnappy = createPresenceComponent(createScalePresence({
+    enterDuration: motionTokens.durationNormal,
+    enterEasing: motionTokens.curveDecelerateMax,
+    exitDuration: motionTokens.durationFast,
+    exitEasing: motionTokens.curveAccelerateMax
+}));
+export const ScaleRelaxed = createPresenceComponent(createScalePresence({
+    enterDuration: motionTokens.durationSlow,
+    enterEasing: motionTokens.curveDecelerateMax,
+    exitDuration: motionTokens.durationGentle,
+    exitEasing: motionTokens.curveAccelerateMax
+}));

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/Scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Scale/Scale.ts"],"sourcesContent":["import { motionTokens, createPresenceComponent } from '@fluentui/react-motion';\nimport { PresenceMotionFnCreator } from '../../types';\nimport { ScaleRuntimeParams_unstable, ScaleVariantParams_unstable } from './Scale.types';\n\n/** Define a presence motion for scale in/out */\nexport const createScalePresence: PresenceMotionFnCreator<ScaleVariantParams_unstable, ScaleRuntimeParams_unstable> =\n  ({\n    enterDuration = motionTokens.durationGentle,\n    enterEasing = motionTokens.curveDecelerateMax,\n    exitDuration = motionTokens.durationNormal,\n    exitEasing = motionTokens.curveAccelerateMax,\n  } = {}) =>\n  ({ animateOpacity = true }) => {\n    const fromOpacity = animateOpacity ? 0 : 1;\n    const toOpacity = 1;\n    const fromScale = 0.9; // Could be a custom param in the future\n    const toScale = 1;\n\n    const enterKeyframes = [\n      { opacity: fromOpacity, transform: `scale3d(${fromScale}, ${fromScale}, 1)`, visibility: 'visible' },\n      { opacity: toOpacity, transform: `scale3d(${toScale}, ${toScale}, 1)` },\n    ];\n\n    const exitKeyframes = [\n      { opacity: toOpacity, transform: `scale3d(${toScale}, ${toScale}, 1)` },\n      { opacity: fromOpacity, transform: `scale3d(${fromScale}, ${fromScale}, 1)`, visibility: 'hidden' },\n    ];\n    return {\n      enter: {\n        duration: enterDuration,\n        easing: enterEasing,\n        keyframes: enterKeyframes,\n      },\n      exit: { duration: exitDuration, easing: exitEasing, keyframes: exitKeyframes },\n    };\n  };\n\n/** A React component that applies scale in/out transitions to its children. */\nexport const Scale = createPresenceComponent(createScalePresence());\n\nexport const ScaleSnappy = createPresenceComponent(\n  createScalePresence({\n    enterDuration: motionTokens.durationNormal,\n    enterEasing: motionTokens.curveDecelerateMax,\n    exitDuration: motionTokens.durationFast,\n    exitEasing: motionTokens.curveAccelerateMax,\n  }),\n);\n\nexport const ScaleRelaxed = createPresenceComponent(\n  createScalePresence({\n    enterDuration: motionTokens.durationSlow,\n    enterEasing: motionTokens.curveDecelerateMax,\n    exitDuration: motionTokens.durationGentle,\n    exitEasing: motionTokens.curveAccelerateMax,\n  }),\n);\n"],"names":["motionTokens","createPresenceComponent","createScalePresence","enterDuration","durationGentle","enterEasing","curveDecelerateMax","exitDuration","durationNormal","exitEasing","curveAccelerateMax","animateOpacity","fromOpacity","toOpacity","fromScale","toScale","enterKeyframes","opacity","transform","visibility","exitKeyframes","enter","duration","easing","keyframes","exit","Scale","ScaleSnappy","durationFast","ScaleRelaxed","durationSlow"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,YAAY,EAAEC,uBAAuB,QAAQ,yBAAyB;AAI/E,8CAA8C,GAC9C,OAAO,MAAMC,sBACX,CAAC,EACCC,gBAAgBH,aAAaI,cAAc,EAC3CC,cAAcL,aAAaM,kBAAkB,EAC7CC,eAAeP,aAAaQ,cAAc,EAC1CC,aAAaT,aAAaU,kBAAkB,EAC7C,GAAG,CAAC,CAAC,GACN,CAAC,EAAEC,iBAAiB,IAAI,EAAE;QACxB,MAAMC,cAAcD,iBAAiB,IAAI;QACzC,MAAME,YAAY;QAClB,MAAMC,YAAY,KAAK,wCAAwC;QAC/D,MAAMC,UAAU;QAEhB,MAAMC,iBAAiB;YACrB;gBAAEC,SAASL;gBAAaM,WAAW,CAAC,QAAQ,EAAEJ,UAAU,EAAE,EAAEA,UAAU,IAAI,CAAC;gBAAEK,YAAY;YAAU;YACnG;gBAAEF,SAASJ;gBAAWK,WAAW,CAAC,QAAQ,EAAEH,QAAQ,EAAE,EAAEA,QAAQ,IAAI,CAAC;YAAC;SACvE;QAED,MAAMK,gBAAgB;YACpB;gBAAEH,SAASJ;gBAAWK,WAAW,CAAC,QAAQ,EAAEH,QAAQ,EAAE,EAAEA,QAAQ,IAAI,CAAC;YAAC;YACtE;gBAAEE,SAASL;gBAAaM,WAAW,CAAC,QAAQ,EAAEJ,UAAU,EAAE,EAAEA,UAAU,IAAI,CAAC;gBAAEK,YAAY;YAAS;SACnG;QACD,OAAO;YACLE,OAAO;gBACLC,UAAUnB;gBACVoB,QAAQlB;gBACRmB,WAAWR;YACb;YACAS,MAAM;gBAAEH,UAAUf;gBAAcgB,QAAQd;gBAAYe,WAAWJ;YAAc;QAC/E;IACF,EAAE;AAEJ,6EAA6E,GAC7E,OAAO,MAAMM,QAAQzB,wBAAwBC,uBAAuB;AAEpE,OAAO,MAAMyB,cAAc1B,wBACzBC,oBAAoB;IAClBC,eAAeH,aAAaQ,cAAc;IAC1CH,aAAaL,aAAaM,kBAAkB;IAC5CC,cAAcP,aAAa4B,YAAY;IACvCnB,YAAYT,aAAaU,kBAAkB;AAC7C,IACA;AAEF,OAAO,MAAMmB,eAAe5B,wBAC1BC,oBAAoB;IAClBC,eAAeH,aAAa8B,YAAY;IACxCzB,aAAaL,aAAaM,kBAAkB;IAC5CC,cAAcP,aAAaI,cAAc;IACzCK,YAAYT,aAAaU,kBAAkB;AAC7C,IACA"}

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/Scale.types.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/naming-convention
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export { };

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/Scale.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Scale/Scale.types.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/naming-convention\nexport type ScaleVariantParams_unstable = {\n  /** Time (ms) for the enter transition. Defaults to the `durationNormal` value (200 ms). */\n  enterDuration?: number;\n\n  /** Easing curve for the enter transition. Defaults to the `easeEaseMax` value.  */\n  enterEasing?: string;\n\n  /** Time (ms) for the exit transition. Defaults to the `enterDuration` param for symmetry. */\n  exitDuration?: number;\n\n  /** Easing curve for the exit transition. Defaults to the `enterEasing` param for symmetry.  */\n  exitEasing?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport type ScaleRuntimeParams_unstable = {\n  /** Whether to animate the opacity. Defaults to `true`. */\n  animateOpacity?: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,gEAAgE;AAehE,gEAAgE;AAChE,WAGE"}

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/index.js

@@ -0,0 +1 @@
+export { Scale, ScaleRelaxed, ScaleSnappy, createScalePresence } from './Scale';

node_modules/@fluentui/react-motion-components-preview/lib/components/Scale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Scale/index.ts"],"sourcesContent":["export { Scale, ScaleRelaxed, ScaleSnappy, createScalePresence } from './Scale';\n"],"names":["Scale","ScaleRelaxed","ScaleSnappy","createScalePresence"],"rangeMappings":"","mappings":"AAAA,SAASA,KAAK,EAAEC,YAAY,EAAEC,WAAW,EAAEC,mBAAmB,QAAQ,UAAU"}