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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,36 +11,36 @@ var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/
11
11
  var _constants = require("../constants");
12
12
  var getSavedTheme = /*#__PURE__*/function () {
13
13
  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
14
- var savedMode;
15
- return _regenerator["default"].wrap(function _callee$(_context) {
14
+ var savedMode, _t;
15
+ return _regenerator["default"].wrap(function (_context) {
16
16
  while (1) switch (_context.prev = _context.next) {
17
17
  case 0:
18
18
  _context.prev = 0;
19
- _context.next = 3;
19
+ _context.next = 1;
20
20
  return _asyncStorage["default"].getItem(_constants.DEFAULT_THEME_STORAGE_KEY);
21
- case 3:
21
+ case 1:
22
22
  savedMode = _context.sent;
23
23
  if (!(typeof savedMode === "string")) {
24
- _context.next = 6;
24
+ _context.next = 2;
25
25
  break;
26
26
  }
27
27
  return _context.abrupt("return", savedMode);
28
- case 6:
29
- _context.next = 12;
28
+ case 2:
29
+ _context.next = 4;
30
30
  break;
31
- case 8:
32
- _context.prev = 8;
33
- _context.t0 = _context["catch"](0);
31
+ case 3:
32
+ _context.prev = 3;
33
+ _t = _context["catch"](0);
34
34
  // eslint-disable-next-line no-console
35
- console.warn(_context.t0);
35
+ console.warn(_t);
36
36
  return _context.abrupt("return", null);
37
- case 12:
37
+ case 4:
38
38
  return _context.abrupt("return", null);
39
- case 13:
39
+ case 5:
40
40
  case "end":
41
41
  return _context.stop();
42
42
  }
43
- }, _callee, null, [[0, 8]]);
43
+ }, _callee, null, [[0, 3]]);
44
44
  }));
