@xanui/core 1.1.6 → 1.1.8
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/RenderServerStyles.js +3 -0
- package/RenderServerStyles.js.map +1 -0
- package/RenderServerStyles.mjs +3 -0
- package/RenderServerStyles.mjs.map +1 -0
- package/Tag/cssPropList.js +2 -2
- package/Tag/cssPropList.js.map +1 -1
- package/Tag/cssPropList.mjs.map +1 -1
- package/Tag/index.js +3 -3
- package/Tag/index.js.map +1 -1
- package/Tag/index.mjs.map +1 -1
- package/Tag/types.d.ts +1 -1
- package/Tag/useTagProps.js +3 -3
- package/Tag/useTagProps.js.map +1 -1
- package/Tag/useTagProps.mjs.map +1 -1
- package/Transition/index.js +3 -3
- package/Transition/index.js.map +1 -1
- package/Transition/index.mjs +2 -2
- package/Transition/index.mjs.map +1 -1
- package/Transition/variants.js.map +1 -1
- package/Transition/variants.mjs.map +1 -1
- package/breakpoint/BreakpointProvider.js +3 -3
- package/breakpoint/BreakpointProvider.js.map +1 -1
- package/breakpoint/BreakpointProvider.mjs +2 -2
- package/breakpoint/BreakpointProvider.mjs.map +1 -1
- package/breakpoint/useBreakpoint.js +3 -3
- package/breakpoint/useBreakpoint.js.map +1 -1
- package/breakpoint/useBreakpoint.mjs.map +1 -1
- package/breakpoint/useBreakpointProps.js +3 -3
- package/breakpoint/useBreakpointProps.js.map +1 -1
- package/breakpoint/useBreakpointProps.mjs.map +1 -1
- package/css/aliases.js +2 -2
- package/css/aliases.js.map +1 -1
- package/css/aliases.mjs.map +1 -1
- package/css/getProps.js +2 -2
- package/css/getProps.js.map +1 -1
- package/css/getProps.mjs.map +1 -1
- package/css/getValue.js +2 -2
- package/css/getValue.js.map +1 -1
- package/css/getValue.mjs.map +1 -1
- package/css/index.d.ts +2 -2
- package/css/index.js +4 -4
- package/css/index.js.map +1 -1
- package/css/index.mjs.map +1 -1
- package/index.d.ts +4 -2
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/isWindow.js +1 -1
- package/isWindow.js.map +1 -1
- package/isWindow.mjs.map +1 -1
- package/package.json +5 -27
- package/readme.md +109 -0
- package/theme/ThemeCssVars.js +2 -2
- package/theme/ThemeCssVars.js.map +1 -1
- package/theme/ThemeCssVars.mjs.map +1 -1
- package/theme/ThemeDefaultOptions.js.map +1 -1
- package/theme/ThemeDefaultOptions.mjs.map +1 -1
- package/theme/ThemeProvider.d.ts +2 -3
- package/theme/ThemeProvider.js +14 -47
- package/theme/ThemeProvider.js.map +1 -1
- package/theme/ThemeProvider.mjs +13 -46
- package/theme/ThemeProvider.mjs.map +1 -1
- package/theme/core.js.map +1 -1
- package/theme/core.mjs.map +1 -1
- package/theme/createColor.js +2 -2
- package/theme/createColor.js.map +1 -1
- package/theme/createColor.mjs.map +1 -1
- package/theme/createTheme.d.ts +5 -0
- package/theme/createTheme.js +15 -17
- package/theme/createTheme.js.map +1 -1
- package/theme/createTheme.mjs +16 -18
- package/theme/createTheme.mjs.map +1 -1
- package/theme/createThemeSwitcher.js +2 -2
- package/theme/createThemeSwitcher.js.map +1 -1
- package/theme/createThemeSwitcher.mjs.map +1 -1
- package/theme/index.js +2 -2
- package/theme/index.js.map +1 -1
- package/theme/index.mjs +2 -2
- package/theme/index.mjs.map +1 -1
- package/useAnimation.js.map +1 -1
- package/useAnimation.mjs.map +1 -1
- package/useColorTemplate.js +2 -2
- package/useColorTemplate.js.map +1 -1
- package/useColorTemplate.mjs.map +1 -1
- package/useInterface.js +2 -2
- package/useInterface.js.map +1 -1
- package/useInterface.mjs.map +1 -1
- package/useScrollbar.d.ts +3 -0
- package/useScrollbar.js +40 -0
- package/useScrollbar.js.map +1 -0
- package/useScrollbar.mjs +40 -0
- package/useScrollbar.mjs.map +1 -0
- package/ServerStyleTags.js +0 -3
- package/ServerStyleTags.js.map +0 -1
- package/ServerStyleTags.mjs +0 -3
- package/ServerStyleTags.mjs.map +0 -1
- /package/{ServerStyleTags.d.ts → RenderServerStyles.d.ts} +0 -0
package/readme.md
CHANGED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# Xanui Core
|
|
2
|
+
|
|
3
|
+
Xanui Core is a lightweight styling and theming toolkit for React. It bundles a constraint-based CSS generator, a TypeScript-friendly `<Tag>` primitive, responsive helpers, and an opinionated theme engine so that design tokens, animations, and layout logic stay consistent across your application.
|
|
4
|
+
|
|
5
|
+
## Highlights
|
|
6
|
+
|
|
7
|
+
- Build any element with `<Tag>` and the ergonomic `sx`/alias props while still passing native attributes.
|
|
8
|
+
- Author design tokens once via `createTheme`, ship them with `ThemeProvider`, and switch them at runtime with `createThemeSwitcher`.
|
|
9
|
+
- Drive responsive layouts using `BreakpointProvider`, `useBreakpoint`, and `useBreakpointProps` without bespoke media queries.
|
|
10
|
+
- Compose micro-animations through `useAnimation`, ready-made `Transition` variants, and reusable CSS utilities.
|
|
11
|
+
- Support SSR portals by rehydrating critical styles with `RenderServerStyles`.
|
|
12
|
+
|
|
13
|
+
## Installation
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @xanui/core
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Quick Start
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { ThemeProvider, Tag, createTheme, createThemeSwitcher } from '@xanui/core'
|
|
23
|
+
|
|
24
|
+
// Register a custom theme once at startup
|
|
25
|
+
createTheme('brand', {
|
|
26
|
+
colors: {
|
|
27
|
+
brand: { primary: '#7C3AED', secondary: '#5B21B6' },
|
|
28
|
+
},
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
const useThemeSwitcher = createThemeSwitcher('brand')
|
|
32
|
+
|
|
33
|
+
export const App = () => {
|
|
34
|
+
const { name, change } = useThemeSwitcher()
|
|
35
|
+
|
|
36
|
+
return (
|
|
37
|
+
<ThemeProvider theme={name} isRootProvider>
|
|
38
|
+
<Tag
|
|
39
|
+
component="main"
|
|
40
|
+
px={24}
|
|
41
|
+
py={32}
|
|
42
|
+
bgcolor="background"
|
|
43
|
+
color="text.primary"
|
|
44
|
+
gap={24}
|
|
45
|
+
>
|
|
46
|
+
<Tag component="h1" fontSize="h2">
|
|
47
|
+
Xanui Core
|
|
48
|
+
</Tag>
|
|
49
|
+
|
|
50
|
+
<button onClick={() => change(name === 'brand' ? 'dark' : 'brand')}>
|
|
51
|
+
Toggle Theme
|
|
52
|
+
</button>
|
|
53
|
+
</Tag>
|
|
54
|
+
</ThemeProvider>
|
|
55
|
+
)
|
|
56
|
+
}
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
## Core Concepts
|
|
60
|
+
|
|
61
|
+
- **Design Tokens** – `createTheme` merges your overrides with defaults and exposes typed references like `brand.primary` or typography presets.
|
|
62
|
+
- **Adaptive Layout** – Wrap your app with `BreakpointProvider` (automatically included by `ThemeProvider` when `isRootProvider` is `true`) to consume breakpoint helpers throughout the tree.
|
|
63
|
+
- **Composable Styles** – `css`, `getValue`, and `getProps` transform alias props, breakpoints, and pseudo selectors into atomic class names. Use them directly for utilities such as scrollbars or keyframes.
|
|
64
|
+
- **Animation Primitives** – `useAnimation` builds scoped keyframes on the fly; `Transition` controls mount/unmount sequences with variants such as `fade`, `slideDown`, or `collapseVertical`.
|
|
65
|
+
|
|
66
|
+
## Server-Side Rendering
|
|
67
|
+
|
|
68
|
+
When rendering on the server, collect the emitted styles:
|
|
69
|
+
|
|
70
|
+
```tsx
|
|
71
|
+
import RenderServerStyles from '@xanui/core/RenderServerStyles'
|
|
72
|
+
|
|
73
|
+
export const Document = () => (
|
|
74
|
+
<html>
|
|
75
|
+
<head>
|
|
76
|
+
<RenderServerStyles />
|
|
77
|
+
</head>
|
|
78
|
+
<body>{/* app */}</body>
|
|
79
|
+
</html>
|
|
80
|
+
)
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
## Documentation
|
|
84
|
+
|
|
85
|
+
Detailed API docs (props tables, option summaries, and usage examples) live inside the `docs/` directory. Each API/component has its own `README.md` for fast reference:
|
|
86
|
+
|
|
87
|
+
- `docs/tag/README.md`
|
|
88
|
+
- `docs/theme-provider/README.md`
|
|
89
|
+
- `docs/transition/README.md`
|
|
90
|
+
- `docs/use-animation/README.md`
|
|
91
|
+
- `docs/use-color-template/README.md`
|
|
92
|
+
- `docs/use-interface/README.md`
|
|
93
|
+
- `docs/use-breakpoint/README.md`
|
|
94
|
+
- `docs/use-breakpoint-props/README.md`
|
|
95
|
+
- `docs/use-scrollbar/README.md`
|
|
96
|
+
- `docs/render-server-styles/README.md`
|
|
97
|
+
- `docs/css/README.md`
|
|
98
|
+
- `docs/create-theme/README.md`
|
|
99
|
+
|
|
100
|
+
## Contributing
|
|
101
|
+
|
|
102
|
+
1. Fork and clone the repo.
|
|
103
|
+
2. Run `npm install`.
|
|
104
|
+
3. Use `npm run build` to verify type safety.
|
|
105
|
+
4. Submit a pull request that focuses on one improvement at a time.
|
|
106
|
+
|
|
107
|
+
---
|
|
108
|
+
|
|
109
|
+
Need another integration example or a new preset? Open an issue so we can keep the primitives lean and discoverable.
|
package/theme/ThemeCssVars.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
'use strict';const ThemeCssVars = (theme) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});const ThemeCssVars = (theme) => {
|
|
2
2
|
const shadows = {};
|
|
3
3
|
theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s);
|
|
4
4
|
return Object.assign({ "--bp-xs": theme.breakpoints.xs, "--bp-sm": theme.breakpoints.sm, "--bp-md": theme.breakpoints.md, "--bp-lg": theme.breakpoints.lg, "--bp-xl": theme.breakpoints.xl, "--font-family": theme.typography.fontFamily, "--font-h1": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`, "--font-h2": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`, "--font-h3": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`, "--font-h4": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`, "--font-h5": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`, "--font-h6": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`, "--font-text": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`, "--font-button": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`, "--font-small": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`, "--fontsize-h1": `${theme.typography.h1.fontSize}px`, "--fontsize-h2": `${theme.typography.h2.fontSize}px`, "--fontsize-h3": `${theme.typography.h3.fontSize}px`, "--fontsize-h4": `${theme.typography.h4.fontSize}px`, "--fontsize-h5": `${theme.typography.h5.fontSize}px`, "--fontsize-h6": `${theme.typography.h6.fontSize}px`, "--fontsize-text": `${theme.typography.text.fontSize}px`, "--fontsize-button": `${theme.typography.button.fontSize}px`, "--fontsize-small": `${theme.typography.small.fontSize}px`, "--fontweight-h1": theme.typography.h1.fontWeight + "", "--fontweight-h2": theme.typography.h2.fontWeight + "", "--fontweight-h3": theme.typography.h3.fontWeight + "", "--fontweight-h4": theme.typography.h4.fontWeight + "", "--fontweight-h5": theme.typography.h5.fontWeight + "", "--fontweight-h6": theme.typography.h6.fontWeight + "", "--fontweight-text": theme.typography.text.fontWeight + "", "--fontweight-button": theme.typography.button.fontWeight + "", "--fontweight-small": theme.typography.small.fontWeight + "", "--lineheight-h1": theme.typography.h1.lineHeight + "", "--lineheight-h2": theme.typography.h2.lineHeight + "", "--lineheight-h3": theme.typography.h3.lineHeight + "", "--lineheight-h4": theme.typography.h4.lineHeight + "", "--lineheight-h5": theme.typography.h5.lineHeight + "", "--lineheight-h6": theme.typography.h6.lineHeight + "", "--lineheight-text": theme.typography.text.lineHeight + "", "--lineheight-button": theme.typography.button.lineHeight + "", "--lineheight-small": theme.typography.small.lineHeight + "", "--color-text": theme.colors.text.primary, "--color-text-primary": theme.colors.text.primary, "--color-text-secondary": theme.colors.text.secondary, "--color-background": theme.colors.background.primary, "--color-background-primary": theme.colors.background.primary, "--color-background-secondary": theme.colors.background.secondary, "--color-background-alpha": theme.colors.background.alpha, "--color-divider": theme.colors.divider, "--color-brand": theme.colors.brand.primary, "--color-brand-primary": theme.colors.brand.primary, "--color-brand-secondary": theme.colors.brand.secondary, "--color-brand-alpha": theme.colors.brand.alpha, "--color-brand-text": theme.colors.brand.text, "--color-accent": theme.colors.accent.primary, "--color-accent-primary": theme.colors.accent.primary, "--color-accent-secondary": theme.colors.accent.secondary, "--color-accent-alpha": theme.colors.accent.alpha, "--color-accent-text": theme.colors.accent.text, "--color-info": theme.colors.info.primary, "--color-info-primary": theme.colors.info.primary, "--color-info-secondary": theme.colors.info.secondary, "--color-info-alpha": theme.colors.info.alpha, "--color-info-text": theme.colors.info.text, "--color-success": theme.colors.success.primary, "--color-success-primary": theme.colors.success.primary, "--color-success-secondary": theme.colors.success.secondary, "--color-success-alpha": theme.colors.success.alpha, "--color-success-text": theme.colors.success.text, "--color-warning": theme.colors.warning.primary, "--color-warning-primary": theme.colors.warning.primary, "--color-warning-secondary": theme.colors.warning.secondary, "--color-warning-alpha": theme.colors.warning.alpha, "--color-warning-text": theme.colors.warning.text, "--color-danger": theme.colors.danger.primary, "--color-danger-primary": theme.colors.danger.primary, "--color-danger-secondary": theme.colors.danger.secondary, "--color-danger-alpha": theme.colors.danger.alpha, "--color-danger-text": theme.colors.danger.text }, shadows);
|
|
5
|
-
};
|
|
5
|
+
};exports.default=ThemeCssVars;//# sourceMappingURL=ThemeCssVars.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeCssVars.js","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\n\nconst ThemeCssVars = (theme: ThemeOptions) => {\n\n const shadows: any = {}\n theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\n\n return {\n \"--bp-xs\": theme.breakpoints.xs,\n \"--bp-sm\": theme.breakpoints.sm,\n \"--bp-md\": theme.breakpoints.md,\n \"--bp-lg\": theme.breakpoints.lg,\n \"--bp-xl\": theme.breakpoints.xl,\n\n \"--font-family\": theme.typography.fontFamily,\n \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\n\n \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\n \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\n \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\n \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\n \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\n \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\n \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\n \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\n \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\n\n \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\n \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\n \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\n \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\n \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\n \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\n \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\n \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\n \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\n\n \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\n \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\n \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\n \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\n \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\n \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\n \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\n \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\n \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\n\n \"--color-text\": theme.colors.text.primary,\n \"--color-text-primary\": theme.colors.text.primary,\n \"--color-text-secondary\": theme.colors.text.secondary,\n\n \"--color-background\": theme.colors.background.primary,\n \"--color-background-primary\": theme.colors.background.primary,\n \"--color-background-secondary\": theme.colors.background.secondary,\n \"--color-background-alpha\": theme.colors.background.alpha,\n\n \"--color-divider\": theme.colors.divider,\n\n \"--color-brand\": theme.colors.brand.primary,\n \"--color-brand-primary\": theme.colors.brand.primary,\n \"--color-brand-secondary\": theme.colors.brand.secondary,\n \"--color-brand-alpha\": theme.colors.brand.alpha,\n \"--color-brand-text\": theme.colors.brand.text,\n\n \"--color-accent\": theme.colors.accent.primary,\n \"--color-accent-primary\": theme.colors.accent.primary,\n \"--color-accent-secondary\": theme.colors.accent.secondary,\n \"--color-accent-alpha\": theme.colors.accent.alpha,\n \"--color-accent-text\": theme.colors.accent.text,\n\n \"--color-info\": theme.colors.info.primary,\n \"--color-info-primary\": theme.colors.info.primary,\n \"--color-info-secondary\": theme.colors.info.secondary,\n \"--color-info-alpha\": theme.colors.info.alpha,\n \"--color-info-text\": theme.colors.info.text,\n\n \"--color-success\": theme.colors.success.primary,\n \"--color-success-primary\": theme.colors.success.primary,\n \"--color-success-secondary\": theme.colors.success.secondary,\n \"--color-success-alpha\": theme.colors.success.alpha,\n \"--color-success-text\": theme.colors.success.text,\n\n \"--color-warning\": theme.colors.warning.primary,\n \"--color-warning-primary\": theme.colors.warning.primary,\n \"--color-warning-secondary\": theme.colors.warning.secondary,\n \"--color-warning-alpha\": theme.colors.warning.alpha,\n \"--color-warning-text\": theme.colors.warning.text,\n\n \"--color-danger\": theme.colors.danger.primary,\n \"--color-danger-primary\": theme.colors.danger.primary,\n \"--color-danger-secondary\": theme.colors.danger.secondary,\n \"--color-danger-alpha\": theme.colors.danger.alpha,\n \"--color-danger-text\": theme.colors.danger.text,\n ...shadows,\n }\n}\n\n\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ThemeCssVars.js","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\r\n\r\nconst ThemeCssVars = (theme: ThemeOptions) => {\r\n\r\n const shadows: any = {}\r\n theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\r\n\r\n return {\r\n \"--bp-xs\": theme.breakpoints.xs,\r\n \"--bp-sm\": theme.breakpoints.sm,\r\n \"--bp-md\": theme.breakpoints.md,\r\n \"--bp-lg\": theme.breakpoints.lg,\r\n \"--bp-xl\": theme.breakpoints.xl,\r\n\r\n \"--font-family\": theme.typography.fontFamily,\r\n \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\r\n\r\n \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\r\n \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\r\n \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\r\n \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\r\n \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\r\n \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\r\n \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\r\n \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\r\n \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\r\n\r\n \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\r\n \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\r\n \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\r\n \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\r\n \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\r\n \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\r\n \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\r\n \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\r\n \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\r\n\r\n \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\r\n \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\r\n \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\r\n \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\r\n \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\r\n \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\r\n \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\r\n \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\r\n \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\r\n\r\n \"--color-text\": theme.colors.text.primary,\r\n \"--color-text-primary\": theme.colors.text.primary,\r\n \"--color-text-secondary\": theme.colors.text.secondary,\r\n\r\n \"--color-background\": theme.colors.background.primary,\r\n \"--color-background-primary\": theme.colors.background.primary,\r\n \"--color-background-secondary\": theme.colors.background.secondary,\r\n \"--color-background-alpha\": theme.colors.background.alpha,\r\n\r\n \"--color-divider\": theme.colors.divider,\r\n\r\n \"--color-brand\": theme.colors.brand.primary,\r\n \"--color-brand-primary\": theme.colors.brand.primary,\r\n \"--color-brand-secondary\": theme.colors.brand.secondary,\r\n \"--color-brand-alpha\": theme.colors.brand.alpha,\r\n \"--color-brand-text\": theme.colors.brand.text,\r\n\r\n \"--color-accent\": theme.colors.accent.primary,\r\n \"--color-accent-primary\": theme.colors.accent.primary,\r\n \"--color-accent-secondary\": theme.colors.accent.secondary,\r\n \"--color-accent-alpha\": theme.colors.accent.alpha,\r\n \"--color-accent-text\": theme.colors.accent.text,\r\n\r\n \"--color-info\": theme.colors.info.primary,\r\n \"--color-info-primary\": theme.colors.info.primary,\r\n \"--color-info-secondary\": theme.colors.info.secondary,\r\n \"--color-info-alpha\": theme.colors.info.alpha,\r\n \"--color-info-text\": theme.colors.info.text,\r\n\r\n \"--color-success\": theme.colors.success.primary,\r\n \"--color-success-primary\": theme.colors.success.primary,\r\n \"--color-success-secondary\": theme.colors.success.secondary,\r\n \"--color-success-alpha\": theme.colors.success.alpha,\r\n \"--color-success-text\": theme.colors.success.text,\r\n\r\n \"--color-warning\": theme.colors.warning.primary,\r\n \"--color-warning-primary\": theme.colors.warning.primary,\r\n \"--color-warning-secondary\": theme.colors.warning.secondary,\r\n \"--color-warning-alpha\": theme.colors.warning.alpha,\r\n \"--color-warning-text\": theme.colors.warning.text,\r\n\r\n \"--color-danger\": theme.colors.danger.primary,\r\n \"--color-danger-primary\": theme.colors.danger.primary,\r\n \"--color-danger-secondary\": theme.colors.danger.secondary,\r\n \"--color-danger-alpha\": theme.colors.danger.alpha,\r\n \"--color-danger-text\": theme.colors.danger.text,\r\n ...shadows,\r\n }\r\n}\r\n\r\n\r\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeCssVars.mjs","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\n\nconst ThemeCssVars = (theme: ThemeOptions) => {\n\n const shadows: any = {}\n theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\n\n return {\n \"--bp-xs\": theme.breakpoints.xs,\n \"--bp-sm\": theme.breakpoints.sm,\n \"--bp-md\": theme.breakpoints.md,\n \"--bp-lg\": theme.breakpoints.lg,\n \"--bp-xl\": theme.breakpoints.xl,\n\n \"--font-family\": theme.typography.fontFamily,\n \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\n \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\n\n \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\n \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\n \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\n \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\n \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\n \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\n \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\n \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\n \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\n\n \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\n \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\n \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\n \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\n \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\n \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\n \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\n \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\n \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\n\n \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\n \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\n \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\n \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\n \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\n \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\n \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\n \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\n \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\n\n \"--color-text\": theme.colors.text.primary,\n \"--color-text-primary\": theme.colors.text.primary,\n \"--color-text-secondary\": theme.colors.text.secondary,\n\n \"--color-background\": theme.colors.background.primary,\n \"--color-background-primary\": theme.colors.background.primary,\n \"--color-background-secondary\": theme.colors.background.secondary,\n \"--color-background-alpha\": theme.colors.background.alpha,\n\n \"--color-divider\": theme.colors.divider,\n\n \"--color-brand\": theme.colors.brand.primary,\n \"--color-brand-primary\": theme.colors.brand.primary,\n \"--color-brand-secondary\": theme.colors.brand.secondary,\n \"--color-brand-alpha\": theme.colors.brand.alpha,\n \"--color-brand-text\": theme.colors.brand.text,\n\n \"--color-accent\": theme.colors.accent.primary,\n \"--color-accent-primary\": theme.colors.accent.primary,\n \"--color-accent-secondary\": theme.colors.accent.secondary,\n \"--color-accent-alpha\": theme.colors.accent.alpha,\n \"--color-accent-text\": theme.colors.accent.text,\n\n \"--color-info\": theme.colors.info.primary,\n \"--color-info-primary\": theme.colors.info.primary,\n \"--color-info-secondary\": theme.colors.info.secondary,\n \"--color-info-alpha\": theme.colors.info.alpha,\n \"--color-info-text\": theme.colors.info.text,\n\n \"--color-success\": theme.colors.success.primary,\n \"--color-success-primary\": theme.colors.success.primary,\n \"--color-success-secondary\": theme.colors.success.secondary,\n \"--color-success-alpha\": theme.colors.success.alpha,\n \"--color-success-text\": theme.colors.success.text,\n\n \"--color-warning\": theme.colors.warning.primary,\n \"--color-warning-primary\": theme.colors.warning.primary,\n \"--color-warning-secondary\": theme.colors.warning.secondary,\n \"--color-warning-alpha\": theme.colors.warning.alpha,\n \"--color-warning-text\": theme.colors.warning.text,\n\n \"--color-danger\": theme.colors.danger.primary,\n \"--color-danger-primary\": theme.colors.danger.primary,\n \"--color-danger-secondary\": theme.colors.danger.secondary,\n \"--color-danger-alpha\": theme.colors.danger.alpha,\n \"--color-danger-text\": theme.colors.danger.text,\n ...shadows,\n }\n}\n\n\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ThemeCssVars.mjs","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\r\n\r\nconst ThemeCssVars = (theme: ThemeOptions) => {\r\n\r\n const shadows: any = {}\r\n theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\r\n\r\n return {\r\n \"--bp-xs\": theme.breakpoints.xs,\r\n \"--bp-sm\": theme.breakpoints.sm,\r\n \"--bp-md\": theme.breakpoints.md,\r\n \"--bp-lg\": theme.breakpoints.lg,\r\n \"--bp-xl\": theme.breakpoints.xl,\r\n\r\n \"--font-family\": theme.typography.fontFamily,\r\n \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\r\n\r\n \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\r\n \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\r\n \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\r\n \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\r\n \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\r\n \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\r\n \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\r\n \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\r\n \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\r\n\r\n \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\r\n \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\r\n \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\r\n \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\r\n \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\r\n \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\r\n \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\r\n \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\r\n \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\r\n\r\n \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\r\n \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\r\n \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\r\n \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\r\n \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\r\n \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\r\n \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\r\n \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\r\n \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\r\n\r\n \"--color-text\": theme.colors.text.primary,\r\n \"--color-text-primary\": theme.colors.text.primary,\r\n \"--color-text-secondary\": theme.colors.text.secondary,\r\n\r\n \"--color-background\": theme.colors.background.primary,\r\n \"--color-background-primary\": theme.colors.background.primary,\r\n \"--color-background-secondary\": theme.colors.background.secondary,\r\n \"--color-background-alpha\": theme.colors.background.alpha,\r\n\r\n \"--color-divider\": theme.colors.divider,\r\n\r\n \"--color-brand\": theme.colors.brand.primary,\r\n \"--color-brand-primary\": theme.colors.brand.primary,\r\n \"--color-brand-secondary\": theme.colors.brand.secondary,\r\n \"--color-brand-alpha\": theme.colors.brand.alpha,\r\n \"--color-brand-text\": theme.colors.brand.text,\r\n\r\n \"--color-accent\": theme.colors.accent.primary,\r\n \"--color-accent-primary\": theme.colors.accent.primary,\r\n \"--color-accent-secondary\": theme.colors.accent.secondary,\r\n \"--color-accent-alpha\": theme.colors.accent.alpha,\r\n \"--color-accent-text\": theme.colors.accent.text,\r\n\r\n \"--color-info\": theme.colors.info.primary,\r\n \"--color-info-primary\": theme.colors.info.primary,\r\n \"--color-info-secondary\": theme.colors.info.secondary,\r\n \"--color-info-alpha\": theme.colors.info.alpha,\r\n \"--color-info-text\": theme.colors.info.text,\r\n\r\n \"--color-success\": theme.colors.success.primary,\r\n \"--color-success-primary\": theme.colors.success.primary,\r\n \"--color-success-secondary\": theme.colors.success.secondary,\r\n \"--color-success-alpha\": theme.colors.success.alpha,\r\n \"--color-success-text\": theme.colors.success.text,\r\n\r\n \"--color-warning\": theme.colors.warning.primary,\r\n \"--color-warning-primary\": theme.colors.warning.primary,\r\n \"--color-warning-secondary\": theme.colors.warning.secondary,\r\n \"--color-warning-alpha\": theme.colors.warning.alpha,\r\n \"--color-warning-text\": theme.colors.warning.text,\r\n\r\n \"--color-danger\": theme.colors.danger.primary,\r\n \"--color-danger-primary\": theme.colors.danger.primary,\r\n \"--color-danger-secondary\": theme.colors.danger.secondary,\r\n \"--color-danger-alpha\": theme.colors.danger.alpha,\r\n \"--color-danger-text\": theme.colors.danger.text,\r\n ...shadows,\r\n }\r\n}\r\n\r\n\r\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeDefaultOptions.js","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\n\nexport const lightColorPallete = {\n text: {\n primary: \"#212B36\",\n secondary: \"#637381\",\n },\n background: {\n primary: \"#FFFFFF\",\n secondary: \"#EDEFF7\",\n },\n divider: \"#DADCE0\"\n}\n\nexport const darkColorPallete = {\n text: {\n primary: \"#FFFFFF\",\n secondary: \"#C4CDD5\",\n },\n background: {\n primary: \"#272727\",\n secondary: \"#1E1E1E\",\n },\n divider: \"#3D3D3D\"\n}\n\nexport const ThemeColors = {\n ...lightColorPallete,\n brand: {\n primary: \"#3b82f6\",\n secondary: \"#60a5fa\",\n text: \"#FFFFFF\"\n },\n accent: {\n primary: \"#14b8a6\",\n secondary: \"#2dd4bf\",\n text: \"#FFFFFF\"\n },\n info: {\n primary: \"#0ea5e9\",\n secondary: \"#60a5fa\",\n text: \"#FFFFFF\"\n },\n success: {\n primary: \"#22c55e\",\n secondary: \"#4ade80\",\n text: \"#FFFFFF\"\n },\n warning: {\n primary: \"#f59e0b\",\n secondary: \"#fbbf24\",\n text: \"#FFFFFF\"\n },\n danger: {\n primary: \"#ef4444\",\n secondary: \"#f87171\",\n text: \"#FFFFFF\"\n },\n}\n\nexport const ThemeTypography: ThemeTypographyType = {\n fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\n h1: {\n fontSize: 47.78,\n lineHeight: 1.3,\n fontWeight: 400,\n },\n h2: {\n fontSize: 39.81,\n lineHeight: 1.35,\n fontWeight: 400,\n },\n h3: {\n fontSize: 33.18,\n lineHeight: 1.4,\n fontWeight: 400,\n },\n h4: {\n fontSize: 27.65,\n lineHeight: 1.45,\n fontWeight: 400,\n },\n h5: {\n fontSize: 27.65,\n lineHeight: 1.5,\n fontWeight: 400,\n },\n h6: {\n fontSize: 23.04,\n lineHeight: 1.55,\n fontWeight: 400,\n },\n text: {\n fontSize: 16,\n lineHeight: 1.6,\n fontWeight: 400,\n },\n button: {\n fontSize: 13.33,\n lineHeight: 1.6,\n fontWeight: 500,\n },\n small: {\n fontSize: 12.33,\n lineHeight: 1.6,\n fontWeight: 400,\n }\n}\n\nexport const shadow = [\n \"none\",\n \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\n \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\n \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\n \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\n \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\n \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\n \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\n \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\n \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\n \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\n \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\n \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\n \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\n \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\n \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\n \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\n]\n\nexport default {\n name: \"light\",\n rtl: false,\n shadow,\n globalStyle: {},\n colors: ThemeColors,\n typography: ThemeTypography,\n interfaces: {}\n} as ThemeOptionInput\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeDefaultOptions.js","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightColorPallete = {\r\n text: {\r\n primary: \"#212B36\",\r\n secondary: \"#637381\",\r\n },\r\n background: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#EDEFF7\",\r\n },\r\n divider: \"#DADCE0\"\r\n}\r\n\r\nexport const darkColorPallete = {\r\n text: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#C4CDD5\",\r\n },\r\n background: {\r\n primary: \"#272727\",\r\n secondary: \"#1E1E1E\",\r\n },\r\n divider: \"#3D3D3D\"\r\n}\r\n\r\nexport const ThemeColors = {\r\n ...lightColorPallete,\r\n brand: {\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n accent: {\r\n primary: \"#14b8a6\",\r\n secondary: \"#2dd4bf\",\r\n text: \"#FFFFFF\"\r\n },\r\n info: {\r\n primary: \"#0ea5e9\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n success: {\r\n primary: \"#22c55e\",\r\n secondary: \"#4ade80\",\r\n text: \"#FFFFFF\"\r\n },\r\n warning: {\r\n primary: \"#f59e0b\",\r\n secondary: \"#fbbf24\",\r\n text: \"#FFFFFF\"\r\n },\r\n danger: {\r\n primary: \"#ef4444\",\r\n secondary: \"#f87171\",\r\n text: \"#FFFFFF\"\r\n },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\r\n h1: {\r\n fontSize: 47.78,\r\n lineHeight: 1.3,\r\n fontWeight: 400,\r\n },\r\n h2: {\r\n fontSize: 39.81,\r\n lineHeight: 1.35,\r\n fontWeight: 400,\r\n },\r\n h3: {\r\n fontSize: 33.18,\r\n lineHeight: 1.4,\r\n fontWeight: 400,\r\n },\r\n h4: {\r\n fontSize: 27.65,\r\n lineHeight: 1.45,\r\n fontWeight: 400,\r\n },\r\n h5: {\r\n fontSize: 27.65,\r\n lineHeight: 1.5,\r\n fontWeight: 400,\r\n },\r\n h6: {\r\n fontSize: 23.04,\r\n lineHeight: 1.55,\r\n fontWeight: 400,\r\n },\r\n text: {\r\n fontSize: 16,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n },\r\n button: {\r\n fontSize: 13.33,\r\n lineHeight: 1.6,\r\n fontWeight: 500,\r\n },\r\n small: {\r\n fontSize: 12.33,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n }\r\n}\r\n\r\nexport const shadow = [\r\n \"none\",\r\n \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport default {\r\n name: \"light\",\r\n rtl: false,\r\n shadow,\r\n globalStyle: {},\r\n colors: ThemeColors,\r\n typography: ThemeTypography,\r\n interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeDefaultOptions.mjs","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\n\nexport const lightColorPallete = {\n text: {\n primary: \"#212B36\",\n secondary: \"#637381\",\n },\n background: {\n primary: \"#FFFFFF\",\n secondary: \"#EDEFF7\",\n },\n divider: \"#DADCE0\"\n}\n\nexport const darkColorPallete = {\n text: {\n primary: \"#FFFFFF\",\n secondary: \"#C4CDD5\",\n },\n background: {\n primary: \"#272727\",\n secondary: \"#1E1E1E\",\n },\n divider: \"#3D3D3D\"\n}\n\nexport const ThemeColors = {\n ...lightColorPallete,\n brand: {\n primary: \"#3b82f6\",\n secondary: \"#60a5fa\",\n text: \"#FFFFFF\"\n },\n accent: {\n primary: \"#14b8a6\",\n secondary: \"#2dd4bf\",\n text: \"#FFFFFF\"\n },\n info: {\n primary: \"#0ea5e9\",\n secondary: \"#60a5fa\",\n text: \"#FFFFFF\"\n },\n success: {\n primary: \"#22c55e\",\n secondary: \"#4ade80\",\n text: \"#FFFFFF\"\n },\n warning: {\n primary: \"#f59e0b\",\n secondary: \"#fbbf24\",\n text: \"#FFFFFF\"\n },\n danger: {\n primary: \"#ef4444\",\n secondary: \"#f87171\",\n text: \"#FFFFFF\"\n },\n}\n\nexport const ThemeTypography: ThemeTypographyType = {\n fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\n h1: {\n fontSize: 47.78,\n lineHeight: 1.3,\n fontWeight: 400,\n },\n h2: {\n fontSize: 39.81,\n lineHeight: 1.35,\n fontWeight: 400,\n },\n h3: {\n fontSize: 33.18,\n lineHeight: 1.4,\n fontWeight: 400,\n },\n h4: {\n fontSize: 27.65,\n lineHeight: 1.45,\n fontWeight: 400,\n },\n h5: {\n fontSize: 27.65,\n lineHeight: 1.5,\n fontWeight: 400,\n },\n h6: {\n fontSize: 23.04,\n lineHeight: 1.55,\n fontWeight: 400,\n },\n text: {\n fontSize: 16,\n lineHeight: 1.6,\n fontWeight: 400,\n },\n button: {\n fontSize: 13.33,\n lineHeight: 1.6,\n fontWeight: 500,\n },\n small: {\n fontSize: 12.33,\n lineHeight: 1.6,\n fontWeight: 400,\n }\n}\n\nexport const shadow = [\n \"none\",\n \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\n \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\n \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\n \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\n \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\n \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\n \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\n \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\n \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\n \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\n \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\n \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\n \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\n \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\n \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\n \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\n]\n\nexport default {\n name: \"light\",\n rtl: false,\n shadow,\n globalStyle: {},\n colors: ThemeColors,\n typography: ThemeTypography,\n interfaces: {}\n} as ThemeOptionInput\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeDefaultOptions.mjs","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightColorPallete = {\r\n text: {\r\n primary: \"#212B36\",\r\n secondary: \"#637381\",\r\n },\r\n background: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#EDEFF7\",\r\n },\r\n divider: \"#DADCE0\"\r\n}\r\n\r\nexport const darkColorPallete = {\r\n text: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#C4CDD5\",\r\n },\r\n background: {\r\n primary: \"#272727\",\r\n secondary: \"#1E1E1E\",\r\n },\r\n divider: \"#3D3D3D\"\r\n}\r\n\r\nexport const ThemeColors = {\r\n ...lightColorPallete,\r\n brand: {\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n accent: {\r\n primary: \"#14b8a6\",\r\n secondary: \"#2dd4bf\",\r\n text: \"#FFFFFF\"\r\n },\r\n info: {\r\n primary: \"#0ea5e9\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n success: {\r\n primary: \"#22c55e\",\r\n secondary: \"#4ade80\",\r\n text: \"#FFFFFF\"\r\n },\r\n warning: {\r\n primary: \"#f59e0b\",\r\n secondary: \"#fbbf24\",\r\n text: \"#FFFFFF\"\r\n },\r\n danger: {\r\n primary: \"#ef4444\",\r\n secondary: \"#f87171\",\r\n text: \"#FFFFFF\"\r\n },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\r\n h1: {\r\n fontSize: 47.78,\r\n lineHeight: 1.3,\r\n fontWeight: 400,\r\n },\r\n h2: {\r\n fontSize: 39.81,\r\n lineHeight: 1.35,\r\n fontWeight: 400,\r\n },\r\n h3: {\r\n fontSize: 33.18,\r\n lineHeight: 1.4,\r\n fontWeight: 400,\r\n },\r\n h4: {\r\n fontSize: 27.65,\r\n lineHeight: 1.45,\r\n fontWeight: 400,\r\n },\r\n h5: {\r\n fontSize: 27.65,\r\n lineHeight: 1.5,\r\n fontWeight: 400,\r\n },\r\n h6: {\r\n fontSize: 23.04,\r\n lineHeight: 1.55,\r\n fontWeight: 400,\r\n },\r\n text: {\r\n fontSize: 16,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n },\r\n button: {\r\n fontSize: 13.33,\r\n lineHeight: 1.6,\r\n fontWeight: 500,\r\n },\r\n small: {\r\n fontSize: 12.33,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n }\r\n}\r\n\r\nexport const shadow = [\r\n \"none\",\r\n \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport default {\r\n name: \"light\",\r\n rtl: false,\r\n shadow,\r\n globalStyle: {},\r\n colors: ThemeColors,\r\n typography: ThemeTypography,\r\n interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}
|
package/theme/ThemeProvider.d.ts
CHANGED
|
@@ -3,12 +3,11 @@ import { TagComponentType, TagProps } from '../Tag/types.js';
|
|
|
3
3
|
|
|
4
4
|
type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {
|
|
5
5
|
theme: string;
|
|
6
|
-
|
|
7
|
-
scrollbarCss?: boolean;
|
|
6
|
+
applyScrollbarCss?: boolean;
|
|
8
7
|
isRootProvider?: boolean;
|
|
9
8
|
renderIsRoot?: React.ReactElement;
|
|
10
9
|
};
|
|
11
|
-
declare const ThemeProvider: ({ children, theme,
|
|
10
|
+
declare const ThemeProvider: ({ children, theme, applyScrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => React.JSX.Element;
|
|
12
11
|
|
|
13
12
|
export { ThemeProvider as default };
|
|
14
13
|
export type { ThemeProviderProps };
|
package/theme/ThemeProvider.js
CHANGED
|
@@ -1,51 +1,21 @@
|
|
|
1
|
-
'use strict';var tslib=require('tslib'),React=require('react'),index$1=require('../Tag/index.js'),BreakpointProvider=require('../breakpoint/BreakpointProvider.js'),index=require('../css/index.js'),core=require('./core.js'),ThemeCssVars=require('./ThemeCssVars.js');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);const ThemeProvider = (_a) => {
|
|
2
|
-
var { children, theme,
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index$1=require('../Tag/index.js'),BreakpointProvider=require('../breakpoint/BreakpointProvider.js'),index=require('../css/index.js'),core=require('./core.js'),ThemeCssVars=require('./ThemeCssVars.js'),useScrollbar=require('../useScrollbar.js');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);const ThemeProvider = (_a) => {
|
|
2
|
+
var { children, theme, applyScrollbarCss, isRootProvider, renderIsRoot } = _a, props = tslib.__rest(_a, ["children", "theme", "applyScrollbarCss", "isRootProvider", "renderIsRoot"]);
|
|
3
3
|
const THEME = core.ThemeFactory.get(theme);
|
|
4
4
|
if (!THEME)
|
|
5
5
|
throw new Error(`Invalid theme name provided: ${theme}`);
|
|
6
|
-
|
|
7
|
-
scrollbarCss !== null && scrollbarCss !== void 0 ? scrollbarCss : (scrollbarCss = true);
|
|
6
|
+
applyScrollbarCss !== null && applyScrollbarCss !== void 0 ? applyScrollbarCss : (applyScrollbarCss = true);
|
|
8
7
|
React__namespace.useMemo(() => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const root_cls = `.xui-${theme}-theme-root`;
|
|
9
|
+
let gkeys = Object.keys(THEME.globalStyle || {});
|
|
10
|
+
let gstyles = {};
|
|
11
|
+
gkeys.forEach((key) => {
|
|
12
|
+
gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key];
|
|
13
|
+
});
|
|
14
14
|
index.css({
|
|
15
|
-
"@global": {
|
|
16
|
-
[`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)
|
|
17
|
-
}
|
|
15
|
+
"@global": Object.assign(Object.assign({}, gstyles), { [root_cls]: ThemeCssVars.default(THEME) })
|
|
18
16
|
});
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
let thumbColor = THEME.colors.divider;
|
|
22
|
-
let trackColor = THEME.colors.background.secondary;
|
|
23
|
-
index.css({
|
|
24
|
-
"@global": {
|
|
25
|
-
"*": {
|
|
26
|
-
scrollbarWidth: "thin",
|
|
27
|
-
scrollbarColor: `${thumbColor} ${trackColor}`,
|
|
28
|
-
},
|
|
29
|
-
"::-webkit-scrollbar": {
|
|
30
|
-
width: thumbSize,
|
|
31
|
-
height: thumbSize,
|
|
32
|
-
},
|
|
33
|
-
"::-webkit-scrollbar-thumb": {
|
|
34
|
-
backgroundColor: thumbColor,
|
|
35
|
-
borderRadius: "5px",
|
|
36
|
-
border: "2px solid #f4f4f4",
|
|
37
|
-
},
|
|
38
|
-
"::-webkit-scrollbar-thumb:hover": {
|
|
39
|
-
backgroundColor: thumbColor,
|
|
40
|
-
},
|
|
41
|
-
"::-webkit-scrollbar-track": {
|
|
42
|
-
backgroundColor: trackColor,
|
|
43
|
-
borderRadius: "5px",
|
|
44
|
-
},
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
resetCss && index.css({
|
|
17
|
+
applyScrollbarCss && useScrollbar.default(theme, root_cls);
|
|
18
|
+
index.css({
|
|
49
19
|
"@global": {
|
|
50
20
|
"*": {
|
|
51
21
|
m: 0,
|
|
@@ -81,8 +51,5 @@
|
|
|
81
51
|
}
|
|
82
52
|
});
|
|
83
53
|
}, [theme]);
|
|
84
|
-
return (
|
|
85
|
-
|
|
86
|
-
children,
|
|
87
|
-
renderIsRoot)) : React__namespace.createElement(index$1, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }), children)));
|
|
88
|
-
};module.exports=ThemeProvider;//# sourceMappingURL=ThemeProvider.js.map
|
|
54
|
+
return (jsxRuntime.jsx(core.ThemeContex.Provider, { value: theme, children: isRootProvider ? jsxRuntime.jsx(BreakpointProvider.BreakpointProvider, { children: jsxRuntime.jsxs(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: [children, renderIsRoot] })) }) : jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: children })) }));
|
|
55
|
+
};exports.default=ThemeProvider;//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ThemeOptions } from \"./types\"\nimport Tag from \"../Tag\"\nimport { TagComponentType, TagProps } from \"../Tag/types\"\nimport { BreakpointProvider } from \"../breakpoint\"\nimport { ThemeContex, ThemeFactory } from \"./core\"\nimport ThemeCssVars from \"./ThemeCssVars\"\nimport { css } from \"../css\"\n\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\n theme: string;\n
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { BreakpointProvider } from \"../breakpoint\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport useScrollbar from \"../useScrollbar\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n theme: string;\r\n applyScrollbarCss?: boolean;\r\n isRootProvider?: boolean;\r\n renderIsRoot?: React.ReactElement;\r\n}\r\n\r\nconst ThemeProvider = ({ children, theme, applyScrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\r\n const THEME = ThemeFactory.get(theme) as ThemeOptions\r\n if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\r\n applyScrollbarCss ??= true\r\n\r\n React.useMemo(() => {\r\n const root_cls = `.xui-${theme}-theme-root`\r\n let gkeys = Object.keys(THEME.globalStyle || {})\r\n let gstyles: any = {}\r\n gkeys.forEach((key) => {\r\n gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n })\r\n\r\n css({\r\n \"@global\": {\r\n ...gstyles,\r\n [root_cls]: ThemeCssVars(THEME)\r\n }\r\n })\r\n\r\n applyScrollbarCss && useScrollbar(theme, root_cls)\r\n\r\n css({\r\n \"@global\": {\r\n \"*\": {\r\n m: 0,\r\n p: 0,\r\n outline: \"none\",\r\n boxSizing: \"border-box\",\r\n verticalAlign: \"baseline\",\r\n },\r\n \"html, body\": {\r\n minHeight: \"100%\",\r\n \"-webkit-font-smoothing\": \"antialiased\"\r\n } as any,\r\n \"img, picture, video, canvas, svg\": {\r\n maxWidth: \"100%\",\r\n display: \"block\"\r\n },\r\n \"input, button, textarea, select\": {\r\n font: \"inherit\"\r\n },\r\n \"table\": {\r\n borderCollapse: \"collapse\",\r\n borderSpacing: 0\r\n },\r\n \"ol, ul\": {\r\n listStyle: \"none\"\r\n },\r\n \"a\": {\r\n display: \"inline-block\"\r\n },\r\n \"p, h1, h2, h3, h4, h5, h6\": {\r\n overflowWrap: \"break-word\",\r\n }\r\n }\r\n })\r\n }, [theme])\r\n\r\n return (\r\n <ThemeContex.Provider value={theme}>\r\n {\r\n isRootProvider ? <BreakpointProvider>\r\n <Tag\r\n minHeight=\"100%\"\r\n bgcolor={THEME.colors.background.primary}\r\n fontFamily={THEME.typography.fontFamily}\r\n fontSize={THEME.typography.text.fontSize}\r\n fontWeight={THEME.typography.text.fontWeight}\r\n lineHeight={THEME.typography.text.lineHeight}\r\n {...props}\r\n baseClass={`${theme}-theme-root`}\r\n direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n >\r\n {children}\r\n {renderIsRoot}\r\n </Tag>\r\n </BreakpointProvider> : <Tag\r\n minHeight=\"100%\"\r\n bgcolor={THEME.colors.background.primary}\r\n fontFamily={THEME.typography.fontFamily}\r\n fontSize={THEME.typography.text.fontSize}\r\n fontWeight={THEME.typography.text.fontWeight}\r\n lineHeight={THEME.typography.text.lineHeight}\r\n {...props}\r\n baseClass={`${theme}-theme-root`}\r\n direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n >\r\n {children}\r\n </Tag>\r\n }\r\n </ThemeContex.Provider>\r\n )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["__rest","ThemeFactory","React","css","ThemeCssVars","useScrollbar","_jsx","ThemeContex","BreakpointProvider","_jsxs","Tag"],"mappings":"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"}
|
package/theme/ThemeProvider.mjs
CHANGED
|
@@ -1,51 +1,21 @@
|
|
|
1
|
-
import {__rest}from'tslib';import*as React from'react';import Tag from'../Tag/index.mjs';import {BreakpointProvider}from'../breakpoint/BreakpointProvider.mjs';import {css}from'../css/index.mjs';import {ThemeFactory,ThemeContex}from'./core.mjs';import ThemeCssVars from'./ThemeCssVars.mjs';const ThemeProvider = (_a) => {
|
|
2
|
-
var { children, theme,
|
|
1
|
+
import {__rest}from'tslib';import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import Tag from'../Tag/index.mjs';import {BreakpointProvider}from'../breakpoint/BreakpointProvider.mjs';import {css}from'../css/index.mjs';import {ThemeFactory,ThemeContex}from'./core.mjs';import ThemeCssVars from'./ThemeCssVars.mjs';import useScrollbar from'../useScrollbar.mjs';const ThemeProvider = (_a) => {
|
|
2
|
+
var { children, theme, applyScrollbarCss, isRootProvider, renderIsRoot } = _a, props = __rest(_a, ["children", "theme", "applyScrollbarCss", "isRootProvider", "renderIsRoot"]);
|
|
3
3
|
const THEME = ThemeFactory.get(theme);
|
|
4
4
|
if (!THEME)
|
|
5
5
|
throw new Error(`Invalid theme name provided: ${theme}`);
|
|
6
|
-
|
|
7
|
-
scrollbarCss !== null && scrollbarCss !== void 0 ? scrollbarCss : (scrollbarCss = true);
|
|
6
|
+
applyScrollbarCss !== null && applyScrollbarCss !== void 0 ? applyScrollbarCss : (applyScrollbarCss = true);
|
|
8
7
|
React.useMemo(() => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const root_cls = `.xui-${theme}-theme-root`;
|
|
9
|
+
let gkeys = Object.keys(THEME.globalStyle || {});
|
|
10
|
+
let gstyles = {};
|
|
11
|
+
gkeys.forEach((key) => {
|
|
12
|
+
gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key];
|
|
13
|
+
});
|
|
14
14
|
css({
|
|
15
|
-
"@global": {
|
|
16
|
-
[`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)
|
|
17
|
-
}
|
|
15
|
+
"@global": Object.assign(Object.assign({}, gstyles), { [root_cls]: ThemeCssVars(THEME) })
|
|
18
16
|
});
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
let thumbColor = THEME.colors.divider;
|
|
22
|
-
let trackColor = THEME.colors.background.secondary;
|
|
23
|
-
css({
|
|
24
|
-
"@global": {
|
|
25
|
-
"*": {
|
|
26
|
-
scrollbarWidth: "thin",
|
|
27
|
-
scrollbarColor: `${thumbColor} ${trackColor}`,
|
|
28
|
-
},
|
|
29
|
-
"::-webkit-scrollbar": {
|
|
30
|
-
width: thumbSize,
|
|
31
|
-
height: thumbSize,
|
|
32
|
-
},
|
|
33
|
-
"::-webkit-scrollbar-thumb": {
|
|
34
|
-
backgroundColor: thumbColor,
|
|
35
|
-
borderRadius: "5px",
|
|
36
|
-
border: "2px solid #f4f4f4",
|
|
37
|
-
},
|
|
38
|
-
"::-webkit-scrollbar-thumb:hover": {
|
|
39
|
-
backgroundColor: thumbColor,
|
|
40
|
-
},
|
|
41
|
-
"::-webkit-scrollbar-track": {
|
|
42
|
-
backgroundColor: trackColor,
|
|
43
|
-
borderRadius: "5px",
|
|
44
|
-
},
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
resetCss && css({
|
|
17
|
+
applyScrollbarCss && useScrollbar(theme, root_cls);
|
|
18
|
+
css({
|
|
49
19
|
"@global": {
|
|
50
20
|
"*": {
|
|
51
21
|
m: 0,
|
|
@@ -81,8 +51,5 @@ import {__rest}from'tslib';import*as React from'react';import Tag from'../Tag/in
|
|
|
81
51
|
}
|
|
82
52
|
});
|
|
83
53
|
}, [theme]);
|
|
84
|
-
return (
|
|
85
|
-
React.createElement(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }),
|
|
86
|
-
children,
|
|
87
|
-
renderIsRoot)) : React.createElement(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr" }), children)));
|
|
54
|
+
return (jsx(ThemeContex.Provider, { value: theme, children: isRootProvider ? jsx(BreakpointProvider, { children: jsxs(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: [children, renderIsRoot] })) }) : jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, fontFamily: THEME.typography.fontFamily, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: children })) }));
|
|
88
55
|
};export{ThemeProvider as default};//# sourceMappingURL=ThemeProvider.mjs.map
|