@ornikar/kitt-universal 32.5.1-canary.69cd09143dd992620decf0a9f846b68e573511e3.0 → 32.5.1

package/dist/index-node-22.17.cjs.web.css

@@ -53,7 +53,7 @@
 .Picker-module_picker-enter-active__0hxR5 {
   transform: translateY(0);
   opacity: 1;
-  transition: all var(--overlay-duration) var(--overlay-timing-function);
+  transition: all 300ms ease-in-out;
 }
 
 .Picker-module_picker-exit__Z1BjM {
@@ -64,7 +64,7 @@
 .Picker-module_picker-exit-active__x2C8Q {
   transform: translateY(8px);
   opacity: 0;
-  transition: all var(--overlay-duration) var(--overlay-timing-function);
+  transition: all 300ms ease-in-out;
 }
 
 /* overrides :global(a) in Link styles.module.css */

package/dist/index-node-22.17.cjs.web.js

@@ -2289,10 +2289,6 @@ const typography = {
 
 const picker = {
   maxWidthFixed: 320,
-  animation: {
-    duration: 300,
-    timingFunction: 'ease-in-out'
-  },
   ios: {
     default: {
       fontFamily: typography.types.bodies.fontFamily.native.regular,
@@ -11737,14 +11733,6 @@ function Picker({
     menuRef(currentRef);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const theme = useTheme();
-  const {
-    animation
-  } = theme.kitt.picker;
-  const cssVariables = {
-    '--overlay-duration': `${animation.duration}ms`,
-    '--overlay-timing-function': animation.timingFunction
-  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(View, {
       width: "fit-content",
@@ -11789,53 +11777,50 @@ function Picker({
             transitionTimingFunction: 'ease-in-out'
           }
         },
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          style: cssVariables,
-          children: /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
-            unmountOnExit: true,
-            nodeRef: nodeRef,
-            timeout: 300,
-            in: isOpen,
-            classNames: pickerClassNames,
-            children: /*#__PURE__*/jsxRuntime.jsx(View, {
-              ref: nodeRef,
-              paddingY: "kitt.2",
-              children: childrenArray.map((child, index) => {
-                const currentValue = items[index];
-                if (currentValue === undefined) {
-                  throw new Error(`Picker: No value found for item at index ${index}`);
+        children: /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+          unmountOnExit: true,
+          nodeRef: nodeRef,
+          timeout: 300,
+          in: isOpen,
+          classNames: pickerClassNames,
+          children: /*#__PURE__*/jsxRuntime.jsx(View, {
+            ref: nodeRef,
+            paddingY: "kitt.2",
+            children: childrenArray.map((child, index) => {
+              const currentValue = items[index];
+              if (currentValue === undefined) {
+                throw new Error(`Picker: No value found for item at index ${index}`);
+              }
+              const {
+                onClick,
+                'aria-selected': ariaSelected,
+                ...itemProps
+              } = getItemProps({
+                item: currentValue,
+                index,
+                disabled
+              });
+              return /*#__PURE__*/jsxRuntime.jsx(Pressable, {
+                ...itemProps,
+                accessibilityState: {
+                  selected: ariaSelected
+                },
+                onPress: onClick,
+                children: ({
+                  isHovered,
+                  isFocused,
+                  isPressed
+                }) => {
+                  return /*#__PURE__*/jsxRuntime.jsx(PickerItem, {
+                    isSelected: checkSelectedItem(selectedItem || undefined, currentValue),
+                    isHighlighted: highlightedIndex === index,
+                    isHovered: isHovered,
+                    isFocused: isFocused,
+                    isPressed: isPressed,
+                    children: child
+                  });
                 }
-                const {
-                  onClick,
-                  'aria-selected': ariaSelected,
-                  ...itemProps
-                } = getItemProps({
-                  item: currentValue,
-                  index,
-                  disabled
-                });
-                return /*#__PURE__*/jsxRuntime.jsx(Pressable, {
-                  ...itemProps,
-                  accessibilityState: {
-                    selected: ariaSelected
-                  },
-                  onPress: onClick,
-                  children: ({
-                    isHovered,
-                    isFocused,
-                    isPressed
-                  }) => {
-                    return /*#__PURE__*/jsxRuntime.jsx(PickerItem, {
-                      isSelected: checkSelectedItem(selectedItem || undefined, currentValue),
-                      isHighlighted: highlightedIndex === index,
-                      isHovered: isHovered,
-                      isFocused: isFocused,
-                      isPressed: isPressed,
-                      children: child
-                    });
-                  }
-                }, itemProps.id);
-              })
+              }, itemProps.id);
             })
           })
         })