@vitality-ds/system-react-native 5.6.0-alpha.2 → 5.6.1-alpha.0

package/dist/Provider/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ProviderProps } from "./types";
+declare function Provider({ children, config, }: ProviderProps): React.ReactElement;
+declare namespace Provider {
+    var displayName: string;
+}
+export default Provider;

package/dist/Provider/types.d.ts

@@ -0,0 +1,7 @@
+import { ThemeProviderProps } from "../ThemeProvider/types";
+export type ProviderProps = {
+    children: React.ReactElement;
+    config?: {
+        theme: ThemeProviderProps["config"];
+    };
+};

package/dist/ThemeProvider/constants.d.ts

@@ -0,0 +1,5 @@
+import type { AVAILABLE_THEMES_TYPE } from "../types";
+import { UseTheme } from "./types";
+export declare const DEFAULT_THEME_CONTEXT_VALUE: UseTheme;
+export declare const DEFAULT_THEME_STORAGE_KEY = "vitality-app-theme";
+export declare const AVAILABLE_THEMES: AVAILABLE_THEMES_TYPE;

package/dist/ThemeProvider/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps, UseTheme } from "../types";
+declare const useTheme: (themeOverride: NonNullable<ThemeProviderProps["config"]>["themeOverride"]) => UseTheme;
+export default useTheme;

package/dist/ThemeProvider/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ThemeProviderProps, UseTheme } from "./types";
+declare const ThemeContext: React.Context<UseTheme>;
+declare function ThemeProvider({ config, children, }: ThemeProviderProps): React.ReactElement;
+export { ThemeProvider, ThemeContext };

package/dist/ThemeProvider/logic/getSavedTheme.d.ts

@@ -0,0 +1,3 @@
+import { UseTheme } from "../types";
+declare const getSavedTheme: () => Promise<UseTheme["theme"] | null>;
+export default getSavedTheme;

package/dist/ThemeProvider/logic/getSavedTheme.js

@@ -11,36 +11,36 @@ var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/
 var _constants = require("../constants");
 var getSavedTheme = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var savedMode, _t;
