@ovotech/element-native 5.6.0 → 5.7.0

package/dist/components/ActionList/ActionListItems/styles.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphicContainer = exports.PROGESS_RING_INNER = exports.DirectionAndValueTextContainer = exports.OnSurfaceP = exports.DirectionLabelContainer = exports.DataValueText = exports.ValueTextContainer = exports.StatusText = exports.StyledImage = exports.RightTextContainer = exports.LeftTextContainer = exports.SubHeading = exports.TextContainer = exports.NavigationListContainer = exports.EditButtonsContainer = exports.ValueText = exports.InitialStateContainer = exports.EditableListContainer = exports.ActionListItemWrapper = void 0;
+exports.GraphicContainer = exports.PROGESS_RING_INNER = exports.DirectionAndValueTextContainer = exports.OnSurfaceP = exports.DirectionLabelContainer = exports.DataValueText = exports.ValueTextContainer = exports.StatusText = exports.StyledImage = exports.RightTextContainer = exports.LeftTextContainer = exports.SubHeading = exports.NavigationListContainer = exports.EditButtonsContainer = exports.ValueText = exports.InitialStateContainer = exports.EditableListContainer = exports.TextContainer = exports.ActionListItemWrapper = void 0;
 const element_core_1 = require("@ovotech/element-core");
 const react_native_1 = require("react-native");
 const styled_native_1 = __importStar(require("../../../styled.native"));
@@ -47,6 +47,11 @@ exports.ActionListItemWrapper = (0, styled_native_1.default)(react_native_1.View
     padding: ${(0, element_core_1.numToPx)(theme.space[400])} 0;
   `;
 });
+exports.TextContainer = (0, styled_native_1.default)(react_native_1.View)(() => {
+    return (0, styled_native_1.css) `
+    flex: 1;
+  `;
+});
 // Editable List Item
 exports.EditableListContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
     return (0, styled_native_1.css) `
@@ -82,11 +87,6 @@ exports.NavigationListContainer = (0, styled_native_1.default)(react_native_1.Vi
     gap: ${(0, element_core_1.numToPx)(theme.space[100])};
   `;
 });
-exports.TextContainer = (0, styled_native_1.default)(react_native_1.View)(() => {
-    return (0, styled_native_1.css) `
-    flex: 1;
-  `;
-});
 exports.SubHeading = (0, styled_native_1.default)(P_1.P)(({ theme }) => {
     return (0, styled_native_1.css) `
     color: ${theme.color.alert.info};
@@ -96,12 +96,14 @@ exports.SubHeading = (0, styled_native_1.default)(P_1.P)(({ theme }) => {
 exports.LeftTextContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
     return (0, styled_native_1.css) `
     flex: 1;
+    min-width: 0;
+    flex-shrink: 1;
     gap: ${(0, element_core_1.numToPx)(theme.space[100])};
   `;
 });
 exports.RightTextContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
     return (0, styled_native_1.css) `
-    flex: 1;
+    flex-shrink: 1;
     gap: ${(0, element_core_1.numToPx)(theme.space[100])};
     align-items: flex-end;
   `;
@@ -117,9 +119,9 @@ exports.StatusText = (0, styled_native_1.default)(P_1.P)(({ theme, isError, }) =
     color: ${isError ? theme.color.alert.error : theme.color.alert.info};
   `;
 });
-exports.ValueTextContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
+exports.ValueTextContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme, scaledUpFont, }) => {
     return (0, styled_native_1.css) `
-    min-width: ${(0, element_core_1.numToPx)(theme.space[2400])};
+    min-width: ${scaledUpFont ? 138 : (0, element_core_1.numToPx)(theme.space[2400])};
     align-items: flex-end;
   `;
 });
@@ -128,24 +130,24 @@ exports.DataValueText = (0, styled_native_1.default)(P_1.P)(({ theme, isError, }
     color: ${isError ? theme.color.alert.error : theme.color.surface.onSurface};
   `;
 });
-exports.DirectionLabelContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
+exports.DirectionLabelContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme, scaledUpFont }) => {
     return (0, styled_native_1.css) `
-    min-width: ${(0, element_core_1.numToPx)(theme.space[600])};
-    align-items: flex-end;
-  `;
+      min-width: ${scaledUpFont
+        ? (0, element_core_1.numToPx)(theme.space[900])
+        : (0, element_core_1.numToPx)(theme.space[600])};
+      align-items: flex-end;
+    `;
 });
 exports.OnSurfaceP = (0, styled_native_1.default)(P_1.P)(({ theme }) => {
     return (0, styled_native_1.css) `
     color: ${theme.color.surface.onSurfaceVariant};
   `;
 });
-exports.DirectionAndValueTextContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => {
+exports.DirectionAndValueTextContainer = (0, styled_native_1.default)(react_native_1.View)(() => {
     return (0, styled_native_1.css) `
     align-items: flex-end;
     justify-content: space-between;
-    width: 100%;
     flex-direction: row;
-    margin-left: ${(0, element_core_1.numToPx)(theme.space[300])};
   `;
 });
 exports.PROGESS_RING_INNER = 42;