@vitality-ds/system-react-native 4.0.0-alpha.0

package/dist/Provider/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ThemeProvider = require("../ThemeProvider");
+function Provider(_ref) {
+  var children = _ref.children,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {
+      theme: {}
+    } : _ref$config;
+  var _ref2 = config || {},
+    theme = _ref2.theme;
+  return /*#__PURE__*/_react["default"].createElement(_ThemeProvider.ThemeProvider, {
+    config: theme
+  }, children);
+}
+Provider.displayName = "Provider";
+var _default = exports["default"] = Provider;

package/dist/Provider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/ThemeProvider/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_THEME_STORAGE_KEY = exports.DEFAULT_THEME_CONTEXT_VALUE = exports.AVAILABLE_THEMES = void 0;
+var _stitches = require("../stitches.config");
+var DEFAULT_THEME_CONTEXT_VALUE = exports.DEFAULT_THEME_CONTEXT_VALUE = {
+  theme: "light",
+  setTheme: function setTheme() {
+    return null;
+  },
+  useSystemTheme: function useSystemTheme() {
+    return null;
+  }
+};
+var DEFAULT_THEME_STORAGE_KEY = exports.DEFAULT_THEME_STORAGE_KEY = "vitality-app-theme";
+var AVAILABLE_THEMES = exports.AVAILABLE_THEMES = {
+  light: _stitches.theme,
+  // stitches' default theme.
+  dark: _stitches.darkTheme
+};

package/dist/ThemeProvider/hooks/useTheme.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var _constants = require("../constants");
+var _logic = require("../logic");
+var useTheme = function useTheme(themeOverride) {
+  // Note, this always returns light in dev mode due to a bug (https://reactnative.dev/docs/0.72/usecolorscheme#supported-color-schemes)
+  var systemColorScheme = (0, _reactNative.useColorScheme)() || "light";
+  var _useState = (0, _react.useState)(systemColorScheme),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    themeInternal = _useState2[0],
+    setThemeInternal = _useState2[1];
+
+  // Set the app theme preferences on load.
+  (0, _react.useEffect)(function () {
+    (0, _logic.setInitialState)(setThemeInternal, themeOverride, systemColorScheme);
+  }, [themeOverride, systemColorScheme]);
+
+  // Listen out for changes to the system settings
+  (0, _react.useEffect)(function () {
+    if (systemColorScheme) {
+      setThemeInternal(systemColorScheme);
+    }
+  }, [systemColorScheme]);
+  var setTheme = function setTheme(newTheme) {
+    setThemeInternal(newTheme);
+    _asyncStorage["default"].setItem(_constants.DEFAULT_THEME_STORAGE_KEY, newTheme); // Save selected theme to storage
+  };
+  var useSystemTheme = function useSystemTheme() {
+    setThemeInternal(systemColorScheme);
+    _asyncStorage["default"].setItem(_constants.DEFAULT_THEME_STORAGE_KEY, systemColorScheme);
+  };
+  return {
+    theme: themeInternal,
+    setTheme: setTheme,
+    useSystemTheme: useSystemTheme
+  };
+};
+var _default = exports["default"] = useTheme;

package/dist/ThemeProvider/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeContext = void 0;
+exports.ThemeProvider = ThemeProvider;
+var _react = _interopRequireWildcard(require("react"));
+var _stitches = require("../stitches.config");
+var _constants = require("./constants");
+var _useTheme = _interopRequireDefault(require("./hooks/useTheme"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)(_constants.DEFAULT_THEME_CONTEXT_VALUE);
+function ThemeProvider(_ref) {
+  var config = _ref.config,
+    children = _ref.children;
+  var _ref2 = config || {},
+    themeOverride = _ref2.themeOverride;
+  var themeContextValue = (0, _useTheme["default"])(themeOverride);
+  var actualTheme = _constants.AVAILABLE_THEMES[themeContextValue.theme];
+  return /*#__PURE__*/_react["default"].createElement(ThemeContext.Provider, {
+    value: themeContextValue
+  }, /*#__PURE__*/_react["default"].createElement(_stitches.ThemeProvider, {
+    theme: actualTheme
+  }, children));
+}

package/dist/ThemeProvider/logic/getSavedTheme.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _constants = require("../constants");
+var getSavedTheme = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var savedMode;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return _asyncStorage["default"].getItem(_constants.DEFAULT_THEME_STORAGE_KEY);
+        case 3:
+          savedMode = _context.sent;
+          if (!(typeof savedMode === "string")) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", savedMode);
+        case 6:
+          _context.next = 12;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          // eslint-disable-next-line no-console
+          console.warn(_context.t0);
+          return _context.abrupt("return", null);
+        case 12:
+          return _context.abrupt("return", null);
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 8]]);
+  }));
+  return function getSavedTheme() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _default = exports["default"] = getSavedTheme;

