@ovotech/element-native 5.5.0 → 5.6.0

package/dist/components/LargeValueReference/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LargeValue = exports.LargeValueContainer = exports.StyledLargeValueReferenceWrapper = void 0;
+const element_core_1 = require("@ovotech/element-core");
+const styled_native_1 = __importDefault(require("../../styled.native"));
+const P_1 = require("../P");
+exports.StyledLargeValueReferenceWrapper = styled_native_1.default.View(({ theme, backgroundTheme }) => `
+  align-items: center;
+  max-width: ${'100%'};
+  gap: ${(0, element_core_1.numToPx)(theme.space[200])};
+  padding: ${(0, element_core_1.numToPx)(theme.space[400])};
+  background-color: ${theme.color.surface[backgroundTheme]};
+  border-radius: ${(0, element_core_1.numToPx)(theme.border.radius.lg)};
+  border: ${(0, element_core_1.numToPx)(theme.border.width.sm)} solid ${theme.color.surface.borderDim};
+`);
+exports.LargeValueContainer = styled_native_1.default.View(({ theme }) => `
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: ${(0, element_core_1.numToPx)(theme.space[200])};
+`);
+exports.LargeValue = (0, styled_native_1.default)(P_1.P)(() => `
+  font-family: monospace;
+  letter-spacing: 2px;
+`);

package/dist/components/LineThrough/LineThrough.d.ts

@@ -37,6 +37,7 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -79,6 +80,7 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -87,6 +89,7 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/List/styled.d.ts

@@ -39,6 +39,7 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -81,6 +82,7 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -89,6 +91,7 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -616,6 +619,7 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -658,6 +662,7 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -666,6 +671,7 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1191,6 +1197,7 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1233,6 +1240,7 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1241,6 +1249,7 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1766,6 +1775,7 @@ export declare const LiContent: import("styled-components").StyledComponent<type
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1808,6 +1818,7 @@ export declare const LiContent: import("styled-components").StyledComponent<type
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1816,6 +1827,7 @@ export declare const LiContent: import("styled-components").StyledComponent<type
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/Margin/Margin.d.ts

@@ -50,6 +50,7 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -92,6 +93,7 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -100,6 +102,7 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/NavHeader/NavHeader.styles.d.ts

@@ -39,6 +39,7 @@ export declare const ShadowContainer: import("styled-components").StyledComponen
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -81,6 +82,7 @@ export declare const ShadowContainer: import("styled-components").StyledComponen
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -89,6 +91,7 @@ export declare const ShadowContainer: import("styled-components").StyledComponen
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -614,6 +617,7 @@ export declare const NavContainer: import("styled-components").StyledComponent<i
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -656,6 +660,7 @@ export declare const NavContainer: import("styled-components").StyledComponent<i
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -664,6 +669,7 @@ export declare const NavContainer: import("styled-components").StyledComponent<i
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1193,6 +1199,7 @@ export declare const HeaderContainer: import("styled-components").StyledComponen
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1235,6 +1242,7 @@ export declare const HeaderContainer: import("styled-components").StyledComponen
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1243,6 +1251,7 @@ export declare const HeaderContainer: import("styled-components").StyledComponen
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1771,6 +1780,7 @@ export declare const SkeletonNavHeading: import("styled-components").StyledCompo
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1813,6 +1823,7 @@ export declare const SkeletonNavHeading: import("styled-components").StyledCompo
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1821,6 +1832,7 @@ export declare const SkeletonNavHeading: import("styled-components").StyledCompo
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2348,6 +2360,7 @@ export declare const SkeletonNavButton: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2390,6 +2403,7 @@ export declare const SkeletonNavButton: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2398,6 +2412,7 @@ export declare const SkeletonNavButton: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2923,6 +2938,7 @@ export declare const SideContainer: import("styled-components").StyledComponent<
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2965,6 +2981,7 @@ export declare const SideContainer: import("styled-components").StyledComponent<
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2973,6 +2990,7 @@ export declare const SideContainer: import("styled-components").StyledComponent<
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -3501,6 +3519,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -3543,6 +3562,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -3551,6 +3571,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4079,6 +4100,7 @@ export declare const StepCounterBar: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4121,6 +4143,7 @@ export declare const StepCounterBar: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4129,6 +4152,7 @@ export declare const StepCounterBar: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4659,6 +4683,7 @@ export declare const SkeletonStepCounterBar: import("styled-components").StyledC
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4701,6 +4726,7 @@ export declare const SkeletonStepCounterBar: import("styled-components").StyledC
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4709,6 +4735,7 @@ export declare const SkeletonStepCounterBar: import("styled-components").StyledC
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -5234,6 +5261,7 @@ export declare const StepCounterContainer: import("styled-components").StyledCom
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -5276,6 +5304,7 @@ export declare const StepCounterContainer: import("styled-components").StyledCom
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -5284,6 +5313,7 @@ export declare const StepCounterContainer: import("styled-components").StyledCom
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -5809,6 +5839,7 @@ export declare const NavBackButton: import("styled-components").StyledComponent<
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -5851,6 +5882,7 @@ export declare const NavBackButton: import("styled-components").StyledComponent<
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -5859,6 +5891,7 @@ export declare const NavBackButton: import("styled-components").StyledComponent<
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/Notification/Notification.styles.d.ts