-    return _regenerator["default"].wrap(function (_context) {
+    var savedMode;
+    return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          _context.next = 1;
+          _context.next = 3;
           return _asyncStorage["default"].getItem(_constants.DEFAULT_THEME_STORAGE_KEY);
-        case 1:
+        case 3:
           savedMode = _context.sent;
           if (!(typeof savedMode === "string")) {
-            _context.next = 2;
+            _context.next = 6;
             break;
           }
           return _context.abrupt("return", savedMode);
-        case 2:
-          _context.next = 4;
+        case 6:
+          _context.next = 12;
           break;
-        case 3:
-          _context.prev = 3;
-          _t = _context["catch"](0);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
           // eslint-disable-next-line no-console
-          console.warn(_t);
+          console.warn(_context.t0);
           return _context.abrupt("return", null);
-        case 4:
+        case 12:
           return _context.abrupt("return", null);
-        case 5:
+        case 13:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 3]]);
+    }, _callee, null, [[0, 8]]);
   }));
   return function getSavedTheme() {
     return _ref.apply(this, arguments);

package/dist/ThemeProvider/logic/index.d.ts

@@ -0,0 +1 @@
+export { default as setInitialState } from "./setInitialState";

package/dist/ThemeProvider/logic/setInitialState.d.ts

@@ -0,0 +1,2 @@
+declare const setInitialState: (setTheme: any, themeOverride: any, systemColorScheme: any) => Promise<any>;
+export default setInitialState;

package/dist/ThemeProvider/logic/setInitialState.js

@@ -11,27 +11,27 @@ var _getSavedTheme = _interopRequireDefault(require("./getSavedTheme"));
 var setInitialState = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(setTheme, themeOverride, systemColorScheme) {
     var alreadySavedMode;
-    return _regenerator["default"].wrap(function (_context) {
+    return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 1;
+          _context.next = 2;
           return (0, _getSavedTheme["default"])();
-        case 1:
+        case 2:
           alreadySavedMode = _context.sent;
           if (!themeOverride) {
-            _context.next = 2;
+            _context.next = 5;
             break;
           }
           return _context.abrupt("return", setTheme(themeOverride));
-        case 2:
+        case 5:
           if (!alreadySavedMode) {
-            _context.next = 3;
+            _context.next = 7;
             break;
           }
           return _context.abrupt("return", setTheme(alreadySavedMode));
-        case 3:
+        case 7:
           return _context.abrupt("return", setTheme(systemColorScheme));
-        case 4:
+        case 8:
         case "end":
           return _context.stop();
       }

package/dist/ThemeProvider/logic/setSavedTheme.d.ts

@@ -0,0 +1,3 @@
+import { UseTheme } from "../types";
+declare const setSavedTheme: (newMode: UseTheme["theme"]) => void;
+export default setSavedTheme;

package/dist/ThemeProvider/types.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Appearance } from "react-native";
+type Themes = NonNullable<Appearance.AppearancePreferences["colorScheme"]>;
+export type ThemeProviderProps = {
+    config?: {
+        themeOverride?: Themes;
+    };
+    children: React.ReactElement;
+};
+export type UseTheme = {
+    theme: Themes;
+    setTheme: (newTheme: Themes) => void;
+    useSystemTheme: () => void;
+};
+export {};

package/dist/esm/ThemeProvider/logic/getSavedTheme.js

@@ -4,36 +4,36 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { DEFAULT_THEME_STORAGE_KEY } from "../constants";
 var getSavedTheme = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var savedMode, _t;
-    return _regeneratorRuntime.wrap(function (_context) {
+    var savedMode;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          _context.next = 1;
+          _context.next = 3;
           return AsyncStorage.getItem(DEFAULT_THEME_STORAGE_KEY);
-        case 1:
+        case 3:
           savedMode = _context.sent;
           if (!(typeof savedMode === "string")) {
-            _context.next = 2;
+            _context.next = 6;
             break;
           }
           return _context.abrupt("return", savedMode);
-        case 2:
-          _context.next = 4;
+        case 6:
+          _context.next = 12;
           break;
-        case 3:
-          _context.prev = 3;
-          _t = _context["catch"](0);
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
           // eslint-disable-next-line no-console
-          console.warn(_t);
+          console.warn(_context.t0);
           return _context.abrupt("return", null);
-        case 4:
+        case 12:
           return _context.abrupt("return", null);
-        case 5:
+        case 13:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 3]]);
+    }, _callee, null, [[0, 8]]);
   }));
   return function getSavedTheme() {
     return _ref.apply(this, arguments);

package/dist/esm/ThemeProvider/logic/setInitialState.js

@@ -4,27 +4,27 @@ import getSavedTheme from "./getSavedTheme";
 var setInitialState = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTheme, themeOverride, systemColorScheme) {
     var alreadySavedMode;
-    return _regeneratorRuntime.wrap(function (_context) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 1;
+          _context.next = 2;
           return getSavedTheme();
-        case 1:
+        case 2:
           alreadySavedMode = _context.sent;
           if (!themeOverride) {
-            _context.next = 2;
+            _context.next = 5;
             break;
           }
           return _context.abrupt("return", setTheme(themeOverride));
-        case 2:
+        case 5:
           if (!alreadySavedMode) {
-            _context.next = 3;
+            _context.next = 7;
             break;
           }
           return _context.abrupt("return", setTheme(alreadySavedMode));
-        case 3:
+        case 7:
           return _context.abrupt("return", setTheme(systemColorScheme));
-        case 4:
+        case 8:
         case "end":
           return _context.stop();
       }

package/dist/exclude-types.d.ts

@@ -0,0 +1,26 @@
+type ExcludedStyleProps = {
+    /**
+     * @ignore
+     */
+    className?: never;
+    /**
+     * @ignore
+     */
+    style?: never;
+};
+type ExcludedStitchesProps = {
+    /**
+     * @ignore
+     */
+    css?: never;
+    /**
+     * @ignore
+     */
+    as?: never;
+    /**
+     * @ignore
+     */
+    asChild?: never;
+};
+export type ExcludedProps = ExcludedStyleProps & ExcludedStitchesProps;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { colorUseCases, getColorScaleFromThemeObject, getColorScaleValueByUseCase, getUseCasesByStep } from "@vitality-ds/tokens";
+export type { CreateStitches } from "stitches-rn-vitality";
+export { styled, css, createTheme, config, theme, ThemeProvider, darkTheme, } from "./stitches.config";
+export { default as Provider } from "./Provider";
+export { ThemeContext } from "./ThemeProvider";
+export type { ExcludedProps } from "./exclude-types";
+export type { CSS, VariantProps, ComponentProps, CSSProperties, ScaleValue, } from "./types";
+export { AVAILABLE_THEMES_TYPE } from "./types";
+export { getColorScaleFromThemeObject, getColorScaleValueByUseCase, colorUseCases, getUseCasesByStep, };