@ovotech/element-native 3.8.0 → 3.8.1-canary-dff71b6-233

package/dist/esm/components/Toggle/styles.js

@@ -1,12 +1,13 @@
+import { numToPx } from '@ovotech/element-core';
 import { Animated } from 'react-native';
 import styled from '../../styled.native';
 export var StyledWrapper = styled.TouchableOpacity(function (_a) {
     var core = _a.theme.core, hasLabel = _a.hasLabel, labelPosition = _a.labelPosition;
-    return "\n    width: ".concat(hasLabel ? '100%' : core.space[11], ";\n    display: flex;\n    flex-direction: row").concat(labelPosition === 'left' ? '' : '-reverse', ";\n    justify-content: space-between;\n    position: relative;\n  ");
+    return "\n    width: ".concat(hasLabel ? '100%' : numToPx(core.space[11]), ";\n    display: flex;\n    flex-direction: row").concat(labelPosition === 'left' ? '' : '-reverse', ";\n    justify-content: space-between;\n    position: relative;\n  ");
 });
 export var StyledToggleInputWrapper = styled.View(function (_a) {
     var core = _a.theme.core, labelPosition = _a.labelPosition;
-    return "\n    width: ".concat(core.space[11], ";\n    height: ").concat(core.space[6], ";\n    ").concat(labelPosition
+    return "\n    width: ".concat(numToPx(core.space[11]), ";\n    height: ").concat(numToPx(core.space[6]), ";\n    ").concat(labelPosition
         ? labelPosition === 'left'
             ? 'margin-left: 10px;'
             : 'margin-right: 10px;'
@@ -14,9 +15,9 @@ export var StyledToggleInputWrapper = styled.View(function (_a) {
 });
 export var StyledToggleInput = styled.View(function (_a) {
     var core = _a.theme.core, checked = _a.checked;
-    return "\n      width: ".concat(core.space[11], ";\n      height: ").concat(core.space[6], ";\n      justify-content: center;\n      border-radius: ").concat(core.radius.large, ";\n      background: ").concat(checked ? core.color.brand.ovo : core.color.neutral.lighter, ";\n    ");
+    return "\n      width: ".concat(numToPx(core.space[11]), ";\n      height: ").concat(numToPx(core.space[6]), ";\n      justify-content: center;\n      border-radius: ").concat(numToPx(core.radius.large), ";\n      background: ").concat(checked ? core.color.brand.ovo : core.color.neutral.lighter, ";\n    ");
 });
 export var StyledToggleDot = styled(Animated.View)(function (_a) {
     var core = _a.theme.core, checked = _a.checked;
-    return "\n  position: absolute;\n  width: ".concat(core.space[4], ";\n  height: ").concat(core.space[4], ";\n  border-radius: ").concat(core.space[4], ";\n  background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.dark, ";\n");
+    return "\n  position: absolute;\n  width: ".concat(numToPx(core.space[4]), ";\n  height: ").concat(numToPx(core.space[4]), ";\n  border-radius: ").concat(numToPx(core.space[4]), ";\n  background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.dark, ";\n");
 });

package/dist/esm/components/index.js

@@ -58,3 +58,5 @@ export * from './TextInput';
 export * from './TextLink';
 export * from './Toggle';
 export * from './Toast';
+export * from './ProductCarousel';
+export * from './RadioCard';

package/dist/esm/utils/utils.js

@@ -38,12 +38,6 @@ function getText(children) {
     }
     return String(children);
 }
-function pxToNumber(px) {
-    return parseFloat(px);
-}
-function numToPx(num) {
-    return "".concat(num, "px");
-}
 function styledComponentWithBreakpoints(Component) {
     return forwardRef(function (props, ref) {
         var breakpoints = useBreakpoint();
@@ -95,4 +89,4 @@ function callAll() {
 function filterChildrenByType(children, type) {
     return Children.toArray(children).filter(function (child) { return (child === null || child === void 0 ? void 0 : child.type) === type; });
 }
-export { styledComponentWithBreakpoints, responsiveStyle, pxToNumber, numToPx, mergeRefs, getText, getErrorMessage, callAll, filterChildrenByType, };
+export { styledComponentWithBreakpoints, responsiveStyle, mergeRefs, getText, getErrorMessage, callAll, filterChildrenByType, };