@ornikar/kitt-universal 11.2.0 → 13.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/kitt-universal",
-  "version": "11.2.0",
+  "version": "13.0.0",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/kitt-universal",
@@ -67,9 +67,8 @@
     "@babel/runtime": "^7.20.6",
     "@floating-ui/react-dom": "1.0.0",
     "@floating-ui/react-native": "0.8.0",
-    "@linaria/react": "^4.1.3",
-    "@ornikar/eslint-config-kitt": "^1.0.8",
-    "@ornikar/kitt-icons": "^5.0.1",
+    "@ornikar/eslint-config-kitt": "^1.0.9",
+    "@ornikar/kitt-icons": "^5.1.0",
     "@react-native-community/datetimepicker": "^6.0.0",
     "libphonenumber-js": "1.10.19",
     "native-base": "3.4.28",
@@ -92,8 +91,7 @@
     "react-native-gesture-handler": "^2.9.0",
     "react-native-reanimated": "2.14.4",
     "react-native-safe-area-context": "^4.5.0",
-    "react-native-svg": "^13.4.0",
-    "styled-components": "5.3.5"
+    "react-native-svg": "^13.4.0"
   },
   "peerDependenciesMeta": {
     "@gorhom/bottom-sheet": {
@@ -127,7 +125,7 @@
     "@juggle/resize-observer": "3.4.0",
     "@ornikar/babel-preset-base": "2.0.1",
     "@react-native-picker/picker": "2.4.3",
-    "@types/react": "18.0.28",
+    "@types/react": "18.2.13",
     "@types/react-portal": "4.0.4",
     "@types/react-transition-group": "4.2.3",
     "@types/twemoji-parser": "13.1.1",
@@ -135,14 +133,12 @@
     "react-dom": "18.2.0",
     "react-error-boundary": "3.1.4",
     "react-intl": "6.3.2",
-    "react-is": "18.2.0",
     "react-native": "0.71.7",
     "react-native-gesture-handler": "2.9.0",
     "react-native-reanimated": "2.14.4",
     "react-native-safe-area-context": "4.5.0",
     "react-native-svg": "13.4.0",
-    "react-native-web": "0.18.12",
-    "styled-components": "5.3.5"
+    "react-native-web": "0.18.12"
   },
-  "gitHead": "3d9bc23bd9bdc6012520610108e0e9257b28e7ff"
+  "gitHead": "035113ce0c5d18493fbcc733e4d7795766f2fe7b"
 }

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

@@ -117,6 +117,8 @@ declare module 'react-native' {
     gridTemplateColumns?: string;
     /** web only - allow custom gridGap */
     gridGap?: string;
+    /** web only - https://github.com/necolas/react-native-web/blob/2a901e5fb11ac314c753867fbc5b87060ed05f53/packages/react-native-web/src/exports/View/types.js#LL238C3-L238C24 */
+    tabIndex?: 0 | -1;
   }
 
   // https://github.com/necolas/react-native-web/blob/db9df2b55f34ae03781c7e07e120c4baa4221157/packages/react-native-web/src/exports/View/types.js#L27

package/.stylelintrc

@@ -1,3 +0,0 @@
-{
-  "extends": ["@ornikar/stylelint-config/styled-components"]
-}

package/dist/definitions/Modal/Body.d.ts

@@ -1,6 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-export interface BodyProps {
-    children: NonNullable<ReactNode>;
-}
-export declare function ModalBody({ children }: BodyProps): ReactElement;
-//# sourceMappingURL=Body.d.ts.map

package/dist/definitions/Modal/Body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/Modal/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,GAAG,YAAY,CAM/D"}

package/dist/definitions/Modal/Footer.d.ts

@@ -1,6 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-export interface FooterProps {
-    children: NonNullable<ReactNode>;
-}
-export declare function ModalFooter({ children }: FooterProps): ReactElement;
-//# sourceMappingURL=Footer.d.ts.map

package/dist/definitions/Modal/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/Modal/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AASD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,YAAY,CAEnE"}

package/dist/definitions/Modal/Header.d.ts

@@ -1,8 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-export interface HeaderProps {
-    children: NonNullable<ReactNode>;
-    left?: ReactNode;
-    right?: ReactNode;
-}
-export declare function ModalHeader({ left, right, children }: HeaderProps): ReactElement;
-//# sourceMappingURL=Header.d.ts.map

package/dist/definitions/Modal/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/Modal/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAkCD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,YAAY,CAoBhF"}

package/dist/definitions/Modal/Modal.d.ts