@@ -39,6 +39,7 @@ export declare const NotificationShadow: import("styled-components").StyledCompo
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -81,6 +82,7 @@ export declare const NotificationShadow: import("styled-components").StyledCompo
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -89,6 +91,7 @@ export declare const NotificationShadow: import("styled-components").StyledCompo
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -614,6 +617,7 @@ export declare const NotificationBox: import("styled-components").StyledComponen
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -656,6 +660,7 @@ export declare const NotificationBox: import("styled-components").StyledComponen
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -664,6 +669,7 @@ export declare const NotificationBox: import("styled-components").StyledComponen
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1191,6 +1197,7 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1233,6 +1240,7 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1241,6 +1249,7 @@ export declare const NotificationContentBox: import("styled-components").StyledC
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1766,6 +1775,7 @@ export declare const DismissButton: import("styled-components").StyledComponent<
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1808,6 +1818,7 @@ export declare const DismissButton: import("styled-components").StyledComponent<
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1816,6 +1827,7 @@ export declare const DismissButton: import("styled-components").StyledComponent<
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2341,6 +2353,7 @@ export declare const StyledIcon: import("styled-components").StyledComponent<({
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2383,6 +2396,7 @@ export declare const StyledIcon: import("styled-components").StyledComponent<({
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2391,6 +2405,7 @@ export declare const StyledIcon: import("styled-components").StyledComponent<({
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2918,6 +2933,7 @@ export declare const VariantIconBackground: import("styled-components").StyledCo
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2960,6 +2976,7 @@ export declare const VariantIconBackground: import("styled-components").StyledCo
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2968,6 +2985,7 @@ export declare const VariantIconBackground: import("styled-components").StyledCo
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -3495,6 +3513,7 @@ export declare const VariantIconContainer: import("styled-components").StyledCom
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -3537,6 +3556,7 @@ export declare const VariantIconContainer: import("styled-components").StyledCom
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -3545,6 +3565,7 @@ export declare const VariantIconContainer: import("styled-components").StyledCom
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4070,6 +4091,7 @@ export declare const ContentContainer: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4112,6 +4134,7 @@ export declare const ContentContainer: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4120,6 +4143,7 @@ export declare const ContentContainer: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -4645,6 +4669,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -4687,6 +4712,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -4695,6 +4721,7 @@ export declare const TitleContainer: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/PasswordInput/PasswordInput.styled.d.ts

@@ -37,6 +37,7 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -79,6 +80,7 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -87,6 +89,7 @@ export declare const StyledPressable: import("styled-components").StyledComponen
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -572,6 +575,4 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             selectedTint: string;
         };
     };
-}, {
-    focused: boolean;
-}, never>;
+}, {}, never>;

package/dist/components/PasswordInput/PasswordInput.styled.js

@@ -37,14 +37,16 @@ exports.StyledPressable = 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"));
-exports.StyledPressable = (0, styled_native_1.default)(react_native_1.Pressable)(({ theme, focused, }) => {
+const styled_1 = require("../Input/styled");
+exports.StyledPressable = (0, styled_native_1.default)(react_native_1.Pressable)(({ theme }) => {
     return (0, styled_native_1.css) `
     display: flex;
     align-items: center;
     position: absolute;
     width: ${(0, element_core_1.numToPx)(theme.space[400])};
     z-index: 1;
-    top: ${focused ? '16px' : '14px'};
-    right: ${(0, element_core_1.numToPx)(theme.space[300])};
+    top: 50%;
+    margin-top: -${(0, element_core_1.numToPx)(styled_1.ICON_SIZE / 2)};
+    right: ${(0, element_core_1.numToPx)(theme.space[400])};
   `;
 });