@ornikar/kitt-universal 3.8.0 → 4.0.0

package/linaria-themes.js

@@ -1,3 +1,3 @@
 'use strict';
 
-module.exports = require('./dist/linaria-themes-node-14.17.cjs');
+module.exports = require('./dist/linaria-themes-node-14.17.cjs.web');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/kitt-universal",
-  "version": "3.8.0",
+  "version": "4.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -16,6 +16,9 @@
     ">=3.1": {
       "linaria-themes": [
         "./dist/definitions/linaria-themes.d.ts"
+      ],
+      "react-native-web": [
+        "./typings/react-native-web.d.ts"
       ]
     }
   },
@@ -88,5 +91,5 @@
     "react-native-web": "0.17.5",
     "styled-components": "5.3.3"
   },
-  "gitHead": "145712d4f5bf3872dd4fd79a7616a7babc8d1f69"
+  "gitHead": "d7c471415cd98f63944ad8f0518cf76143415f46"
 }

package/typings/react-native-web.d.ts

@@ -0,0 +1,67 @@
+import { MouseEventHandler } from 'react';
+import { ViewProps, ScrollViewProps } from 'react-native';
+
+// https://github.com/necolas/react-native-web/issues/1684#issuecomment-772735882
+declare module 'react-native' {
+  interface PressableStateCallbackType {
+    hovered?: boolean;
+    focused?: boolean;
+  }
+
+  type IdRef = string;
+  type IdRefList = IdRef | Array<IdRef>;
+
+  type AnimationDirection = 'alternate' | 'alternate-reverse' | 'normal' | 'reverse';
+  type AnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both';
+  type AnimationIterationCount = number | 'infinite';
+  type AnimationKeyframes = string | Object;
+  type AnimationPlayState = 'paused' | 'running';
+
+  // https://github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/exports/View/types.js#L79
+  interface ViewStyle {
+    // https://github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/types/styles.js#L24
+    animationDelay?: string | Array<string>;
+    animationDirection?: AnimationDirection | Array<AnimationDirection>;
+    animationDuration?: string | Array<string>;
+    animationFillMode?: AnimationFillMode | Array<AnimationFillMode>;
+    animationIterationCount?: AnimationIterationCount | Array<AnimationIterationCount>;
+    animationKeyframes?: AnimationKeyframes | Array<AnimationKeyframes>;
+    animationPlayState?: AnimationPlayState | Array<AnimationPlayState>;
+    animationTimingFunction?: string | Array<string>;
+    transitionDelay?: string | Array<string>;
+    transitionDuration?: string | Array<string>;
+    transitionProperty?: string | Array<string>;
+    transitionTimingFunction?: string | Array<string>;
+  }
+
+  // https://github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/exports/View/types.js#L27
+
+  interface AccessibilityProps {
+    dataSet?: Record<string, string | number | boolean>;
+    accessibilityRole?: AccessibilityRole | 'paragraph' | undefined;
+    accessibilityLabelledBy?: string;
+    accessibilityLevel?: number;
+    accessibilityHidden?: boolean;
+  }
+
+  interface ViewProps extends AccessibilityProps {
+    href?: string;
+    hrefAttrs?: { download?: boolean; rel?: string; target?: string };
+
+    // https://github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/exports/View/types.js#L168-L174
+    onMouseDown?: MouseEventHandler<any>;
+    onMouseEnter?: MouseEventHandler<any>;
+    onMouseLeave?: MouseEventHandler<any>;
+    onMouseMove?: MouseEventHandler<any>;
+    onMouseOver?: MouseEventHandler<any>;
+    onMouseOut?: MouseEventHandler<any>;
+    onMouseUp?: MouseEventHandler<any>;
+  }
+
+  //github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/exports/Text/types.js#L64
+  interface TextProps extends ViewProps, AccessibilityProps {}
+
+  interface FlexStyle {
+    position?: 'absolute' | 'relative' | undefined | 'fixed';
+  }
+}

