@ovotech/element-native 3.8.0-canary-9dd40fb-230 → 3.8.0

package/dist/components/Accordion/Accordion.js

@@ -55,6 +55,7 @@ var react_1 = require("react");
 var react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 var use_layout_1 = require("../../hooks/use-layout");
 var styled_native_1 = require("../../styled.native");
+var utils_1 = require("../../utils");
 var Heading4_1 = require("../Heading4");
 var Group_1 = require("./Group");
 var Icon_1 = require("./Icon");
@@ -81,10 +82,14 @@ var Accordion = function (_a) {
     var _c = (0, react_1.useContext)(styled_native_1.ThemeContext), core = _c.core, semantic = _c.semantic;
     var Header = (0, react_1.useContext)(Group_1.AccordionGroupContext).Header;
     var AccordionHeading = Header !== null && Header !== void 0 ? Header : Heading4_1.Heading4;
-    var AnimatedHeading = (0, react_1.useMemo)(function () { return withAnimated(AccordionHeading); }, [AccordionHeading]);
+    var AnimatedHeading = (0, react_1.useMemo)(function () { return withAnimated(AccordionHeading); }, [
+        AccordionHeading,
+    ]);
     var _d = (0, use_layout_1.useLayout)(0), layout = _d[0], onLayout = _d[1];
     var _e = (0, react_1.useState)(expanded), open = _e[0], setOpen = _e[1];
-    var handleHeightContent = (0, react_1.useMemo)(function () { return layout.height || 100; }, [layout.height]);
+    var handleHeightContent = (0, react_1.useMemo)(function () { return layout.height || 100; }, [
+        layout.height,
+    ]);
     var size = (0, react_native_reanimated_1.useSharedValue)(handleHeightContent);
     (0, react_1.useEffect)(function () {
         (0, react_native_reanimated_1.runOnUI)(function () {
@@ -123,8 +128,8 @@ var Accordion = function (_a) {
     return ((0, jsx_runtime_1.jsxs)(styles_1.StyledAccordion, __assign({ first: first, last: last, isExpanded: open }, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledAccordionHeader, __assign({ accessibilityState: { expanded: open }, onPress: toggleOpen, testID: "accordionTitle" }, { children: [(0, jsx_runtime_1.jsx)(AnimatedHeading, __assign({ style: [
                             headerStyle,
                             {
-                                paddingTop: core.space[1],
-                                paddingRight: core.space[3],
+                                paddingTop: (0, utils_1.pxToNumber)(core.space[1]),
+                                paddingRight: (0, utils_1.pxToNumber)(core.space[3]),
                                 marginTop: 0,
                                 marginBottom: 0,
                                 flexShrink: 1,