@@ -1,21 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import { ModalBody } from './Body';
-import { ModalFooter } from './Footer';
-import { ModalHeader } from './Header';
-export interface ModalProps {
-    visible: boolean;
-    children: ReactNode;
-    onClose: () => void;
-    onEntered?: () => void;
-    onExited?: () => void;
-}
-/**
- * @deprecated This component will be deleted in a later Kitt Universal version. Use CardModal instead
- */
-export declare function Modal({ visible, children, onClose, onEntered, onExited }: ModalProps): ReactElement;
-export declare namespace Modal {
-    var Header: typeof ModalHeader;
-    var Body: typeof ModalBody;
-    var Footer: typeof ModalFooter;
-}
-//# sourceMappingURL=Modal.d.ts.map

package/dist/definitions/Modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA0BD;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,YAAY,CAoBnG;yBApBe,KAAK"}

package/dist/definitions/Modal/OnCloseContext.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const OnCloseContext: import("react").Context<() => void>;
-//# sourceMappingURL=OnCloseContext.d.ts.map

package/dist/definitions/Modal/OnCloseContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnCloseContext.d.ts","sourceRoot":"","sources":["../../../src/Modal/OnCloseContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,cAAc,gCAAuB,IAAI,CAAW,CAAC"}

package/dist/definitions/TimePicker/useTimePicker.d.ts

@@ -1,14 +0,0 @@
-import type { InputUIState } from '@ornikar/kitt-universal';
-export declare const timePickerPlaceholder = "--:--";
-export declare const formatNumberToTimeString: (time: number) => string;
-export declare const formatDateToTimeString: (date: Date) => string;
-export declare const useTimePicker: (value: Date | null, onChange: (time?: Date | null) => void, onBlur: () => void, disabled: boolean, defaultValue?: Date | null, isDefaultVisible?: boolean) => {
-    displayedValue: string;
-    dateTimePickerValue: Date;
-    timePickerState: InputUIState;
-    isTimePickerModalVisible: boolean;
-    handleInputPress: () => void;
-    handleModalClose: () => void;
-    handleTimeChange: (date?: Date) => void;
-};
-//# sourceMappingURL=useTimePicker.d.ts.map

package/dist/definitions/TimePicker/useTimePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimePicker.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/useTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,wBAAwB,SAAU,MAAM,KAAG,MAA4C,CAAC;AAErG,eAAO,MAAM,sBAAsB,SAAU,IAAI,KAAG,MAC2C,CAAC;AAEhG,eAAO,MAAM,aAAa,UACjB,IAAI,GAAG,IAAI,oBACA,IAAI,GAAG,IAAI,KAAK,IAAI,UAC9B,MAAM,IAAI,YACR,OAAO,iBACF,IAAI,GAAG,IAAI,qBACP,OAAO;oBAEV,MAAM;yBACD,IAAI;qBACR,YAAY;8BACH,OAAO;sBACf,MAAM,IAAI;sBACV,MAAM,IAAI;8BACF,IAAI,KAAK,IAAI;CAqCxC,CAAC"}

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

@@ -1,8 +0,0 @@
-/// <reference types="styled-components-react-native" />
-import type { InputUIState } from './utils';
-export interface TextInputMixinProps {
-    $state: InputUIState;
-}
-/** @deprecated this mixin is not SSR compatible */
-export declare const styledTextInputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TextInputMixinProps, import("styled-components").DefaultTheme>>;
-//# sourceMappingURL=styledTextInputMixin.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styledTextInputMixin.d.ts","sourceRoot":"","sources":["../../../src/forms/styledTextInputMixin.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,mDAAmD;AACnD,eAAO,MAAM,oBAAoB,gKAqBhC,CAAC"}

package/dist/definitions/utils/tests/styled-component-typing-test.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="styled-components-react-native" />
-import type { ReactElement } from 'react';
-interface C1Props {
-    color: 'white' | 'black';
-}
-declare function C1({ color }: C1Props): ReactElement;
-export declare const C2: import("styled-components").ThemedStyledFunction<typeof C1, import("styled-components").DefaultTheme, Partial<C1Props> & {
-    [others: string]: any;
-}, string | number>;
-export declare const C3: import("styled-components").StyledComponent<typeof C1, import("styled-components").DefaultTheme, {}, never>;
-export declare const C4: import("styled-components").ThemedStyledFunction<typeof C1, import("styled-components").DefaultTheme, {}, never>;
-interface C5Props {
-    color: string;
-    align: 'center' | 'normal';
-}
-export declare const C5: import("styled-components").StyledComponent<typeof C1, import("styled-components").DefaultTheme, C5Props, never>;
-export declare function C5Usage(): ReactElement;
-export {};
-//# sourceMappingURL=styled-component-typing-test.d.ts.map

