@ieu-ui/core 0.2.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/config/types.d.ts +8 -0
- package/dist/config/types.d.ts.map +1 -0
- package/dist/config/types.js +3 -0
- package/dist/config/types.js.map +1 -0
- package/dist/context/IeuProvider.d.ts +11 -0
- package/dist/context/IeuProvider.d.ts.map +1 -0
- package/dist/context/IeuProvider.js +77 -0
- package/dist/context/IeuProvider.js.map +1 -0
- package/dist/context/ThemeContext.d.ts +12 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/context/ThemeContext.js +17 -0
- package/dist/context/ThemeContext.js.map +1 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +16 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useColorMode.d.ts +10 -0
- package/dist/hooks/useColorMode.d.ts.map +1 -0
- package/dist/hooks/useColorMode.js +38 -0
- package/dist/hooks/useColorMode.js.map +1 -0
- package/dist/hooks/useResponsive.d.ts +23 -0
- package/dist/hooks/useResponsive.d.ts.map +1 -0
- package/dist/hooks/useResponsive.js +71 -0
- package/dist/hooks/useResponsive.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +49 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/hooks/useTheme.js +42 -0
- package/dist/hooks/useTheme.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +25 -0
- package/dist/index.js.map +1 -0
- package/dist/theme/animations.d.ts +69 -0
- package/dist/theme/animations.d.ts.map +1 -0
- package/dist/theme/animations.js +63 -0
- package/dist/theme/animations.js.map +1 -0
- package/dist/theme/borderRadius.d.ts +13 -0
- package/dist/theme/borderRadius.d.ts.map +1 -0
- package/dist/theme/borderRadius.js +15 -0
- package/dist/theme/borderRadius.js.map +1 -0
- package/dist/theme/breakpoints.d.ts +23 -0
- package/dist/theme/breakpoints.d.ts.map +1 -0
- package/dist/theme/breakpoints.js +24 -0
- package/dist/theme/breakpoints.js.map +1 -0
- package/dist/theme/colors.d.ts +41 -0
- package/dist/theme/colors.d.ts.map +1 -0
- package/dist/theme/colors.js +206 -0
- package/dist/theme/colors.js.map +1 -0
- package/dist/theme/index.d.ts +32 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +60 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/shadows.d.ts +13 -0
- package/dist/theme/shadows.d.ts.map +1 -0
- package/dist/theme/shadows.js +55 -0
- package/dist/theme/shadows.js.map +1 -0
- package/dist/theme/spacing.d.ts +49 -0
- package/dist/theme/spacing.d.ts.map +1 -0
- package/dist/theme/spacing.js +50 -0
- package/dist/theme/spacing.js.map +1 -0
- package/dist/theme/typography.d.ts +57 -0
- package/dist/theme/typography.d.ts.map +1 -0
- package/dist/theme/typography.js +151 -0
- package/dist/theme/typography.js.map +1 -0
- package/dist/utils/platform.d.ts +20 -0
- package/dist/utils/platform.d.ts.map +1 -0
- package/dist/utils/platform.js +31 -0
- package/dist/utils/platform.js.map +1 -0
- package/package.json +44 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Theme } from '../theme';
|
|
3
|
+
import { ColorMode } from '../config/types';
|
|
4
|
+
export interface IeuProviderProps {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
colorMode?: ColorMode;
|
|
8
|
+
onColorModeChange?: (mode: ColorMode) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const IeuProvider: React.FC<IeuProviderProps>;
|
|
11
|
+
//# sourceMappingURL=IeuProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuProvider.d.ts","sourceRoot":"","sources":["../../src/context/IeuProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAyB,KAAK,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAa,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoDlD,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IeuProvider = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const react_native_1 = require("react-native");
|
|
39
|
+
const ThemeContext_1 = require("./ThemeContext");
|
|
40
|
+
const theme_1 = require("../theme");
|
|
41
|
+
const IeuProvider = ({ children, theme, colorMode = 'system', }) => {
|
|
42
|
+
const systemColorScheme = (0, react_native_1.useColorScheme)();
|
|
43
|
+
const [currentColorMode, setCurrentColorMode] = (0, react_1.useState)(colorMode);
|
|
44
|
+
const isDark = (0, react_1.useMemo)(() => {
|
|
45
|
+
if (currentColorMode === 'system') {
|
|
46
|
+
return systemColorScheme === 'dark';
|
|
47
|
+
}
|
|
48
|
+
return currentColorMode === 'dark';
|
|
49
|
+
}, [currentColorMode, systemColorScheme]);
|
|
50
|
+
const resolvedTheme = (0, react_1.useMemo)(() => {
|
|
51
|
+
if (theme)
|
|
52
|
+
return theme;
|
|
53
|
+
return isDark ? theme_1.darkTheme : theme_1.lightTheme;
|
|
54
|
+
}, [theme, isDark]);
|
|
55
|
+
const setColorMode = (mode) => {
|
|
56
|
+
setCurrentColorMode(mode);
|
|
57
|
+
};
|
|
58
|
+
const toggleColorMode = () => {
|
|
59
|
+
setCurrentColorMode((prev) => (prev === 'light' ? 'dark' : 'light'));
|
|
60
|
+
};
|
|
61
|
+
const config = (0, react_1.useMemo)(() => ({
|
|
62
|
+
theme: resolvedTheme,
|
|
63
|
+
colorMode: currentColorMode,
|
|
64
|
+
}), [resolvedTheme, currentColorMode]);
|
|
65
|
+
const contextValue = (0, react_1.useMemo)(() => ({
|
|
66
|
+
theme: resolvedTheme,
|
|
67
|
+
colorMode: currentColorMode,
|
|
68
|
+
setColorMode,
|
|
69
|
+
toggleColorMode,
|
|
70
|
+
isDark,
|
|
71
|
+
}), [resolvedTheme, currentColorMode, isDark]);
|
|
72
|
+
return (<ThemeContext_1.IeuConfigContext.Provider value={config}>
|
|
73
|
+
<ThemeContext_1.ThemeContext.Provider value={contextValue}>{children}</ThemeContext_1.ThemeContext.Provider>
|
|
74
|
+
</ThemeContext_1.IeuConfigContext.Provider>);
|
|
75
|
+
};
|
|
76
|
+
exports.IeuProvider = IeuProvider;
|
|
77
|
+
//# sourceMappingURL=IeuProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IeuProvider.js","sourceRoot":"","sources":["../../src/context/IeuProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,+CAA8C;AAC9C,iDAAgE;AAChE,oCAAwD;AAUjD,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,QAAQ,GACrB,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,IAAA,6BAAc,GAAE,CAAC;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAY,SAAS,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,iBAAiB,KAAK,MAAM,CAAC;QACtC,CAAC;QACD,OAAO,gBAAgB,KAAK,MAAM,CAAC;IACrC,CAAC,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;QACxB,OAAO,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,kBAAU,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,IAAe,EAAE,EAAE;QACvC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,mBAAmB,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAc,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,EACF,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,gBAAgB;QAC3B,YAAY;QACZ,eAAe;QACf,MAAM;KACP,CAAC,EACF,CAAC,aAAa,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,OAAO,CACL,CAAC,+BAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACvC;MAAA,CAAC,2BAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,2BAAY,CAAC,QAAQ,CAC/E;IAAA,EAAE,+BAAgB,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,WAAW,eAoDtB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Theme } from '../theme';
|
|
2
|
+
import { IeuConfig, ColorMode } from '../config/types';
|
|
3
|
+
export interface ThemeContextValue {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
colorMode: ColorMode;
|
|
6
|
+
setColorMode: (mode: ColorMode) => void;
|
|
7
|
+
toggleColorMode: () => void;
|
|
8
|
+
isDark: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const ThemeContext: import("react").Context<ThemeContextValue>;
|
|
11
|
+
export declare const IeuConfigContext: import("react").Context<IeuConfig>;
|
|
12
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAyB,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,4CAMvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,oCAG3B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IeuConfigContext = exports.ThemeContext = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const theme_1 = require("../theme");
|
|
6
|
+
exports.ThemeContext = (0, react_1.createContext)({
|
|
7
|
+
theme: theme_1.lightTheme,
|
|
8
|
+
colorMode: 'light',
|
|
9
|
+
setColorMode: () => { },
|
|
10
|
+
toggleColorMode: () => { },
|
|
11
|
+
isDark: false,
|
|
12
|
+
});
|
|
13
|
+
exports.IeuConfigContext = (0, react_1.createContext)({
|
|
14
|
+
theme: theme_1.lightTheme,
|
|
15
|
+
colorMode: 'system',
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AACtC,oCAAwD;AAW3C,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB;IAC3D,KAAK,EAAE,kBAAU;IACjB,SAAS,EAAE,OAAO;IAClB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAY;IACvD,KAAK,EAAE,kBAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useBreakpoint = exports.useResponsive = exports.useColorMode = exports.useComponentSize = exports.useShadows = exports.useSpacing = exports.useTypography = exports.useColors = exports.useTheme = void 0;
|
|
4
|
+
var useTheme_1 = require("./useTheme");
|
|
5
|
+
Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
|
|
6
|
+
Object.defineProperty(exports, "useColors", { enumerable: true, get: function () { return useTheme_1.useColors; } });
|
|
7
|
+
Object.defineProperty(exports, "useTypography", { enumerable: true, get: function () { return useTheme_1.useTypography; } });
|
|
8
|
+
Object.defineProperty(exports, "useSpacing", { enumerable: true, get: function () { return useTheme_1.useSpacing; } });
|
|
9
|
+
Object.defineProperty(exports, "useShadows", { enumerable: true, get: function () { return useTheme_1.useShadows; } });
|
|
10
|
+
Object.defineProperty(exports, "useComponentSize", { enumerable: true, get: function () { return useTheme_1.useComponentSize; } });
|
|
11
|
+
var useColorMode_1 = require("./useColorMode");
|
|
12
|
+
Object.defineProperty(exports, "useColorMode", { enumerable: true, get: function () { return useColorMode_1.useColorMode; } });
|
|
13
|
+
var useResponsive_1 = require("./useResponsive");
|
|
14
|
+
Object.defineProperty(exports, "useResponsive", { enumerable: true, get: function () { return useResponsive_1.useResponsive; } });
|
|
15
|
+
Object.defineProperty(exports, "useBreakpoint", { enumerable: true, get: function () { return useResponsive_1.useBreakpoint; } });
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,uCAOoB;AANlB,oGAAA,QAAQ,OAAA;AACR,qGAAA,SAAS,OAAA;AACT,yGAAA,aAAa,OAAA;AACb,sGAAA,UAAU,OAAA;AACV,sGAAA,UAAU,OAAA;AACV,4GAAA,gBAAgB,OAAA;AAElB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,iDAA+D;AAAtD,8GAAA,aAAa,OAAA;AAAE,8GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type ColorMode = 'light' | 'dark' | 'system';
|
|
2
|
+
export declare const useColorMode: () => {
|
|
3
|
+
colorMode: import("..").ColorMode;
|
|
4
|
+
activeColorMode: import("react-native").ColorSchemeName;
|
|
5
|
+
setColorMode: (newMode: ColorMode) => void;
|
|
6
|
+
toggleColorMode: () => void;
|
|
7
|
+
isDark: boolean;
|
|
8
|
+
};
|
|
9
|
+
export default useColorMode;
|
|
10
|
+
//# sourceMappingURL=useColorMode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColorMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorMode.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,eAAO,MAAM,YAAY;;;4BAaQ,SAAS;;;CAoBzC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useColorMode = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const ThemeContext_1 = require("../context/ThemeContext");
|
|
7
|
+
const useColorMode = () => {
|
|
8
|
+
const context = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
9
|
+
const systemColorScheme = (0, react_native_1.useColorScheme)();
|
|
10
|
+
const [internalMode, setInternalMode] = (0, react_1.useState)('system');
|
|
11
|
+
if (!context) {
|
|
12
|
+
throw new Error('useColorMode must be used within an IeuProvider');
|
|
13
|
+
}
|
|
14
|
+
const { colorMode: currentMode, setColorMode: contextSetMode, isDark } = context;
|
|
15
|
+
const activeColorMode = currentMode === 'system' ? systemColorScheme || 'light' : currentMode;
|
|
16
|
+
const setColorMode = (newMode) => {
|
|
17
|
+
setInternalMode(newMode);
|
|
18
|
+
contextSetMode(newMode);
|
|
19
|
+
};
|
|
20
|
+
const toggleColorMode = () => {
|
|
21
|
+
if (activeColorMode === 'light') {
|
|
22
|
+
setColorMode('dark');
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
setColorMode('light');
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
return {
|
|
29
|
+
colorMode: currentMode,
|
|
30
|
+
activeColorMode,
|
|
31
|
+
setColorMode,
|
|
32
|
+
toggleColorMode,
|
|
33
|
+
isDark,
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
exports.useColorMode = useColorMode;
|
|
37
|
+
exports.default = exports.useColorMode;
|
|
38
|
+
//# sourceMappingURL=useColorMode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColorMode.js","sourceRoot":"","sources":["../../src/hooks/useColorMode.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,+CAA8C;AAC9C,0DAAuD;AAIhD,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,6BAAc,GAAE,CAAC;IAC3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAY,QAAQ,CAAC,CAAC;IAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEjF,MAAM,eAAe,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;IAE9F,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;QAC1C,eAAe,CAAC,OAAO,CAAC,CAAC;QACzB,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAChC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,SAAS,EAAE,WAAW;QACtB,eAAe;QACf,YAAY;QACZ,eAAe;QACf,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Breakpoint } from '../theme';
|
|
2
|
+
export declare const useWindowDimensions: () => {
|
|
3
|
+
width: number;
|
|
4
|
+
height: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const useBreakpoint: () => {
|
|
7
|
+
breakpoint: string;
|
|
8
|
+
isBase: boolean;
|
|
9
|
+
isXs: boolean;
|
|
10
|
+
isSm: boolean;
|
|
11
|
+
isMd: boolean;
|
|
12
|
+
isLg: boolean;
|
|
13
|
+
isXl: boolean;
|
|
14
|
+
is2Xl: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare const useResponsive: <T>(values: Partial<Record<Breakpoint | "base", T>>) => {
|
|
17
|
+
value: T;
|
|
18
|
+
isMobile: boolean;
|
|
19
|
+
isTablet: boolean;
|
|
20
|
+
isDesktop: boolean;
|
|
21
|
+
};
|
|
22
|
+
export type ResponsiveValue<T> = Partial<Record<Breakpoint | 'base', T>>;
|
|
23
|
+
//# sourceMappingURL=useResponsive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useResponsive.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponsive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,UAAU,EAAE,MAAM,UAAU,CAAC;AAInD,eAAO,MAAM,mBAAmB;;;CAY/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;CAsBzB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;;;;;CAmB/E,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useResponsive = exports.useBreakpoint = exports.useWindowDimensions = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const theme_1 = require("../theme");
|
|
7
|
+
const { width, height } = react_native_1.Dimensions.get('window');
|
|
8
|
+
const useWindowDimensions = () => {
|
|
9
|
+
const [dimensions, setDimensions] = (0, react_1.useState)({ width, height });
|
|
10
|
+
(0, react_1.useEffect)(() => {
|
|
11
|
+
const subscription = react_native_1.Dimensions.addEventListener('change', ({ window }) => {
|
|
12
|
+
setDimensions({ width: window.width, height: window.height });
|
|
13
|
+
});
|
|
14
|
+
return () => subscription.remove();
|
|
15
|
+
}, []);
|
|
16
|
+
return dimensions;
|
|
17
|
+
};
|
|
18
|
+
exports.useWindowDimensions = useWindowDimensions;
|
|
19
|
+
const useBreakpoint = () => {
|
|
20
|
+
const { width } = (0, exports.useWindowDimensions)();
|
|
21
|
+
const breakpoint = (() => {
|
|
22
|
+
if (width >= theme_1.breakpoints['2xl'])
|
|
23
|
+
return '2xl';
|
|
24
|
+
if (width >= theme_1.breakpoints.xl)
|
|
25
|
+
return 'xl';
|
|
26
|
+
if (width >= theme_1.breakpoints.lg)
|
|
27
|
+
return 'lg';
|
|
28
|
+
if (width >= theme_1.breakpoints.md)
|
|
29
|
+
return 'md';
|
|
30
|
+
if (width >= theme_1.breakpoints.sm)
|
|
31
|
+
return 'sm';
|
|
32
|
+
return 'base';
|
|
33
|
+
})();
|
|
34
|
+
return {
|
|
35
|
+
breakpoint,
|
|
36
|
+
isBase: breakpoint === 'base',
|
|
37
|
+
isXs: breakpoint === 'base',
|
|
38
|
+
isSm: breakpoint === 'sm',
|
|
39
|
+
isMd: breakpoint === 'md',
|
|
40
|
+
isLg: breakpoint === 'lg',
|
|
41
|
+
isXl: breakpoint === 'xl',
|
|
42
|
+
is2Xl: breakpoint === '2xl',
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
exports.useBreakpoint = useBreakpoint;
|
|
46
|
+
const useResponsive = (values) => {
|
|
47
|
+
const { width } = (0, exports.useWindowDimensions)();
|
|
48
|
+
const getValue = () => {
|
|
49
|
+
if (width >= theme_1.breakpoints['2xl'] && values['2xl'] !== undefined)
|
|
50
|
+
return values['2xl'];
|
|
51
|
+
if (width >= theme_1.breakpoints.xl && values.xl !== undefined)
|
|
52
|
+
return values.xl;
|
|
53
|
+
if (width >= theme_1.breakpoints.lg && values.lg !== undefined)
|
|
54
|
+
return values.lg;
|
|
55
|
+
if (width >= theme_1.breakpoints.md && values.md !== undefined)
|
|
56
|
+
return values.md;
|
|
57
|
+
if (width >= theme_1.breakpoints.sm && values.sm !== undefined)
|
|
58
|
+
return values.sm;
|
|
59
|
+
if (values.base !== undefined)
|
|
60
|
+
return values.base;
|
|
61
|
+
return Object.values(values)[0];
|
|
62
|
+
};
|
|
63
|
+
return {
|
|
64
|
+
value: getValue(),
|
|
65
|
+
isMobile: width < theme_1.breakpoints.md,
|
|
66
|
+
isTablet: width >= theme_1.breakpoints.md && width < theme_1.breakpoints.lg,
|
|
67
|
+
isDesktop: width >= theme_1.breakpoints.lg,
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
exports.useResponsive = useResponsive;
|
|
71
|
+
//# sourceMappingURL=useResponsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useResponsive.js","sourceRoot":"","sources":["../../src/hooks/useResponsive.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ThemeContextValue } from '../context/ThemeContext';
|
|
2
|
+
export declare const useTheme: () => ThemeContextValue;
|
|
3
|
+
export declare const useColors: () => import("..").ColorSystem;
|
|
4
|
+
export declare const useTypography: () => {
|
|
5
|
+
textVariants: Record<string, import("..").TextVariant>;
|
|
6
|
+
fontSize: import("..").FontSize;
|
|
7
|
+
fontWeight: import("..").FontWeight;
|
|
8
|
+
lineHeight: import("..").LineHeight;
|
|
9
|
+
letterSpacing: import("..").LetterSpacing;
|
|
10
|
+
};
|
|
11
|
+
export declare const useSpacing: () => {
|
|
12
|
+
readonly 0: 0;
|
|
13
|
+
readonly 0.5: 2;
|
|
14
|
+
readonly 1: 4;
|
|
15
|
+
readonly 1.5: 6;
|
|
16
|
+
readonly 2: 8;
|
|
17
|
+
readonly 2.5: 10;
|
|
18
|
+
readonly 3: 12;
|
|
19
|
+
readonly 3.5: 14;
|
|
20
|
+
readonly 4: 16;
|
|
21
|
+
readonly 5: 20;
|
|
22
|
+
readonly 6: 24;
|
|
23
|
+
readonly 7: 28;
|
|
24
|
+
readonly 8: 32;
|
|
25
|
+
readonly 9: 36;
|
|
26
|
+
readonly 10: 40;
|
|
27
|
+
readonly 11: 44;
|
|
28
|
+
readonly 12: 48;
|
|
29
|
+
readonly 14: 56;
|
|
30
|
+
readonly 16: 64;
|
|
31
|
+
readonly 20: 80;
|
|
32
|
+
readonly 24: 96;
|
|
33
|
+
readonly 28: 112;
|
|
34
|
+
readonly 32: 128;
|
|
35
|
+
readonly 36: 144;
|
|
36
|
+
readonly 40: 160;
|
|
37
|
+
readonly 44: 176;
|
|
38
|
+
readonly 48: 192;
|
|
39
|
+
readonly 52: 208;
|
|
40
|
+
readonly 56: 224;
|
|
41
|
+
readonly 60: 240;
|
|
42
|
+
readonly 64: 256;
|
|
43
|
+
readonly 72: 288;
|
|
44
|
+
readonly 80: 320;
|
|
45
|
+
readonly 96: 384;
|
|
46
|
+
};
|
|
47
|
+
export declare const useShadows: () => Record<string, import("..").Shadow>;
|
|
48
|
+
export declare const useComponentSize: () => Record<"xs" | "sm" | "md" | "lg" | "xl", import("..").ComponentSizeValue>;
|
|
49
|
+
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE1E,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AAEF,eAAO,MAAM,SAAS,gCAGrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iFAG5B,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useComponentSize = exports.useShadows = exports.useSpacing = exports.useTypography = exports.useColors = exports.useTheme = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const ThemeContext_1 = require("../context/ThemeContext");
|
|
6
|
+
const useTheme = () => {
|
|
7
|
+
const context = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
8
|
+
if (!context) {
|
|
9
|
+
throw new Error('useTheme must be used within an IeuProvider');
|
|
10
|
+
}
|
|
11
|
+
return context;
|
|
12
|
+
};
|
|
13
|
+
exports.useTheme = useTheme;
|
|
14
|
+
const useColors = () => {
|
|
15
|
+
const { theme } = (0, exports.useTheme)();
|
|
16
|
+
return theme.colors;
|
|
17
|
+
};
|
|
18
|
+
exports.useColors = useColors;
|
|
19
|
+
const useTypography = () => {
|
|
20
|
+
const { theme } = (0, exports.useTheme)();
|
|
21
|
+
return {
|
|
22
|
+
...theme.typography,
|
|
23
|
+
textVariants: theme.textVariants,
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
exports.useTypography = useTypography;
|
|
27
|
+
const useSpacing = () => {
|
|
28
|
+
const { theme } = (0, exports.useTheme)();
|
|
29
|
+
return theme.spacing;
|
|
30
|
+
};
|
|
31
|
+
exports.useSpacing = useSpacing;
|
|
32
|
+
const useShadows = () => {
|
|
33
|
+
const { theme } = (0, exports.useTheme)();
|
|
34
|
+
return theme.shadows;
|
|
35
|
+
};
|
|
36
|
+
exports.useShadows = useShadows;
|
|
37
|
+
const useComponentSize = () => {
|
|
38
|
+
const { theme } = (0, exports.useTheme)();
|
|
39
|
+
return theme.componentSizes;
|
|
40
|
+
};
|
|
41
|
+
exports.useComponentSize = useComponentSize;
|
|
42
|
+
//# sourceMappingURL=useTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,0DAA0E;AAEnE,MAAM,QAAQ,GAAG,GAAsB,EAAE;IAC9C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO;QACL,GAAG,KAAK,CAAC,UAAU;QACnB,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,cAAc,CAAC;AAC9B,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './theme';
|
|
2
|
+
export * from './config/types';
|
|
3
|
+
export * from './context/ThemeContext';
|
|
4
|
+
export * from './context/IeuProvider';
|
|
5
|
+
export * from './hooks';
|
|
6
|
+
export { IeuProvider } from './context/IeuProvider';
|
|
7
|
+
export type { IeuProviderProps } from './context/IeuProvider';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.IeuProvider = void 0;
|
|
18
|
+
__exportStar(require("./theme"), exports);
|
|
19
|
+
__exportStar(require("./config/types"), exports);
|
|
20
|
+
__exportStar(require("./context/ThemeContext"), exports);
|
|
21
|
+
__exportStar(require("./context/IeuProvider"), exports);
|
|
22
|
+
__exportStar(require("./hooks"), exports);
|
|
23
|
+
var IeuProvider_1 = require("./context/IeuProvider");
|
|
24
|
+
Object.defineProperty(exports, "IeuProvider", { enumerable: true, get: function () { return IeuProvider_1.IeuProvider; } });
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,iDAA+B;AAC/B,yDAAuC;AACvC,wDAAsC;AACtC,0CAAwB;AAExB,qDAAoD;AAA3C,0GAAA,WAAW,OAAA"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
export declare const animations: {
|
|
2
|
+
duration: {
|
|
3
|
+
instant: number;
|
|
4
|
+
fast: number;
|
|
5
|
+
normal: number;
|
|
6
|
+
slow: number;
|
|
7
|
+
slower: number;
|
|
8
|
+
};
|
|
9
|
+
easing: {
|
|
10
|
+
linear: number[];
|
|
11
|
+
ease: number[];
|
|
12
|
+
easeIn: number[];
|
|
13
|
+
easeOut: number[];
|
|
14
|
+
easeInOut: number[];
|
|
15
|
+
spring: number[];
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const componentSizes: {
|
|
19
|
+
xs: {
|
|
20
|
+
height: number;
|
|
21
|
+
paddingHorizontal: number;
|
|
22
|
+
paddingVertical: number;
|
|
23
|
+
fontSize: number;
|
|
24
|
+
iconSize: number;
|
|
25
|
+
borderRadius: number;
|
|
26
|
+
};
|
|
27
|
+
sm: {
|
|
28
|
+
height: number;
|
|
29
|
+
paddingHorizontal: number;
|
|
30
|
+
paddingVertical: number;
|
|
31
|
+
fontSize: number;
|
|
32
|
+
iconSize: number;
|
|
33
|
+
borderRadius: number;
|
|
34
|
+
};
|
|
35
|
+
md: {
|
|
36
|
+
height: number;
|
|
37
|
+
paddingHorizontal: number;
|
|
38
|
+
paddingVertical: number;
|
|
39
|
+
fontSize: number;
|
|
40
|
+
iconSize: number;
|
|
41
|
+
borderRadius: number;
|
|
42
|
+
};
|
|
43
|
+
lg: {
|
|
44
|
+
height: number;
|
|
45
|
+
paddingHorizontal: number;
|
|
46
|
+
paddingVertical: number;
|
|
47
|
+
fontSize: number;
|
|
48
|
+
iconSize: number;
|
|
49
|
+
borderRadius: number;
|
|
50
|
+
};
|
|
51
|
+
xl: {
|
|
52
|
+
height: number;
|
|
53
|
+
paddingHorizontal: number;
|
|
54
|
+
paddingVertical: number;
|
|
55
|
+
fontSize: number;
|
|
56
|
+
iconSize: number;
|
|
57
|
+
borderRadius: number;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export type ComponentSize = keyof typeof componentSizes;
|
|
61
|
+
export interface ComponentSizeValue {
|
|
62
|
+
height: number;
|
|
63
|
+
paddingHorizontal: number;
|
|
64
|
+
paddingVertical: number;
|
|
65
|
+
fontSize: number;
|
|
66
|
+
iconSize: number;
|
|
67
|
+
borderRadius: number;
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/theme/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAgBtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.componentSizes = exports.animations = void 0;
|
|
4
|
+
exports.animations = {
|
|
5
|
+
duration: {
|
|
6
|
+
instant: 0,
|
|
7
|
+
fast: 150,
|
|
8
|
+
normal: 250,
|
|
9
|
+
slow: 350,
|
|
10
|
+
slower: 500,
|
|
11
|
+
},
|
|
12
|
+
easing: {
|
|
13
|
+
linear: [0, 0, 1, 1],
|
|
14
|
+
ease: [0.25, 0.1, 0.25, 1],
|
|
15
|
+
easeIn: [0.42, 0, 1, 1],
|
|
16
|
+
easeOut: [0, 0, 0.58, 1],
|
|
17
|
+
easeInOut: [0.42, 0, 0.58, 1],
|
|
18
|
+
spring: [0.5, 1.5, 0.5, 1],
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
exports.componentSizes = {
|
|
22
|
+
xs: {
|
|
23
|
+
height: 24,
|
|
24
|
+
paddingHorizontal: 8,
|
|
25
|
+
paddingVertical: 4,
|
|
26
|
+
fontSize: 12,
|
|
27
|
+
iconSize: 12,
|
|
28
|
+
borderRadius: 4,
|
|
29
|
+
},
|
|
30
|
+
sm: {
|
|
31
|
+
height: 32,
|
|
32
|
+
paddingHorizontal: 12,
|
|
33
|
+
paddingVertical: 6,
|
|
34
|
+
fontSize: 14,
|
|
35
|
+
iconSize: 16,
|
|
36
|
+
borderRadius: 6,
|
|
37
|
+
},
|
|
38
|
+
md: {
|
|
39
|
+
height: 40,
|
|
40
|
+
paddingHorizontal: 16,
|
|
41
|
+
paddingVertical: 8,
|
|
42
|
+
fontSize: 16,
|
|
43
|
+
iconSize: 20,
|
|
44
|
+
borderRadius: 8,
|
|
45
|
+
},
|
|
46
|
+
lg: {
|
|
47
|
+
height: 48,
|
|
48
|
+
paddingHorizontal: 20,
|
|
49
|
+
paddingVertical: 10,
|
|
50
|
+
fontSize: 18,
|
|
51
|
+
iconSize: 24,
|
|
52
|
+
borderRadius: 10,
|
|
53
|
+
},
|
|
54
|
+
xl: {
|
|
55
|
+
height: 56,
|
|
56
|
+
paddingHorizontal: 24,
|
|
57
|
+
paddingVertical: 12,
|
|
58
|
+
fontSize: 20,
|
|
59
|
+
iconSize: 28,
|
|
60
|
+
borderRadius: 12,
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=animations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/theme/animations.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;KACZ;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACpB,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;KAC3B;CACF,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;KACjB;CACF,CAAC"}
|