fix: ts check

Author: saurabhdaware

packages/blade/src/components/BladeProvider/__tests__/bladeLightTheme/bladeLightTheme.native.ts

@@ -13,22 +13,13 @@ const bladeLightTheme: Theme = {
   motion: {
     ...bladeTheme.motion,
     easing: {
-      standard: {
-        attentive: Easing.bezier(0.5, 0, 0.3, 1.5),
-        effective: Easing.bezier(0.3, 0, 0.2, 1),
-        revealing: Easing.bezier(0.5, 0, 0, 1),
-        wary: Easing.bezier(1, 0.5, 0, 0.5),
-      },
-      entrance: {
-        attentive: Easing.bezier(0.5, 0, 0.3, 1.5),
-        effective: Easing.bezier(0, 0, 0.2, 1),
-        revealing: Easing.bezier(0, 0, 0, 1),
-      },
-      exit: {
-        attentive: Easing.bezier(0.7, 0, 0.5, 1),
-        effective: Easing.bezier(0.17, 0, 1, 1),
-        revealing: Easing.bezier(0.5, 0, 1, 1),
-      },
+      linear: Easing.bezier(0, 0, 0, 0),
+      entrance: Easing.bezier(0, 0, 0.2, 1),
+      exit: Easing.bezier(0.17, 0, 1, 1),
+      standard: Easing.bezier(0.3, 0, 0.2, 1),
+      emphasized: Easing.bezier(0.5, 0, 0, 1),
+      overshoot: Easing.bezier(0.5, 0, 0.3, 1.5),
+      shake: Easing.bezier(1, 0.5, 0, 0.5),
     },
   },
 };

packages/blade/src/components/Button/BaseButton/BaseButton.tsx

@@ -257,7 +257,7 @@ const getProps = ({
     borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',
     borderRadius: makeBorderSize(theme.border.radius.medium),
     motionDuration: 'duration.xquick',
-    motionEasing: 'easing.standard.effective',
+    motionEasing: 'easing.standard',
   };
 
   if (isDisabled) {

packages/blade/src/components/Carousel/NavigationButton/getNavigationButtonStyles.ts

@@ -66,7 +66,7 @@ const getNavigationButtonStyles = (props: {
       : {
           transitionProperty: 'color, box-shadow',
           transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),
-          transitionTimingFunction: castWebType(motionToken.easing.standard.effective),
+          transitionTimingFunction: castWebType(motionToken.easing.standard),
           boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,
 
           '&:hover': {

packages/blade/src/components/Chip/chipTokens.ts

@@ -195,7 +195,7 @@ const chipTextSizes = {
 
 const chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {
   duration: 'duration.xquick',
-  easing: 'easing.standard.effective',
+  easing: 'easing.standard',
 };
 
 export {

packages/blade/src/components/FileUpload/fileUploadTokens.ts

@@ -20,7 +20,7 @@ const getFileUploadInputHoverTokens = (): SelectorInputHoverTokens => {
 
 const fileUploadMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {
   duration: 'duration.2xquick',
-  easing: 'easing.standard.effective',
+  easing: 'easing.standard',
 };
 
 const fileUploadHeightTokens = {

packages/blade/src/components/Input/BaseInput/baseInputTokens.ts

@@ -64,8 +64,8 @@ export const baseInputBorderWidth = {
 } as const;
 
 export const baseInputBorderBackgroundMotion = {
-  enter: { duration: 'xgentle', easing: 'standard.revealing' },
-  exit: { duration: 'gentle', easing: 'standard.effective' },
+  enter: { duration: 'xgentle', easing: 'emphasized' },
+  exit: { duration: 'gentle', easing: 'standard' },
 } as const;
 
 export const baseInputPaddingTokens = {

packages/blade/src/components/Link/BaseLink/BaseLink.tsx

@@ -246,7 +246,7 @@ const getProps = ({
     }) as BaseTextProps['color'],
     focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),
     motionDuration: 'duration.2xquick',
-    motionEasing: 'easing.standard.effective',
+    motionEasing: 'easing.standard',
     cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',
     disabled: isButton && isDisabled,
     role: isButton ? 'button' : 'link',

packages/blade/src/components/ProgressBar/ProgressBar.tsx

@@ -248,7 +248,7 @@ const ProgressBar = ({
               pulseMotionDuration="duration.2xgentle"
               fillMotionDuration="duration.2xgentle"
               pulseMotionDelay="delay.long"
-              motionEasing="easing.standard.revealing"
+              motionEasing="easing.emphasized"
             />
           ) : (
             <BaseBox
@@ -264,7 +264,7 @@ const ProgressBar = ({
                 pulseMotionDuration="duration.2xgentle"
                 indeterminateMotionDuration="duration.2xgentle"
                 pulseMotionDelay="delay.long"
-                motionEasing="easing.standard.revealing"
+                motionEasing="easing.emphasized"
                 type={progressType}
                 isIndeterminate={isIndeterminate}
               />

packages/blade/src/components/Spinner/BaseSpinner/spinnerTokens.ts

@@ -11,7 +11,7 @@ const motion: {
   easing: EasingString;
 } = {
   duration: 'duration.2xgentle',
-  easing: 'easing.standard.attentive',
+  easing: 'easing.overshoot', // TODO: confirm
 };
 
 export { dimensions, motion };

packages/blade/src/tokens/global/motion.ts

@@ -21,11 +21,6 @@ type Duration = {
 };
 
 type Delay = {
-  // TODO: confirm naming and values with RK once
-  /** `70` milliseconds */
-  // '2xshort': 70;
-  // /** `120` milliseconds */
-  // xshort: 120;
   /** `160` milliseconds */
   xquick: 160;
   /** `280` milliseconds */

packages/blade/src/utils/makeMotionTime/makeMotionTime.native.test.ts

@@ -8,7 +8,7 @@ describe('makeMotionTime', () => {
   });
 
   it('should return the delay value in `number`', () => {
-    const delay = makeMotionTime(motion.delay.short);
-    expect(delay).toEqual(180);
+    const delay = makeMotionTime(motion.delay.xquick);
+    expect(delay).toEqual(160);
   });
 });