@ovotech/element-native 4.1.4 → 4.1.5-canary-dca9e92-277

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/FilterSelect/FilterSelect.js +1 -1
  2. package/dist/components/Toggle/styles.js +3 -3
  3. package/dist/esm/components/FilterSelect/FilterSelect.js +2 -2
  4. package/dist/esm/components/Toggle/styles.js +3 -3
  5. package/package.json +3 -3
package/dist/components/FilterSelect/FilterSelect.js CHANGED
@@ -73,7 +73,7 @@ var FilterSelect = function (_a) {
73
73
  setMeasure({
74
74
  top: y - theme.core.space[3],
75
75
  left: x,
76
- right: x - (width + theme.core.space[3]),
76
+ right: react_native_1.Dimensions.get('window').width - (x + width),
77
77
  });
78
78
  });
79
79
  }, children: [(0, jsx_runtime_1.jsx)(P_1.P, { children: (0, jsx_runtime_1.jsx)(Strong_1.Strong, { children: selected.value === 'default'
package/dist/components/Toggle/styles.js CHANGED
@@ -20,10 +20,10 @@ exports.StyledToggleInputWrapper = styled_native_1.default.View(function (_a) {
20
20
  : null, "\n ");
21
21
  });
22
22
  exports.StyledToggleInput = styled_native_1.default.View(function (_a) {
23
- var core = _a.theme.core, checked = _a.checked;
24
- return "\n width: ".concat((0, element_core_1.numToPx)(core.space[11]), ";\n height: ").concat((0, element_core_1.numToPx)(core.space[6]), ";\n justify-content: center;\n border-radius: ").concat((0, element_core_1.numToPx)(core.radius.large), ";\n background: ").concat(checked ? core.color.brand.ovo : core.color.neutral.lighter, ";\n ");
23
+ var _b = _a.theme, core = _b.core, semantic = _b.semantic, checked = _a.checked;
24
+ return "\n width: ".concat((0, element_core_1.numToPx)(core.space[11]), ";\n height: ").concat((0, element_core_1.numToPx)(core.space[6]), ";\n justify-content: center;\n border-radius: ").concat((0, element_core_1.numToPx)(core.radius.large), ";\n background: ").concat(checked ? semantic.focus.outline : semantic.message.secondary, ";\n ");
25
25
  });
26
26
  exports.StyledToggleDot = (0, styled_native_1.default)(react_native_1.Animated.View)(function (_a) {
27
27
  var core = _a.theme.core, checked = _a.checked;
28
- return "\n position: absolute;\n width: ".concat((0, element_core_1.numToPx)(core.space[4]), ";\n height: ").concat((0, element_core_1.numToPx)(core.space[4]), ";\n border-radius: ").concat((0, element_core_1.numToPx)(core.space[4]), ";\n background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.dark, ";\n");
28
+ return "\n position: absolute;\n width: ".concat((0, element_core_1.numToPx)(core.space[4]), ";\n height: ").concat((0, element_core_1.numToPx)(core.space[4]), ";\n border-radius: ").concat((0, element_core_1.numToPx)(core.space[4]), ";\n background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.lighter, ";\n");
29
29
  });
package/dist/esm/components/FilterSelect/FilterSelect.js CHANGED
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
5
5
  import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
6
6
  import { numToPx } from '@ovotech/element-core';
7
7
  import { Fragment, useRef, useState } from 'react';
8
- import { Modal, ScrollView, View } from 'react-native';
8
+ import { Dimensions, Modal, ScrollView, View, } from 'react-native';
9
9
  import styled, { css, useTheme } from '../../styled.native';
10
10
  import { Divider } from '../Divider';
11
11
  import { Icon } from '../Icon';
@@ -47,7 +47,7 @@ export var FilterSelect = function (_a) {
47
47
  setMeasure({
48
48
  top: y - theme.core.space[3],
49
49
  left: x,
50
- right: x - (width + theme.core.space[3]),
50
+ right: Dimensions.get('window').width - (x + width),
51
51
  });
52
52
  });
53
53
  }, children: [_jsx(P, { children: _jsx(Strong, { children: selected.value === 'default'
package/dist/esm/components/Toggle/styles.js CHANGED
@@ -14,10 +14,10 @@ export var StyledToggleInputWrapper = styled.View(function (_a) {
14
14
  : null, "\n ");
15
15
  });
16
16
  export var StyledToggleInput = styled.View(function (_a) {
17
- var core = _a.theme.core, checked = _a.checked;
18
- 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 ");
17
+ var _b = _a.theme, core = _b.core, semantic = _b.semantic, checked = _a.checked;
18
+ 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 ? semantic.focus.outline : semantic.message.secondary, ";\n ");
19
19
  });
20
20
  export var StyledToggleDot = styled(Animated.View)(function (_a) {
21
21
  var core = _a.theme.core, checked = _a.checked;
22
- 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");
22
+ 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.lighter, ";\n");
23
23
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "4.1.4",
3
+ "version": "4.1.5-canary-dca9e92-277",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -14,10 +14,10 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@backpackapp-io/react-native-toast": "^0.10.0",
17
+ "@ovotech/element-core": "3.0.1-canary-dca9e92-277",
17
18
  "deepmerge": "^4.2.2",
18
19
  "lodash.groupby": "^4.6.0",
19
- "react-native-reanimated-carousel": "^3.5.1",
20
- "@ovotech/element-core": "3.0.1"
20
+ "react-native-reanimated-carousel": "^3.5.1"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@babel/core": "^7.11.5",