@vitality-ds/system-react-native 4.0.6-alpha.4 → 4.1.0
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/Provider/index.js +20 -12
- package/dist/Provider/types.js +1 -3
- package/dist/ThemeProvider/constants.js +20 -13
- package/dist/ThemeProvider/hooks/useTheme.js +45 -34
- package/dist/ThemeProvider/index.js +26 -38
- package/dist/ThemeProvider/logic/getSavedTheme.js +48 -68
- package/dist/ThemeProvider/logic/index.js +12 -9
- package/dist/ThemeProvider/logic/setInitialState.js +44 -63
- package/dist/ThemeProvider/logic/setSavedTheme.js +17 -17
- package/dist/ThemeProvider/types.js +1 -3
- package/dist/exclude-types.js +1 -3
- package/dist/index.js +94 -23
- package/dist/stitches.config.js +35 -42
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types.js +1 -3
- package/package.json +6 -8
- package/dist/Provider/index.js.map +0 -1
- package/dist/Provider/types.js.map +0 -1
- package/dist/ThemeProvider/constants.js.map +0 -1
- package/dist/ThemeProvider/hooks/useTheme.js.map +0 -1
- package/dist/ThemeProvider/index.js.map +0 -1
- package/dist/ThemeProvider/logic/getSavedTheme.js.map +0 -1
- package/dist/ThemeProvider/logic/index.js.map +0 -1
- package/dist/ThemeProvider/logic/setInitialState.js.map +0 -1
- package/dist/ThemeProvider/logic/setSavedTheme.js.map +0 -1
- package/dist/ThemeProvider/types.js.map +0 -1
- package/dist/exclude-types.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/stitches.config.js.map +0 -1
- package/dist/types.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,24 +1,95 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
Object.defineProperty(exports, "
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
Object.defineProperty(exports, "
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "AVAILABLE_THEMES_TYPE", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _types.AVAILABLE_THEMES_TYPE;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "Provider", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _Provider["default"];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "ThemeContext", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _ThemeProvider.ThemeContext;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _stitches.ThemeProvider;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "colorUseCases", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _tokens.colorUseCases;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "config", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _stitches.config;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "createTheme", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _stitches.createTheme;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "css", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function get() {
|
|
52
|
+
return _stitches.css;
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "darkTheme", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _stitches.darkTheme;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(exports, "getColorScaleFromThemeObject", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function get() {
|
|
64
|
+
return _tokens.getColorScaleFromThemeObject;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
Object.defineProperty(exports, "getColorScaleValueByUseCase", {
|
|
68
|
+
enumerable: true,
|
|
69
|
+
get: function get() {
|
|
70
|
+
return _tokens.getColorScaleValueByUseCase;
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
Object.defineProperty(exports, "getUseCasesByStep", {
|
|
74
|
+
enumerable: true,
|
|
75
|
+
get: function get() {
|
|
76
|
+
return _tokens.getUseCasesByStep;
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
Object.defineProperty(exports, "styled", {
|
|
80
|
+
enumerable: true,
|
|
81
|
+
get: function get() {
|
|
82
|
+
return _stitches.styled;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
Object.defineProperty(exports, "theme", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function get() {
|
|
88
|
+
return _stitches.theme;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
var _tokens = require("@vitality-ds/tokens");
|
|
92
|
+
var _stitches = require("./stitches.config");
|
|
93
|
+
var _Provider = _interopRequireDefault(require("./Provider"));
|
|
94
|
+
var _ThemeProvider = require("./ThemeProvider");
|
|
95
|
+
var _types = require("./types");
|
package/dist/stitches.config.js
CHANGED
|
@@ -1,45 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.darkTheme = exports.ThemeProvider = exports.createTheme = exports.config = exports.theme = exports.css = exports.styled = exports.stitches = void 0;
|
|
26
|
-
var tokens_1 = require("@vitality-ds/tokens");
|
|
27
|
-
var stitches_rn_vitality_1 = require("stitches-rn-vitality");
|
|
28
|
-
var _a = (0, tokens_1.getTheme)("reactNative"), colors = _a.colors, shadows = _a.shadows, baseTheme = __rest(_a, ["colors", "shadows"]);
|
|
29
|
-
exports.stitches = (0, stitches_rn_vitality_1.createStitches)({
|
|
30
|
-
theme: __assign(__assign({}, baseTheme), { colors: colors.light }),
|
|
31
|
-
media: {
|
|
32
|
-
bp1: "(width <= 320px)",
|
|
33
|
-
bp2: "(width >= 393px)",
|
|
34
|
-
},
|
|
35
|
-
utils: {
|
|
36
|
-
boxShadow: function (level) {
|
|
37
|
-
return shadows[level];
|
|
38
|
-
},
|
|
39
|
-
},
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
40
6
|
});
|
|
41
|
-
exports.
|
|
42
|
-
|
|
43
|
-
|
|
7
|
+
exports.theme = exports.styled = exports.stitches = exports.darkTheme = exports.css = exports.createTheme = exports.config = exports.ThemeProvider = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _tokens = require("@vitality-ds/tokens");
|
|
11
|
+
var _stitchesRnVitality = require("stitches-rn-vitality");
|
|
12
|
+
var _getTheme = (0, _tokens.getTheme)("reactNative"),
|
|
13
|
+
colors = _getTheme.colors,
|
|
14
|
+
shadows = _getTheme.shadows,
|
|
15
|
+
baseTheme = (0, _objectWithoutProperties2["default"])(_getTheme, ["colors", "shadows"]);
|
|
16
|
+
var stitches = exports.stitches = (0, _stitchesRnVitality.createStitches)({
|
|
17
|
+
theme: (0, _extends2["default"])({}, baseTheme, {
|
|
18
|
+
colors: colors.light
|
|
19
|
+
}),
|
|
20
|
+
media: {
|
|
21
|
+
bp1: "(width <= 320px)",
|
|
22
|
+
bp2: "(width >= 393px)"
|
|
23
|
+
},
|
|
24
|
+
utils: {
|
|
25
|
+
boxShadow: function boxShadow(level) {
|
|
26
|
+
return shadows[level];
|
|
27
|
+
}
|
|
28
|
+
}
|
|
44
29
|
});
|
|
45
|
-
|
|
30
|
+
var styled = exports.styled = stitches.styled,
|
|
31
|
+
css = exports.css = stitches.css,
|
|
32
|
+
theme = exports.theme = stitches.theme,
|
|
33
|
+
config = exports.config = stitches.config,
|
|
34
|
+
createTheme = exports.createTheme = stitches.createTheme,
|
|
35
|
+
ThemeProvider = exports.ThemeProvider = stitches.ThemeProvider;
|
|
36
|
+
var darkTheme = exports.darkTheme = createTheme({
|
|
37
|
+
colors: colors.dark
|
|
38
|
+
});
|