@principal-ade/industry-theme 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ThemeProvider.d.ts +19 -0
- package/dist/cjs/ThemeProvider.d.ts.map +1 -0
- package/dist/cjs/ThemeShowcase.d.ts +24 -0
- package/dist/cjs/ThemeShowcase.d.ts.map +1 -0
- package/dist/cjs/defaultThemes.d.ts +8 -0
- package/dist/cjs/defaultThemes.d.ts.map +1 -0
- package/dist/cjs/glassmorphismTheme.d.ts +7 -0
- package/dist/cjs/glassmorphismTheme.d.ts.map +1 -0
- package/dist/cjs/index.d.ts +130 -0
- package/dist/cjs/index.d.ts.map +1 -0
- package/dist/cjs/index.js +1798 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/themeHelpers.d.ts +30 -0
- package/dist/cjs/themeHelpers.d.ts.map +1 -0
- package/dist/cjs/themes.d.ts +12 -0
- package/dist/cjs/themes.d.ts.map +1 -0
- package/dist/cjs/utils.d.ts +32 -0
- package/dist/cjs/utils.d.ts.map +1 -0
- package/dist/esm/ThemeProvider.d.ts +19 -0
- package/dist/esm/ThemeProvider.d.ts.map +1 -0
- package/dist/esm/ThemeShowcase.d.ts +24 -0
- package/dist/esm/ThemeShowcase.d.ts.map +1 -0
- package/dist/esm/defaultThemes.d.ts +8 -0
- package/dist/esm/defaultThemes.d.ts.map +1 -0
- package/dist/esm/glassmorphismTheme.d.ts +7 -0
- package/dist/esm/glassmorphismTheme.d.ts.map +1 -0
- package/dist/esm/index.d.ts +130 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js +1753 -0
- package/dist/esm/package.json +1 -0
- package/dist/esm/themeHelpers.d.ts +30 -0
- package/dist/esm/themeHelpers.d.ts.map +1 -0
- package/dist/esm/themes.d.ts +12 -0
- package/dist/esm/themes.d.ts.map +1 -0
- package/dist/esm/utils.d.ts +32 -0
- package/dist/esm/utils.d.ts.map +1 -0
- package/package.json +64 -0
- package/src/README.md +134 -0
- package/src/ThemeProvider.tsx +117 -0
- package/src/ThemeShowcase.tsx +442 -0
- package/src/defaultThemes.ts +369 -0
- package/src/glassmorphismTheme.ts +213 -0
- package/src/index.ts +230 -0
- package/src/themeHelpers.ts +106 -0
- package/src/themes.ts +746 -0
- package/src/utils.ts +135 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { Theme } from './index';
|
|
3
|
+
interface ThemeContextValue {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
mode?: string;
|
|
6
|
+
setMode: (mode: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const useTheme: () => ThemeContextValue;
|
|
9
|
+
interface ThemeProviderProps {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
initialMode?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
15
|
+
export declare const withTheme: <P extends object>(Component: React.ComponentType<P & {
|
|
16
|
+
theme: Theme;
|
|
17
|
+
}>) => (props: P) => React.JSX.Element;
|
|
18
|
+
export default ThemeProvider;
|
|
19
|
+
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,KAAK,EAAyB,MAAM,SAAS,CAAC;AAGvD,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AA+BD,eAAO,MAAM,QAAQ,QAAO,iBAO3B,CAAC;AAGF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8CtD,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EACxC,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,MAE5C,OAAO,CAAC,sBAIjB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Theme } from './index';
|
|
3
|
+
export interface ThemeShowcaseProps {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
/**
|
|
6
|
+
* Optional title for the showcase
|
|
7
|
+
*/
|
|
8
|
+
title?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Show raw theme values alongside visual representations
|
|
11
|
+
*/
|
|
12
|
+
showValues?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Sections to display - by default shows all
|
|
15
|
+
*/
|
|
16
|
+
sections?: ('colors' | 'typography' | 'spacing' | 'shadows' | 'radii')[];
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* A comprehensive theme showcase component that visually displays all theme properties.
|
|
20
|
+
* Useful for theme editors, documentation, and theme development.
|
|
21
|
+
*/
|
|
22
|
+
export declare const ThemeShowcase: React.FC<ThemeShowcaseProps>;
|
|
23
|
+
export default ThemeShowcase;
|
|
24
|
+
//# sourceMappingURL=ThemeShowcase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../src/ThemeShowcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,EAAE,CAAC;CAC1E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+ZtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Collection of default themes for PrincipleMD
|
|
3
|
+
*/
|
|
4
|
+
import { Theme } from './index';
|
|
5
|
+
export declare const defaultMarkdownTheme: Theme;
|
|
6
|
+
export declare const defaultTerminalTheme: Theme;
|
|
7
|
+
export declare const defaultEditorTheme: Theme;
|
|
8
|
+
//# sourceMappingURL=defaultThemes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultThemes.d.ts","sourceRoot":"","sources":["../../src/defaultThemes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,oBAAoB,EAAE,KAsHlC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAuHlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAsHhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glassmorphismTheme.d.ts","sourceRoot":"","sources":["../../src/glassmorphismTheme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,kBAAkB,EAAE,KA6MhC,CAAC"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme UI spec-compliant theme system for PrincipleMD
|
|
3
|
+
* Based on https://theme-ui.com/theme-spec
|
|
4
|
+
*/
|
|
5
|
+
type ButtonVariant = {
|
|
6
|
+
color?: string;
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
bg?: string;
|
|
9
|
+
borderColor?: string;
|
|
10
|
+
borderWidth?: number;
|
|
11
|
+
borderStyle?: string;
|
|
12
|
+
padding?: string | number;
|
|
13
|
+
fontSize?: number | string;
|
|
14
|
+
fontWeight?: number;
|
|
15
|
+
cursor?: string;
|
|
16
|
+
'&:hover'?: Partial<ButtonVariant>;
|
|
17
|
+
'&:active'?: Partial<ButtonVariant>;
|
|
18
|
+
'&:disabled'?: Partial<ButtonVariant>;
|
|
19
|
+
};
|
|
20
|
+
type TextVariant = {
|
|
21
|
+
fontSize?: number | string;
|
|
22
|
+
fontWeight?: number | string;
|
|
23
|
+
lineHeight?: number | string;
|
|
24
|
+
color?: string;
|
|
25
|
+
fontFamily?: string;
|
|
26
|
+
};
|
|
27
|
+
type CardVariant = {
|
|
28
|
+
padding?: string | number;
|
|
29
|
+
backgroundColor?: string;
|
|
30
|
+
bg?: string;
|
|
31
|
+
borderRadius?: number;
|
|
32
|
+
boxShadow?: string;
|
|
33
|
+
border?: string;
|
|
34
|
+
borderColor?: string;
|
|
35
|
+
};
|
|
36
|
+
export interface Theme {
|
|
37
|
+
modes?: {
|
|
38
|
+
[modeName: string]: Partial<Theme['colors']>;
|
|
39
|
+
};
|
|
40
|
+
space: number[];
|
|
41
|
+
fonts: {
|
|
42
|
+
body: string;
|
|
43
|
+
heading: string;
|
|
44
|
+
monospace: string;
|
|
45
|
+
};
|
|
46
|
+
fontSizes: number[];
|
|
47
|
+
fontScale?: number;
|
|
48
|
+
fontWeights: {
|
|
49
|
+
body: number;
|
|
50
|
+
heading: number;
|
|
51
|
+
bold: number;
|
|
52
|
+
light: number;
|
|
53
|
+
medium: number;
|
|
54
|
+
semibold: number;
|
|
55
|
+
};
|
|
56
|
+
lineHeights: {
|
|
57
|
+
body: number;
|
|
58
|
+
heading: number;
|
|
59
|
+
tight: number;
|
|
60
|
+
relaxed: number;
|
|
61
|
+
};
|
|
62
|
+
breakpoints: string[];
|
|
63
|
+
sizes: number[];
|
|
64
|
+
radii: number[];
|
|
65
|
+
shadows: string[];
|
|
66
|
+
zIndices: number[];
|
|
67
|
+
colors: {
|
|
68
|
+
text: string;
|
|
69
|
+
background: string;
|
|
70
|
+
primary: string;
|
|
71
|
+
secondary: string;
|
|
72
|
+
accent: string;
|
|
73
|
+
highlight: string;
|
|
74
|
+
muted: string;
|
|
75
|
+
success: string;
|
|
76
|
+
warning: string;
|
|
77
|
+
error: string;
|
|
78
|
+
info: string;
|
|
79
|
+
border: string;
|
|
80
|
+
backgroundSecondary: string;
|
|
81
|
+
backgroundTertiary: string;
|
|
82
|
+
backgroundLight: string;
|
|
83
|
+
backgroundHover: string;
|
|
84
|
+
surface: string;
|
|
85
|
+
textSecondary: string;
|
|
86
|
+
textTertiary: string;
|
|
87
|
+
textMuted: string;
|
|
88
|
+
highlightBg?: string;
|
|
89
|
+
highlightBorder?: string;
|
|
90
|
+
};
|
|
91
|
+
buttons: {
|
|
92
|
+
primary: ButtonVariant;
|
|
93
|
+
secondary: ButtonVariant;
|
|
94
|
+
ghost: ButtonVariant;
|
|
95
|
+
};
|
|
96
|
+
text: {
|
|
97
|
+
heading: TextVariant;
|
|
98
|
+
body: TextVariant;
|
|
99
|
+
caption: TextVariant;
|
|
100
|
+
};
|
|
101
|
+
cards: {
|
|
102
|
+
primary: CardVariant;
|
|
103
|
+
secondary: CardVariant;
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
export declare const theme: Theme;
|
|
107
|
+
export { terminalTheme, regalTheme, glassmorphismTheme, matrixTheme, matrixMinimalTheme, slateTheme, defaultMarkdownTheme, defaultEditorTheme, defaultTerminalTheme, } from './themes';
|
|
108
|
+
/**
|
|
109
|
+
* Scale font sizes in a theme by a given factor
|
|
110
|
+
*/
|
|
111
|
+
export declare function scaleThemeFonts(theme: Theme, scale: number): Theme;
|
|
112
|
+
/**
|
|
113
|
+
* Increase font scale by 10%
|
|
114
|
+
*/
|
|
115
|
+
export declare function increaseFontScale(theme: Theme): Theme;
|
|
116
|
+
/**
|
|
117
|
+
* Decrease font scale by 10%
|
|
118
|
+
*/
|
|
119
|
+
export declare function decreaseFontScale(theme: Theme): Theme;
|
|
120
|
+
/**
|
|
121
|
+
* Reset font scale to 100%
|
|
122
|
+
*/
|
|
123
|
+
export declare function resetFontScale(theme: Theme): Theme;
|
|
124
|
+
export { ThemeProvider, useTheme, withTheme, } from './ThemeProvider';
|
|
125
|
+
export { getColor, getSpace, getFontSize, getRadius, getShadow, getZIndex, responsive, sx, createStyle, mergeThemes, } from './utils';
|
|
126
|
+
export { overrideColors, makeTheme, addMode, getMode } from './themeHelpers';
|
|
127
|
+
export { ThemeShowcase } from './ThemeShowcase';
|
|
128
|
+
export type { ThemeShowcaseProps } from './ThemeShowcase';
|
|
129
|
+
export default theme;
|
|
130
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|