package/dist/definitions/forms/InputFormState.d.ts

@@ -1,2 +0,0 @@
-export declare type InputFormState = undefined | 'valid' | 'invalid' | 'pending';
-//# sourceMappingURL=InputFormState.d.ts.map

package/dist/definitions/forms/InputFormState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFormState.d.ts","sourceRoot":"","sources":["../../../src/forms/InputFormState.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dist/definitions/forms/InputText/useInputText.d.ts

@@ -1,8 +0,0 @@
-export declare const useInputText: () => {
-    isFocused: boolean;
-    handleInputFocus: () => void;
-    handleInputBlur: () => void;
-    isPasswordVisible: boolean;
-    togglePasswordVisibility: () => void;
-};
-//# sourceMappingURL=useInputText.d.ts.map

package/dist/definitions/forms/InputText/useInputText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInputText.d.ts","sourceRoot":"","sources":["../../../../src/forms/InputText/useInputText.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;eACZ,OAAO;sBACA,MAAM,IAAI;qBACX,MAAM,IAAI;uBACR,OAAO;8BACA,MAAM,IAAI;CAWrC,CAAC"}

package/dist/definitions/themes/late-ocean/formLateOceanTheme.d.ts

@@ -1,37 +0,0 @@
-export declare const formsLateOceanTheme: {
-    input: {
-        marginTop: string;
-        marginBottom: string;
-        borderWidth: string;
-        borderRadius: string;
-        passwordButtonIconSize: number;
-        padding: string;
-        paddingSingleLineIOS: string;
-        selectionColor: string;
-        placeholderColor: "black-light";
-        textAreaMinHeight: number;
-        states: Record<import("../..").InputTextState, import("./inputLateOceanTheme").InputStateStyle>;
-    };
-    radio: {
-        size: number;
-        unchecked: {
-            backgroundColor: string;
-            borderWidth: string;
-            borderColor: string;
-        };
-        checked: {
-            backgroundColor: string;
-            innerSize: number;
-            innerBackgroundColor: string;
-        };
-        disabled: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-    inputField: {
-        labelContainerPaddingBottom: number;
-        iconMarginLeft: number;
-    };
-};
-//# sourceMappingURL=formLateOceanTheme.d.ts.map

package/dist/definitions/themes/late-ocean/formLateOceanTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/formLateOceanTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC"}

package/dist/definitions/themes/late-ocean/inputLateOceanTheme.d.ts

@@ -1,23 +0,0 @@
-import type { InputTextState } from '../../forms/InputText/InputText';
-import type { typographyLateOceanTheme } from './typographyLateOceanTheme';
-export declare type TypographyColor = keyof typeof typographyLateOceanTheme.colors;
-export interface InputStateStyle {
-    backgroundColor?: string;
-    borderColor: string;
-    color: TypographyColor;
-    passwordButtonIconColor: TypographyColor;
-}
-export declare const inputLateOceanTheme: {
-    marginTop: string;
-    marginBottom: string;
-    borderWidth: string;
-    borderRadius: string;
-    passwordButtonIconSize: number;
-    padding: string;
-    paddingSingleLineIOS: string;
-    selectionColor: string;
-    placeholderColor: "black-light";
-    textAreaMinHeight: number;
-    states: Record<InputTextState, InputStateStyle>;
-};
-//# sourceMappingURL=inputLateOceanTheme.d.ts.map

package/dist/definitions/themes/late-ocean/inputLateOceanTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/inputLateOceanTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,oBAAY,eAAe,GAAG,MAAM,OAAO,wBAAwB,CAAC,MAAM,CAAC;AAC3E,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,uBAAuB,EAAE,eAAe,CAAC;CAC1C;AAgCD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAY/B,CAAC"}

package/linaria-themes.web.js

@@ -1,3 +0,0 @@
-'use strict';
-
-module.exports = require('./dist/linaria-themes-node-14.17.cjs.web');