Merge pull request #25917 from software-mansion-labs/ts-migration/cod…

…e-styles

src/styles/codeStyles/index.android.ts

@@ -0,0 +1,16 @@
+import {CodeTextStyles, CodeWordStyles, CodeWordWrapperStyles} from './types';
+
+const codeWordWrapper: CodeWordWrapperStyles = {
+    height: 20,
+};
+
+const codeWordStyle: CodeWordStyles = {
+    height: 18,
+    top: 4,
+};
+
+const codeTextStyle: CodeTextStyles = {
+    lineHeight: 15,
+};
+
+export default {codeWordWrapper, codeWordStyle, codeTextStyle};

src/styles/codeStyles/index.ios.ts

@@ -0,0 +1,17 @@
+import {CodeTextStyles, CodeWordStyles, CodeWordWrapperStyles} from './types';
+
+const codeWordWrapper: CodeWordWrapperStyles = {
+    height: 22,
+    justifyContent: 'center',
+};
+
+const codeWordStyle: CodeWordStyles = {
+    height: 18,
+    top: 4,
+};
+
+const codeTextStyle: CodeTextStyles = {
+    lineHeight: 18,
+};
+
+export default {codeWordWrapper, codeWordStyle, codeTextStyle};

src/styles/codeStyles/index.ts

@@ -0,0 +1,7 @@
+import {CodeTextStyles, CodeWordStyles, CodeWordWrapperStyles} from './types';
+
+// We do not need these on Web/Desktop as their implementation defer from Native devices so just noop them
+const codeWordWrapper: CodeWordWrapperStyles = {};
+const codeWordStyle: CodeWordStyles = {};
+const codeTextStyle: CodeTextStyles = {};
+export default {codeWordWrapper, codeWordStyle, codeTextStyle};

src/styles/codeStyles/types.ts

@@ -0,0 +1,8 @@
+import {CSSProperties} from 'react';
+import {TextStyle, ViewStyle} from 'react-native';
+
+type CodeWordWrapperStyles = ViewStyle | CSSProperties;
+type CodeWordStyles = TextStyle | CSSProperties;
+type CodeTextStyles = TextStyle | CSSProperties;
+
+export type {CodeWordWrapperStyles, CodeWordStyles, CodeTextStyles};