45
45
  return function getSavedTheme() {
46
46
  return _ref.apply(this, arguments);
@@ -11,27 +11,27 @@ var _getSavedTheme = _interopRequireDefault(require("./getSavedTheme"));
11
11
  var setInitialState = /*#__PURE__*/function () {
12
12
  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(setTheme, themeOverride, systemColorScheme) {
13
13
  var alreadySavedMode;
14
- return _regenerator["default"].wrap(function _callee$(_context) {
14
+ return _regenerator["default"].wrap(function (_context) {
15
15
  while (1) switch (_context.prev = _context.next) {
16
16
  case 0:
17
- _context.next = 2;
17
+ _context.next = 1;
18
18
  return (0, _getSavedTheme["default"])();
19
- case 2:
19
+ case 1:
20
20
  alreadySavedMode = _context.sent;
21
21
  if (!themeOverride) {
22
- _context.next = 5;
22
+ _context.next = 2;
23
23
  break;
24
24
  }
25
25
  return _context.abrupt("return", setTheme(themeOverride));
26
- case 5:
26
+ case 2:
27
27
  if (!alreadySavedMode) {
28
- _context.next = 7;
28
+ _context.next = 3;
29
29
  break;
30
30
  }
31
31
  return _context.abrupt("return", setTheme(alreadySavedMode));
32
- case 7:
32
+ case 3:
33
33
  return _context.abrupt("return", setTheme(systemColorScheme));
34
- case 8:
34
+ case 4:
35
35
  case "end":
36
36
  return _context.stop();
37
37
  }
@@ -4,36 +4,36 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
4
4
  import { DEFAULT_THEME_STORAGE_KEY } from "../constants";
5
5
  var getSavedTheme = /*#__PURE__*/function () {
6
6
  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
7
- var savedMode;
8
- return _regeneratorRuntime.wrap(function _callee$(_context) {
7
+ var savedMode, _t;
8
+ return _regeneratorRuntime.wrap(function (_context) {
9
9
  while (1) switch (_context.prev = _context.next) {
10
10
  case 0:
11
11
  _context.prev = 0;
12
- _context.next = 3;
12
+ _context.next = 1;
13
13
  return AsyncStorage.getItem(DEFAULT_THEME_STORAGE_KEY);
14
- case 3:
14
+ case 1:
15
15
  savedMode = _context.sent;
16
16
  if (!(typeof savedMode === "string")) {
17
- _context.next = 6;
17
+ _context.next = 2;
18
18
  break;
19
19
  }
20
20
  return _context.abrupt("return", savedMode);
21
- case 6:
22
- _context.next = 12;
21
+ case 2:
22
+ _context.next = 4;
23
23
  break;
24
- case 8:
25
- _context.prev = 8;
26
- _context.t0 = _context["catch"](0);
24
+ case 3:
25
+ _context.prev = 3;
26
+ _t = _context["catch"](0);
27
27
  // eslint-disable-next-line no-console
28
- console.warn(_context.t0);
28
+ console.warn(_t);
29
29
  return _context.abrupt("return", null);
30
- case 12:
30
+ case 4:
31
31
  return _context.abrupt("return", null);
32
- case 13:
32
+ case 5:
33
33
  case "end":
34
34
  return _context.stop();
35
35
  }
36
- }, _callee, null, [[0, 8]]);
36
+ }, _callee, null, [[0, 3]]);
37
37
  }));
38
38
  return function getSavedTheme() {
39
39
  return _ref.apply(this, arguments);
@@ -4,27 +4,27 @@ import getSavedTheme from "./getSavedTheme";
4
4
  var setInitialState = /*#__PURE__*/function () {
5
5
  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(setTheme, themeOverride, systemColorScheme) {
6
6
  var alreadySavedMode;
7
- return _regeneratorRuntime.wrap(function _callee$(_context) {
7
+ return _regeneratorRuntime.wrap(function (_context) {
8
8
  while (1) switch (_context.prev = _context.next) {
9
9
  case 0:
10
- _context.next = 2;
10
+ _context.next = 1;
11
11
  return getSavedTheme();
12
- case 2:
12
+ case 1:
13
13
  alreadySavedMode = _context.sent;
14
14
  if (!themeOverride) {
15
- _context.next = 5;
15
+ _context.next = 2;
16
16
  break;
17
17
  }
18
18
  return _context.abrupt("return", setTheme(themeOverride));
19
- case 5:
19
+ case 2:
20
20
  if (!alreadySavedMode) {
21
- _context.next = 7;
21
+ _context.next = 3;
22
22
  break;
23
23
  }
24
24
  return _context.abrupt("return", setTheme(alreadySavedMode));
25
- case 7:
25
+ case 3:
26
26
  return _context.abrupt("return", setTheme(systemColorScheme));
27
- case 8:
27
+ case 4:
28
28
  case "end":
29
29
  return _context.stop();
30
30
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vitality-ds/system-react-native",
3
3
  "displayName": "system-react-native",
4
- "version": "5.4.0",
4
+ "version": "5.6.0-alpha.2",
5
5
  "description": "The react native backbone of the design system",
6
6
  "repository": "https://github.com/genie-engineering/vitality",
7
7
  "main": "./dist/index.js",
@@ -11,7 +11,8 @@
11
11
  "dist"
12
12
  ],
13
13
  "scripts": {
14
- "build": "npm run clean && npm run build:cjs && npm run build:esm && npm run build:declaration",
14
+ "build": "npm run clean && npm run build:cjs && npm run build:esm",
15
+ "build:full": "npm run clean && npm run build:cjs && npm run build:esm && npm run build:declaration",
15
16
  "build:cjs": "VITALITY_DS_ENV=cjs babel --config-file ./babel.config.json ./src --out-dir ./dist --ignore \"**/*.test.js\" --extensions \".ts,.tsx\"",
16
17
  "build:esm": "VITALITY_DS_ENV=esm babel --config-file ./babel.config.json ./src --out-dir ./dist/esm --ignore \"**/*.test.js\" --extensions \".ts,.tsx\"",
17
18
  "build:declaration": "tsc",
@@ -25,7 +26,7 @@
25
26
  "dependencies": {
26
27
  "@babel/preset-typescript": "^7.15.0",
27
28
  "@react-native-async-storage/async-storage": "^2.1.2",
28
- "@vitality-ds/tokens": "^5.4.0",
29
+ "@vitality-ds/tokens": "^5.6.0-alpha.2",
29
30
  "react": "19.0.0",
30
31
  "react-native": "0.79.2",
31
32
  "stitches-rn-vitality": "0.1.3"
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { ProviderProps } from "./types";
3
- declare function Provider({ children, config, }: ProviderProps): React.ReactElement;
4
- declare namespace Provider {
5
- var displayName: string;
6
- }
7
- export default Provider;
@@ -1,7 +0,0 @@
1
- import { ThemeProviderProps } from "../ThemeProvider/types";
2
- export type ProviderProps = {
3
- children: React.ReactElement;
4
- config?: {
5
- theme: ThemeProviderProps["config"];
6
- };
7
- };
@@ -1,5 +0,0 @@
1
- import type { AVAILABLE_THEMES_TYPE } from "../types";
2
- import { UseTheme } from "./types";
3
- export declare const DEFAULT_THEME_CONTEXT_VALUE: UseTheme;
4
- export declare const DEFAULT_THEME_STORAGE_KEY = "vitality-app-theme";
5
- export declare const AVAILABLE_THEMES: AVAILABLE_THEMES_TYPE;
@@ -1,3 +0,0 @@
1
- import { ThemeProviderProps, UseTheme } from "../types";
2
- declare const useTheme: (themeOverride: NonNullable<ThemeProviderProps["config"]>["themeOverride"]) => UseTheme;
3
- export default useTheme;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- import { ThemeProviderProps, UseTheme } from "./types";
3
- declare const ThemeContext: React.Context<UseTheme>;
4
- declare function ThemeProvider({ config, children, }: ThemeProviderProps): React.ReactElement;
5
- export { ThemeProvider, ThemeContext };
@@ -1,3 +0,0 @@
1
- import { UseTheme } from "../types";
2
- declare const getSavedTheme: () => Promise<UseTheme["theme"] | null>;
3
- export default getSavedTheme;
@@ -1 +0,0 @@
1
- export { default as setInitialState } from "./setInitialState";
@@ -1,2 +0,0 @@
1
- declare const setInitialState: (setTheme: any, themeOverride: any, systemColorScheme: any) => Promise<any>;
2
- export default setInitialState;
@@ -1,3 +0,0 @@
1
- import { UseTheme } from "../types";
2
- declare const setSavedTheme: (newMode: UseTheme["theme"]) => void;
3
- export default setSavedTheme;
@@ -1,15 +0,0 @@
1
- import React from "react";
2
- import { Appearance } from "react-native";
3
- type Themes = NonNullable<Appearance.AppearancePreferences["colorScheme"]>;
4
- export type ThemeProviderProps = {
5
- config?: {
6
- themeOverride?: Themes;
7
- };
8
- children: React.ReactElement;
9
- };
10
- export type UseTheme = {
11
- theme: Themes;
12
- setTheme: (newTheme: Themes) => void;
13
- useSystemTheme: () => void;
14
- };
15
- export {};
@@ -1,26 +0,0 @@
1
- type ExcludedStyleProps = {
2
- /**
3
- * @ignore
4
- */
5
- className?: never;
6
- /**
7
- * @ignore
8
- */
9
- style?: never;
10
- };
11
- type ExcludedStitchesProps = {
12
- /**
13
- * @ignore
14
- */
15
- css?: never;
16
- /**
17
- * @ignore
18
- */
19
- as?: never;
20
- /**
21
- * @ignore
22
- */
23
- asChild?: never;
24
- };
25
- export type ExcludedProps = ExcludedStyleProps & ExcludedStitchesProps;
26
- export {};
package/dist/index.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { colorUseCases, getColorScaleFromThemeObject, getColorScaleValueByUseCase, getUseCasesByStep } from "@vitality-ds/tokens";
2
- export type { CreateStitches } from "stitches-rn-vitality";
3
- export { styled, css, createTheme, config, theme, ThemeProvider, darkTheme, } from "./stitches.config";
4
- export { default as Provider } from "./Provider";
5
- export { ThemeContext } from "./ThemeProvider";
6
- export type { ExcludedProps } from "./exclude-types";
7
- export type { CSS, VariantProps, ComponentProps, CSSProperties, ScaleValue, } from "./types";
8
- export { AVAILABLE_THEMES_TYPE } from "./types";
9
- export { getColorScaleFromThemeObject, getColorScaleValueByUseCase, colorUseCases, getUseCasesByStep, };