package/dist/ThemeProvider/logic/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "setInitialState", {
+  enumerable: true,
+  get: function get() {
+    return _setInitialState["default"];
+  }
+});
+var _setInitialState = _interopRequireDefault(require("./setInitialState"));

package/dist/ThemeProvider/logic/setInitialState.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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 _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return (0, _getSavedTheme["default"])();
+        case 2:
+          alreadySavedMode = _context.sent;
+          // eslint-disable-next-line no-console
+          console.log("Saved Mode is ", alreadySavedMode);
+          if (!themeOverride) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", setTheme(themeOverride));
+        case 6:
+          if (!alreadySavedMode) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", setTheme(alreadySavedMode));
+        case 8:
+          return _context.abrupt("return", setTheme(systemColorScheme));
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function setInitialState(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _default = exports["default"] = setInitialState;

package/dist/ThemeProvider/logic/setSavedTheme.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _constants = require("../constants");
+var setSavedTheme = function setSavedTheme(newMode) {
+  try {
+    if (typeof newMode === "string") {
+      _asyncStorage["default"].setItem(_constants.DEFAULT_THEME_STORAGE_KEY, newMode);
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(e);
+  }
+};
+var _default = exports["default"] = setSavedTheme;

package/dist/ThemeProvider/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/esm/Provider/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { ThemeProvider } from "../ThemeProvider";
+function Provider(_ref) {
+  var children = _ref.children,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {
+      theme: {}
+    } : _ref$config;
+  var _ref2 = config || {},
+    theme = _ref2.theme;
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    config: theme
+  }, children);
+}
+Provider.displayName = "Provider";
+export default Provider;

package/dist/esm/Provider/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ThemeProvider/constants.js

@@ -0,0 +1,16 @@
+import { darkTheme, theme } from "../stitches.config";
+export var DEFAULT_THEME_CONTEXT_VALUE = {
+  theme: "light",
+  setTheme: function setTheme() {
+    return null;
+  },
+  useSystemTheme: function useSystemTheme() {
+    return null;
+  }
+};
+export var DEFAULT_THEME_STORAGE_KEY = "vitality-app-theme";
+export var AVAILABLE_THEMES = {
+  light: theme,
+  // stitches' default theme.
+  dark: darkTheme
+};

package/dist/esm/ThemeProvider/hooks/useTheme.js

@@ -0,0 +1,40 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { useEffect, useState } from "react";
+import { useColorScheme } from "react-native";
+import { DEFAULT_THEME_STORAGE_KEY } from "../constants";
+import { setInitialState } from "../logic";
+var useTheme = function useTheme(themeOverride) {
+  // Note, this always returns light in dev mode due to a bug (https://reactnative.dev/docs/0.72/usecolorscheme#supported-color-schemes)
+  var systemColorScheme = useColorScheme() || "light";
+  var _useState = useState(systemColorScheme),
+    _useState2 = _slicedToArray(_useState, 2),
+    themeInternal = _useState2[0],
+    setThemeInternal = _useState2[1];
+
+  // Set the app theme preferences on load.
+  useEffect(function () {
+    setInitialState(setThemeInternal, themeOverride, systemColorScheme);
+  }, [themeOverride, systemColorScheme]);
+
+  // Listen out for changes to the system settings
+  useEffect(function () {
+    if (systemColorScheme) {
+      setThemeInternal(systemColorScheme);
+    }
+  }, [systemColorScheme]);
+  var setTheme = function setTheme(newTheme) {
+    setThemeInternal(newTheme);
+    AsyncStorage.setItem(DEFAULT_THEME_STORAGE_KEY, newTheme); // Save selected theme to storage
+  };
+  var useSystemTheme = function useSystemTheme() {
+    setThemeInternal(systemColorScheme);
+    AsyncStorage.setItem(DEFAULT_THEME_STORAGE_KEY, systemColorScheme);
+  };
+  return {
+    theme: themeInternal,
+    setTheme: setTheme,
+    useSystemTheme: useSystemTheme
+  };
+};
+export default useTheme;

