@vitality-ds/system-react-native 5.5.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.
- package/dist/ThemeProvider/logic/getSavedTheme.js +14 -14
- package/dist/ThemeProvider/logic/setInitialState.js +8 -8
- package/dist/esm/ThemeProvider/logic/getSavedTheme.js +14 -14
- package/dist/esm/ThemeProvider/logic/setInitialState.js +8 -8
- package/package.json +4 -3
- package/dist/Provider/index.d.ts +0 -7
- package/dist/Provider/types.d.ts +0 -7
- package/dist/ThemeProvider/constants.d.ts +0 -5
- package/dist/ThemeProvider/hooks/useTheme.d.ts +0 -3
- package/dist/ThemeProvider/index.d.ts +0 -5
- package/dist/ThemeProvider/logic/getSavedTheme.d.ts +0 -3
- package/dist/ThemeProvider/logic/index.d.ts +0 -1
- package/dist/ThemeProvider/logic/setInitialState.d.ts +0 -2
- package/dist/ThemeProvider/logic/setSavedTheme.d.ts +0 -3
- package/dist/ThemeProvider/types.d.ts +0 -15
- package/dist/exclude-types.d.ts +0 -26
- package/dist/index.d.ts +0 -9
- package/dist/stitches.config.d.ts +0 -3975
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/types.d.ts +0 -11
|
@@ -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
|
|
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 =
|
|
19
|
+
_context.next = 1;
|
|
20
20
|
return _asyncStorage["default"].getItem(_constants.DEFAULT_THEME_STORAGE_KEY);
|
|
21
|
-
case
|
|
21
|
+
case 1:
|
|
22
22
|
savedMode = _context.sent;
|
|
23
23
|
if (!(typeof savedMode === "string")) {
|
|
24
|
-
_context.next =
|
|
24
|
+
_context.next = 2;
|
|
25
25
|
break;
|
|
26
26
|
}
|
|
27
27
|
return _context.abrupt("return", savedMode);
|
|
28
|
-
case
|
|
29
|
-
_context.next =
|
|
28
|
+
case 2:
|
|
29
|
+
_context.next = 4;
|
|
30
30
|
break;
|
|
31
|
-
case
|
|
32
|
-
_context.prev =
|
|
33
|
-
|
|
31
|
+
case 3:
|
|
32
|
+
_context.prev = 3;
|
|
33
|
+
_t = _context["catch"](0);
|
|
34
34
|
// eslint-disable-next-line no-console
|
|
35
|
-
console.warn(
|
|
35
|
+
console.warn(_t);
|
|
36
36
|
return _context.abrupt("return", null);
|
|
37
|
-
case
|
|
37
|
+
case 4:
|
|
38
38
|
return _context.abrupt("return", null);
|
|
39
|
-
case
|
|
39
|
+
case 5:
|
|
40
40
|
case "end":
|
|
41
41
|
return _context.stop();
|
|
42
42
|
}
|
|
43
|
-
}, _callee, null, [[0,
|
|
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
|
|
14
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
15
15
|
while (1) switch (_context.prev = _context.next) {
|
|
16
16
|
case 0:
|
|
17
|
-
_context.next =
|
|
17
|
+
_context.next = 1;
|
|
18
18
|
return (0, _getSavedTheme["default"])();
|
|
19
|
-
case
|
|
19
|
+
case 1:
|
|
20
20
|
alreadySavedMode = _context.sent;
|
|
21
21
|
if (!themeOverride) {
|
|
22
|
-
_context.next =
|
|
22
|
+
_context.next = 2;
|
|
23
23
|
break;
|
|
24
24
|
}
|
|
25
25
|
return _context.abrupt("return", setTheme(themeOverride));
|
|
26
|
-
case
|
|
26
|
+
case 2:
|
|
27
27
|
if (!alreadySavedMode) {
|
|
28
|
-
_context.next =
|
|
28
|
+
_context.next = 3;
|
|
29
29
|
break;
|
|
30
30
|
}
|
|
31
31
|
return _context.abrupt("return", setTheme(alreadySavedMode));
|
|
32
|
-
case
|
|
32
|
+
case 3:
|
|
33
33
|
return _context.abrupt("return", setTheme(systemColorScheme));
|
|
34
|
-
case
|
|
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
|
|
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 =
|
|
12
|
+
_context.next = 1;
|
|
13
13
|
return AsyncStorage.getItem(DEFAULT_THEME_STORAGE_KEY);
|
|
14
|
-
case
|
|
14
|
+
case 1:
|
|
15
15
|
savedMode = _context.sent;
|
|
16
16
|
if (!(typeof savedMode === "string")) {
|
|
17
|
-
_context.next =
|
|
17
|
+
_context.next = 2;
|
|
18
18
|
break;
|
|
19
19
|
}
|
|
20
20
|
return _context.abrupt("return", savedMode);
|
|
21
|
-
case
|
|
22
|
-
_context.next =
|
|
21
|
+
case 2:
|
|
22
|
+
_context.next = 4;
|
|
23
23
|
break;
|
|
24
|
-
case
|
|
25
|
-
_context.prev =
|
|
26
|
-
|
|
24
|
+
case 3:
|
|
25
|
+
_context.prev = 3;
|
|
26
|
+
_t = _context["catch"](0);
|
|
27
27
|
// eslint-disable-next-line no-console
|
|
28
|
-
console.warn(
|
|
28
|
+
console.warn(_t);
|
|
29
29
|
return _context.abrupt("return", null);
|
|
30
|
-
case
|
|
30
|
+
case 4:
|
|
31
31
|
return _context.abrupt("return", null);
|
|
32
|
-
case
|
|
32
|
+
case 5:
|
|
33
33
|
case "end":
|
|
34
34
|
return _context.stop();
|
|
35
35
|
}
|
|
36
|
-
}, _callee, null, [[0,
|
|
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
|
|
7
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
8
8
|
while (1) switch (_context.prev = _context.next) {
|
|
9
9
|
case 0:
|
|
10
|
-
_context.next =
|
|
10
|
+
_context.next = 1;
|
|
11
11
|
return getSavedTheme();
|
|
12
|
-
case
|
|
12
|
+
case 1:
|
|
13
13
|
alreadySavedMode = _context.sent;
|
|
14
14
|
if (!themeOverride) {
|
|
15
|
-
_context.next =
|
|
15
|
+
_context.next = 2;
|
|
16
16
|
break;
|
|
17
17
|
}
|
|
18
18
|
return _context.abrupt("return", setTheme(themeOverride));
|
|
19
|
-
case
|
|
19
|
+
case 2:
|
|
20
20
|
if (!alreadySavedMode) {
|
|
21
|
-
_context.next =
|
|
21
|
+
_context.next = 3;
|
|
22
22
|
break;
|
|
23
23
|
}
|
|
24
24
|
return _context.abrupt("return", setTheme(alreadySavedMode));
|
|
25
|
-
case
|
|
25
|
+
case 3:
|
|
26
26
|
return _context.abrupt("return", setTheme(systemColorScheme));
|
|
27
|
-
case
|
|
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
|
+
"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
|
|
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.
|
|
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"
|
package/dist/Provider/index.d.ts
DELETED
package/dist/Provider/types.d.ts
DELETED
|
@@ -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,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 +0,0 @@
|
|
|
1
|
-
export { default as setInitialState } from "./setInitialState";
|
|
@@ -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 {};
|
package/dist/exclude-types.d.ts
DELETED
|
@@ -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, };
|