package/dist/definitions/utils/tests/styled-component-typing-test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled-component-typing-test.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/styled-component-typing-test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,UAAU,OAAO;IACf,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,iBAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,GAAG,YAAY,CAE5C;AAGD,eAAO,MAAM,EAAE;;mBAMb,CAAC;AAGH,eAAO,MAAM,EAAE,6GAId,CAAC;AAOF,eAAO,MAAM,EAAE,kHAMb,CAAC;AAGH,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B;AAED,eAAO,MAAM,EAAE,kHAId,CAAC;AAEF,wBAAgB,OAAO,IAAI,YAAY,CAStC"}

package/dist/definitions/utils/windowSize/createWindowSizeHelper.d.ts

@@ -1,50 +0,0 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
-import type { MatchWindowSizeOptions } from './useMatchWindowSize';
-export interface WindowSizeHelper {
-    /**
-     * @deprecated use native-base responsive props or `useBreakpointValue` or `useMatchWindowSize` instead
-     *
-     * Prefer using if or map variants, at it should be more web friendly
-     * */
-    matchWindowSize: (options: MatchWindowSizeOptions) => boolean;
-    /**
-     * @deprecated use native-base responsive props or `useBreakpointValue` or `useMatchWindowSize` instead
-     *
-     * @example
-     * ```typescript
-     * const Container = styled.View`
-     *   ${({ theme }) =>
-     *     theme.responsive.ifWindowSizeMatches(
-     *       { minWidth: KittBreakpoints.SMALL },
-     *       'padding: 5px 0 10px;'
-     *     )
-     *   )};
-     * `;
-     * ```
-     */
-    ifWindowSizeMatches: <T extends string | FlattenSimpleInterpolation | null>(options: MatchWindowSizeOptions, valueIfTrue: T, valueIfFalse?: T) => T | undefined;
-    /**
-     *
-     * @deprecated use native-base responsive props or `useBreakpointValue` or `useMatchWindowSize` instead
-     *
-     * @example
-     * ```typescript
-     * const Container = styled.View`
-     *   ${({ theme }) =>
-     *     theme.responsive.mapWindowWidth(
-     *       [KittBreakpoints.BASE, 'padding: 5px 0 10px;'],
-     *       [KittBreakpoints.SMALL, 'padding: 10px 0;'],
-     *     )
-     *   )};
-     * `;
-     * ```
-     */
-    mapWindowWidth: <V extends string>(...widthList: [number, V][]) => V | null;
-}
-export interface WindowDimensions {
-    width?: number;
-    height?: number;
-}
-/** @deprecated use native-base responsive props or `useBreakpointValue` or `useMatchWindowSize` instead */
-export declare function createWindowSizeHelper(dimensions: WindowDimensions): WindowSizeHelper;
-//# sourceMappingURL=createWindowSizeHelper.d.ts.map

package/dist/definitions/utils/windowSize/createWindowSizeHelper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createWindowSizeHelper.d.ts","sourceRoot":"","sources":["../../../../src/utils/windowSize/createWindowSizeHelper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGnE,MAAM,WAAW,gBAAgB;IAC/B;;;;SAIK;IACL,eAAe,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;IAE9D;;;;;;;;;;;;;;OAcG;IACH,mBAAmB,EAAE,CAAC,CAAC,SAAS,MAAM,GAAG,0BAA0B,GAAG,IAAI,EACxE,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAE,CAAC,EACd,YAAY,CAAC,EAAE,CAAC,KACb,CAAC,GAAG,SAAS,CAAC;IAEnB;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;CAC7E;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,2GAA2G;AAC3G,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,gBAAgB,GAAG,gBAAgB,CAuBrF"}

package/dist/definitions/utils/withTheme.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
-import type { DefaultTheme } from 'styled-components/native';
-import type { Except } from 'type-fest';
-export declare function withTheme<Props extends {
-    theme: DefaultTheme;
-}, T>(WrappedComponent: ComponentType<Props>): ForwardRefExoticComponent<PropsWithoutRef<Except<Props, 'theme'>> & RefAttributes<T>>;
-//# sourceMappingURL=withTheme.d.ts.map

package/dist/definitions/utils/withTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/withTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAgBxC,wBAAgB,SAAS,CAAC,KAAK,SAAS;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,EAAE,CAAC,EAChE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,GACrC,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAOvF"}

package/dist/index-browser-all.es.css

@@ -1 +0,0 @@
-.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-0);text-decoration:var(--tcwz3nt-0);}.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:hover,.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:active,.kitt-hover .kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-1);text-decoration:var(--tcwz3nt-1);}

package/dist/index-node-14.17.cjs.css

@@ -1 +0,0 @@
-.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-0);text-decoration:var(--tcwz3nt-0);}.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:hover,.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:active,.kitt-hover .kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-1);text-decoration:var(--tcwz3nt-1);}