package/dist/esm/ThemeProvider/index.js

@@ -0,0 +1,19 @@
+import React, { createContext } from "react";
+import { ThemeProvider as StitchesThemeProvider } from "../stitches.config";
+import { AVAILABLE_THEMES, DEFAULT_THEME_CONTEXT_VALUE } from "./constants";
+import useTheme from "./hooks/useTheme";
+var ThemeContext = /*#__PURE__*/createContext(DEFAULT_THEME_CONTEXT_VALUE);
+function ThemeProvider(_ref) {
+  var config = _ref.config,
+    children = _ref.children;
+  var _ref2 = config || {},
+    themeOverride = _ref2.themeOverride;
+  var themeContextValue = useTheme(themeOverride);
+  var actualTheme = AVAILABLE_THEMES[themeContextValue.theme];
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    value: themeContextValue
+  }, /*#__PURE__*/React.createElement(StitchesThemeProvider, {
+    theme: actualTheme
+  }, children));
+}
+export { ThemeProvider, ThemeContext };

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

@@ -0,0 +1,42 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return AsyncStorage.getItem(DEFAULT_THEME_STORAGE_KEY);
+        case 3:
+          savedMode = _context.sent;
+          if (!(typeof savedMode === "string")) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", savedMode);
+        case 6:
+          _context.next = 12;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](0);
+          // eslint-disable-next-line no-console
+          console.warn(_context.t0);
+          return _context.abrupt("return", null);
+        case 12:
+          return _context.abrupt("return", null);
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 8]]);
+  }));
+  return function getSavedTheme() {
+    return _ref.apply(this, arguments);
+  };
+}();
+export default getSavedTheme;

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

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as setInitialState } from "./setInitialState";

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

@@ -0,0 +1,39 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return getSavedTheme();
+        case 2:
+          alreadySavedMode = _context.sent;
+          // eslint-disable-next-line no-console
+          console.log("Saved Mode is ", alreadySavedMode);
+          if (!themeOverride) {
+            _context.next = 6;
+            break;
+          }
+          return _context.abrupt("return", setTheme(themeOverride));
+        case 6:
+          if (!alreadySavedMode) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", setTheme(alreadySavedMode));
+        case 8:
+          return _context.abrupt("return", setTheme(systemColorScheme));
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function setInitialState(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export default setInitialState;

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

@@ -0,0 +1,13 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { DEFAULT_THEME_STORAGE_KEY } from "../constants";
+var setSavedTheme = function setSavedTheme(newMode) {
+  try {
+    if (typeof newMode === "string") {
+      AsyncStorage.setItem(DEFAULT_THEME_STORAGE_KEY, newMode);
+    }
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(e);
+  }
+};
+export default setSavedTheme;

package/dist/esm/ThemeProvider/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/exclude-types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import { colorUseCases, getColorScaleFromThemeObject, getColorScaleValueByUseCase, getUseCasesByStep } from "@vitality-ds/tokens";
+export { styled, css, createTheme, config, theme, ThemeProvider, darkTheme } from "./stitches.config";
+export { default as Provider } from "./Provider";
+export { ThemeContext } from "./ThemeProvider";
+export { AVAILABLE_THEMES_TYPE } from "./types";
+export { getColorScaleFromThemeObject, getColorScaleValueByUseCase, colorUseCases, getUseCasesByStep };

package/dist/esm/stitches.config.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { getTheme } from "@vitality-ds/tokens";
+import { createStitches } from "stitches-rn-vitality";
+var _getTheme = getTheme("react-native"),
+  colors = _getTheme.colors,
+  shadows = _getTheme.shadows,
+  baseTheme = _objectWithoutProperties(_getTheme, ["colors", "shadows"]);
+export var stitches = createStitches({
+  theme: _extends({}, baseTheme, {
+    colors: colors.light
+  }),
+  media: {
+    bp1: "(width <= 320px)",
+    bp2: "(width >= 393px)"
+  },
+  utils: {
+    boxShadow: function boxShadow(level) {
+      return shadows[level];
+    }
+  }
+});
+var styled = stitches.styled,
+  css = stitches.css,
+  theme = stitches.theme,
+  config = stitches.config,
+  createTheme = stitches.createTheme,
+  ThemeProvider = stitches.ThemeProvider;
+export { styled, css, theme, config, createTheme, ThemeProvider };
+export var darkTheme = createTheme({
+  colors: colors.dark
+});

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/exclude-types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AVAILABLE_THEMES_TYPE", {
+  enumerable: true,
+  get: function get() {
+    return _types.AVAILABLE_THEMES_TYPE;
+  }
+});
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function get() {
+    return _Provider["default"];
+  }
+});
+Object.defineProperty(exports, "ThemeContext", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.ThemeContext;
+  }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.ThemeProvider;
+  }
+});
+Object.defineProperty(exports, "colorUseCases", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.colorUseCases;
+  }
+});
+Object.defineProperty(exports, "config", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.config;
+  }
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.createTheme;
+  }
+});
+Object.defineProperty(exports, "css", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.css;
+  }
+});
+Object.defineProperty(exports, "darkTheme", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.darkTheme;
+  }
+});
+Object.defineProperty(exports, "getColorScaleFromThemeObject", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.getColorScaleFromThemeObject;
+  }
+});
+Object.defineProperty(exports, "getColorScaleValueByUseCase", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.getColorScaleValueByUseCase;
+  }
+});
+Object.defineProperty(exports, "getUseCasesByStep", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.getUseCasesByStep;
+  }
+});
+Object.defineProperty(exports, "styled", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.styled;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function get() {
+    return _stitches.theme;
+  }
+});
+var _tokens = require("@vitality-ds/tokens");
+var _stitches = require("./stitches.config");
+var _Provider = _interopRequireDefault(require("./Provider"));
+var _ThemeProvider = require("./ThemeProvider");
+var _types = require("./types");

package/dist/stitches.config.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.theme = exports.styled = exports.stitches = exports.darkTheme = exports.css = exports.createTheme = exports.config = exports.ThemeProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _tokens = require("@vitality-ds/tokens");
+var _stitchesRnVitality = require("stitches-rn-vitality");
+var _getTheme = (0, _tokens.getTheme)("react-native"),
+  colors = _getTheme.colors,
+  shadows = _getTheme.shadows,
+  baseTheme = (0, _objectWithoutProperties2["default"])(_getTheme, ["colors", "shadows"]);
+var stitches = exports.stitches = (0, _stitchesRnVitality.createStitches)({
+  theme: (0, _extends2["default"])({}, baseTheme, {
+    colors: colors.light
+  }),
+  media: {
+    bp1: "(width <= 320px)",
+    bp2: "(width >= 393px)"
+  },
+  utils: {
+    boxShadow: function boxShadow(level) {
+      return shadows[level];
+    }
+  }
+});
+var styled = exports.styled = stitches.styled,
+  css = exports.css = stitches.css,
+  theme = exports.theme = stitches.theme,
+  config = exports.config = stitches.config,
+  createTheme = exports.createTheme = stitches.createTheme,
+  ThemeProvider = exports.ThemeProvider = stitches.ThemeProvider;
+var darkTheme = exports.darkTheme = createTheme({
+  colors: colors.dark
+});

package/dist/system-react-native/src/Provider/index.d.ts

@@ -0,0 +1,7 @@
+import { ProviderProps } from "./types";
+declare function Provider({ children, config, }: ProviderProps): JSX.Element;
+declare namespace Provider {
+    var displayName: string;
+}
+export default Provider;
+//# sourceMappingURL=index.d.ts.map

package/dist/system-react-native/src/Provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Provider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,MAAsB,GACvB,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAG7B;kBANQ,QAAQ;;;AAUjB,eAAe,QAAQ,CAAC"}