@admin-layout/tailwind-design-pro 10.0.9-alpha.31 → 10.0.9-alpha.33
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/README.md +88 -1
- package/lib/cdm-locales/en/settings.json +3 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +0 -8
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +66 -1
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/WebFontsSelector.d.ts +3 -0
- package/lib/components/SettingDrawer/WebFontsSelector.d.ts.map +1 -0
- package/lib/components/SettingDrawer/WebFontsSelector.js +24 -0
- package/lib/components/SettingDrawer/WebFontsSelector.js.map +1 -0
- package/lib/components/SettingDrawer/types.d.ts +8 -0
- package/lib/components/SettingDrawer/types.d.ts.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/tailwindConfig.d.ts +87 -0
- package/lib/tailwindConfig.d.ts.map +1 -0
- package/lib/tailwindConfig.js +122 -0
- package/lib/tailwindConfig.js.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1 +1,88 @@
|
|
|
1
|
-
# Tailwind
|
|
1
|
+
# Tailwind Design Pro
|
|
2
|
+
|
|
3
|
+
A universal tailwind design system for use across all projects.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- Unified theme system with light and dark mode support
|
|
8
|
+
- Consistent styling across all projects
|
|
9
|
+
- Easy to customize and extend
|
|
10
|
+
- Built-in typography, forms, and aspect ratio support
|
|
11
|
+
|
|
12
|
+
## Usage in Servers
|
|
13
|
+
|
|
14
|
+
To use this package in your server project, follow these steps:
|
|
15
|
+
|
|
16
|
+
### 1. Install the package
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install @admin-layout/tailwind-design-pro
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
### 2. Use the Universal Tailwind Config
|
|
23
|
+
|
|
24
|
+
Create a `tailwind.config.js` or `tailwind.config.ts` file in your server project and import the universal config:
|
|
25
|
+
|
|
26
|
+
```typescript
|
|
27
|
+
// tailwind.config.ts or tailwind.config.js
|
|
28
|
+
import { themeConfig } from '@admin-layout/tailwind-design-pro';
|
|
29
|
+
|
|
30
|
+
export default {
|
|
31
|
+
// Override content paths to include server-specific paths
|
|
32
|
+
content: [
|
|
33
|
+
'./src/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}',
|
|
34
|
+
'./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}',
|
|
35
|
+
'../../packages/**/*.{js,jsx,ts,tsx}',
|
|
36
|
+
'../../packages-modules/**/*.{js,jsx,ts,tsx}',
|
|
37
|
+
],
|
|
38
|
+
|
|
39
|
+
// You can add server-specific overrides here if needed
|
|
40
|
+
theme: {
|
|
41
|
+
extend: {
|
|
42
|
+
// Any server-specific extensions would go here
|
|
43
|
+
...themeConfig,
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
darkMode: 'class',
|
|
47
|
+
variants: {
|
|
48
|
+
typography: ['dark'],
|
|
49
|
+
},
|
|
50
|
+
plugins: [typography, forms, aspectRatio],
|
|
51
|
+
};
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
### 3. Using the ThemeProvider
|
|
55
|
+
|
|
56
|
+
To enable theme switching functionality in your application, wrap your app with the ThemeProvider:
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
import { ThemeProvider } from '@admin-layout/tailwind-design-pro';
|
|
60
|
+
|
|
61
|
+
function App() {
|
|
62
|
+
// Example settings for the theme
|
|
63
|
+
const settings = {
|
|
64
|
+
theme: 'airbnb', // Use our unified theme
|
|
65
|
+
themeType: 'light', // 'light' or 'dark'
|
|
66
|
+
primaryColor: '#1890ff', // Optional custom primary color
|
|
67
|
+
fontFamily: 'Inter, sans-serif', // Optional custom font
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
return (
|
|
71
|
+
<ThemeProvider settings={settings}>
|
|
72
|
+
<YourApp />
|
|
73
|
+
</ThemeProvider>
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
## Theme Customization
|
|
79
|
+
|
|
80
|
+
The theme system is built on Tailwind's theme extension mechanism. You can customize the theme by modifying the `themeRegistry.ts` file.
|
|
81
|
+
|
|
82
|
+
## Available Themes
|
|
83
|
+
|
|
84
|
+
- `default` - The default theme
|
|
85
|
+
- `github` - GitHub-inspired theme
|
|
86
|
+
- `slack` - Slack-inspired theme
|
|
87
|
+
- `airbnb` - Airbnb-inspired theme
|
|
88
|
+
- `spotify` - Spotify-inspired theme
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,
|
|
1
|
+
{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAyCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CAsIrE,CAAC"}
|
|
@@ -90,14 +90,6 @@ const MainHeader = props => {
|
|
|
90
90
|
// State to track reduced motion preference
|
|
91
91
|
const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
|
|
92
92
|
useEffect(() => {
|
|
93
|
-
// Load web fonts
|
|
94
|
-
import('webfontloader').then(WebFont => {
|
|
95
|
-
WebFont.default.load({
|
|
96
|
-
google: {
|
|
97
|
-
families: ['Poppins', 'sans-serif']
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
}).catch(error => console.log('Failed to load webfontloader:', error));
|
|
101
93
|
// Check reduced motion preference - only in browser
|
|
102
94
|
if (typeof window !== 'undefined') {
|
|
103
95
|
setPrefersReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"ohBAcA;AACA,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW;AAE/C,MAAM,IAAI,GAAG,SAAS;;;CAGrB;AAEM,MAAM,iBAAiB,GAAG,CAC7B,IAA8B,EAC9B,SAAc,EACd,QAAQ,EACR,QAAa,EACb,QAAa,KACI;AACjB,EAAA,IAAA,OAAW,IAAA,KAAS,QAAA,EAAQ;AACxB,IAAA,OAAAA,GAAO,KAAC,EAAI;MACf,IAAA,EAAA,SAAA;AACD,MAAA,QAAW,EAAA,QAAS;cACT,EAAA,QAAO;MACjB,QAAA,EAAA;AACD,KAAA,CAAA;AACJ;AAEA,EAAA,IAAM,OAAO,IAAyB,KAAA,UAAA,EAAA;AAKlC,IAAA,OAAQ,IAAA,EAAA;;SAGF,IAAA;AACN;AACI,MAAA,yBAAY,GAAA,CAAA,KAAA,EAAA,SAAA,EAAA,SAAA,GAAA,kBAAA,KAAA;QACf;AACD,IAAA,QAAa;IACb,MAAM;AAIM,IAAA,aAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;cAGH;IAIT,aAAI;mBACkC;eACoB;AACtD,IAAA,UAAM;AACN,IAAA;IACJ,IAAC;IAED;AACI,GAAA,GAAA,QAAA,MAAY;QACf,cAAA,GAAA,KAAA,CAAA,SAAA,IAAA,EAAA,CAAA;MAEM,wBACW,EAAA;AAKtB,IAAE,OAAA,IAAA;AAEF;AACI,EAAA,MAAA,OACsB,GAAA,iBACF,CAAA,IAAA,EAAA,qBACH,QACb,EAAQ,QACR,CAAA;QAgBuC,QAAA,GAAAA,GAAA,CAAA,IAAA,EAAA;IAC3C,SAA2B,EAAA,CAAA,SAAA,EAAA,QAAyB,EAAA,QAAA,KAAA,MAAA,mBAAmB,GAAC,UAAA,IAAA,eAAA,CAAA,CAAA;IAExE,KAAS,EAAA;
|
|
1
|
+
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"ohBAcA;AACA,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW;AAE/C,MAAM,IAAI,GAAG,SAAS;;;CAGrB;AAEM,MAAM,iBAAiB,GAAG,CAC7B,IAA8B,EAC9B,SAAc,EACd,QAAQ,EACR,QAAa,EACb,QAAa,KACI;AACjB,EAAA,IAAA,OAAW,IAAA,KAAS,QAAA,EAAQ;AACxB,IAAA,OAAAA,GAAO,KAAC,EAAI;MACf,IAAA,EAAA,SAAA;AACD,MAAA,QAAW,EAAA,QAAS;cACT,EAAA,QAAO;MACjB,QAAA,EAAA;AACD,KAAA,CAAA;AACJ;AAEA,EAAA,IAAM,OAAO,IAAyB,KAAA,UAAA,EAAA;AAKlC,IAAA,OAAQ,IAAA,EAAA;;SAGF,IAAA;AACN;AACI,MAAA,yBAAY,GAAA,CAAA,KAAA,EAAA,SAAA,EAAA,SAAA,GAAA,kBAAA,KAAA;QACf;AACD,IAAA,QAAa;IACb,MAAM;AAIM,IAAA,aAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;cAGH;IAIT,aAAI;mBACkC;eACoB;AACtD,IAAA,UAAM;AACN,IAAA;IACJ,IAAC;IAED;AACI,GAAA,GAAA,QAAA,MAAY;QACf,cAAA,GAAA,KAAA,CAAA,SAAA,IAAA,EAAA,CAAA;MAEM,wBACW,EAAA;AAKtB,IAAE,OAAA,IAAA;AAEF;AACI,EAAA,MAAA,OACsB,GAAA,iBACF,CAAA,IAAA,EAAA,qBACH,QACb,EAAQ,QACR,CAAA;QAgBuC,QAAA,GAAAA,GAAA,CAAA,IAAA,EAAA;IAC3C,SAA2B,EAAA,CAAA,SAAA,EAAA,QAAyB,EAAA,QAAA,KAAA,MAAA,mBAAmB,GAAC,UAAA,IAAA,eAAA,CAAA,CAAA;IAExE,KAAS,EAAA;gBAC+C,EAAA,UAAA;AACpD,MAAA,UAAW,EAAA,eAAW;YAClB,EAAuB,WAAA;mBAEyB,EAAA,aAAA;cAC1C,EAAA;AACN,KAAA;AACI,IAAA,QAAA,EAAA;AACJ,GAAA,CAAA;AAEA,EAAA,IAAA,cAAA,EAAU;AACV;AACI;AACJ,IAAA,MAAA,QAAE,GAAA,SAAA,GAAA,MAAA,CAAA,UAAA,GAAA,GAAA,GAAA,KAAA;WACL,cAAA,CAAA,OAAA,EAAA,QAAA,GAAA,IAAA,GAAA,QAAA,EAAA,KAAA,CAAA;;MAGC,MAAA,KAAA,KAAA,IAAiB,SAAK,KAAA,kBAAA,EAAA;AACxB,IAAA,OAAA,IAAA;AACJ;AAEA,EAAA,OAAAA,GAAgB,CAAA,KAAA,EAAA;IAEhB,SAAuC,EAAA,gDAAA;AACvC,IAAA,QAAe,EAAA;IAEf;;AASI,MACK,UAAA,GAAA,KAAA,IAAA;AAGa,EAAA,MAAA;;AAEA,IAAA,gBAAA;AACA,IAAA,aAAA;AAEE,IAAA,QAAA;AACI,IAAA,WAAA;AACA,IAAA,QAAA;AACA,IAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA,YAAA;AACA,IAAA,eAAA;;;;;AAMX,IAAA,kBAAA;AAEG,IAAA,qBAAW;eAGf;;;AAIK;sDAeiC,CAAI,GAAA,QAAE,CAAA,KAAA,CAAA;;AA4BhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4SjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqOtD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';let oldSetting = {};
|
|
1
|
+
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {WebFontsSelector}from'./WebFontsSelector.js';let oldSetting = {};
|
|
2
2
|
const updateTheme = (dark, color, publicPath = '/theme') => {
|
|
3
3
|
// ssr
|
|
4
4
|
if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
|
|
@@ -200,6 +200,61 @@ const themeOptions = [{
|
|
|
200
200
|
key: 'spotify',
|
|
201
201
|
title: 'Spotify Theme'
|
|
202
202
|
}];
|
|
203
|
+
const fontOptions = [{
|
|
204
|
+
key: 'Poppins, sans-serif',
|
|
205
|
+
title: 'Poppins'
|
|
206
|
+
}, {
|
|
207
|
+
key: 'Roboto, sans-serif',
|
|
208
|
+
title: 'Roboto'
|
|
209
|
+
}, {
|
|
210
|
+
key: 'Open Sans, sans-serif',
|
|
211
|
+
title: 'Open Sans'
|
|
212
|
+
}, {
|
|
213
|
+
key: 'Montserrat, sans-serif',
|
|
214
|
+
title: 'Montserrat'
|
|
215
|
+
}, {
|
|
216
|
+
key: 'Lato, sans-serif',
|
|
217
|
+
title: 'Lato'
|
|
218
|
+
}, {
|
|
219
|
+
key: 'Nunito, sans-serif',
|
|
220
|
+
title: 'Nunito'
|
|
221
|
+
}, {
|
|
222
|
+
key: 'Ubuntu, sans-serif',
|
|
223
|
+
title: 'Ubuntu'
|
|
224
|
+
}, {
|
|
225
|
+
key: 'Inter, sans-serif',
|
|
226
|
+
title: 'Inter'
|
|
227
|
+
}, {
|
|
228
|
+
key: 'Arial, sans-serif',
|
|
229
|
+
title: 'Arial'
|
|
230
|
+
}, {
|
|
231
|
+
key: 'Helvetica, sans-serif',
|
|
232
|
+
title: 'Helvetica'
|
|
233
|
+
}, {
|
|
234
|
+
key: 'Tahoma, sans-serif',
|
|
235
|
+
title: 'Tahoma'
|
|
236
|
+
}, {
|
|
237
|
+
key: 'Trebuchet MS, sans-serif',
|
|
238
|
+
title: 'Trebuchet MS'
|
|
239
|
+
}, {
|
|
240
|
+
key: 'Georgia, serif',
|
|
241
|
+
title: 'Georgia'
|
|
242
|
+
}, {
|
|
243
|
+
key: 'Bookman, serif',
|
|
244
|
+
title: 'Bookman'
|
|
245
|
+
}, {
|
|
246
|
+
key: 'Geneva, sans-serif',
|
|
247
|
+
title: 'Geneva'
|
|
248
|
+
}, {
|
|
249
|
+
key: 'Lucida Console, monospace',
|
|
250
|
+
title: 'Lucida Console'
|
|
251
|
+
}, {
|
|
252
|
+
key: 'Courier New, monospace',
|
|
253
|
+
title: 'Courier New'
|
|
254
|
+
}, {
|
|
255
|
+
key: 'Lucida Sans, sans-serif',
|
|
256
|
+
title: 'Lucida Sans'
|
|
257
|
+
}];
|
|
203
258
|
const SettingDrawer = props => {
|
|
204
259
|
const {
|
|
205
260
|
settings,
|
|
@@ -349,6 +404,16 @@ const SettingDrawer = props => {
|
|
|
349
404
|
changeSetting: handleSettingChange,
|
|
350
405
|
settings: settingState
|
|
351
406
|
})]
|
|
407
|
+
}), jsxs("div", {
|
|
408
|
+
className: "mt-8",
|
|
409
|
+
children: [jsx("p", {
|
|
410
|
+
className: "text-black dark:text-white",
|
|
411
|
+
children: t('Font Family')
|
|
412
|
+
}), jsx(WebFontsSelector, {
|
|
413
|
+
value: settingState.fontFamily || 'Poppins, sans-serif',
|
|
414
|
+
onChange: value => handleSettingChange('fontFamily', value),
|
|
415
|
+
options: fontOptions
|
|
416
|
+
})]
|
|
352
417
|
})]
|
|
353
418
|
}), jsxs("div", {
|
|
354
419
|
className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebFontsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/WebFontsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiB5D,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';const WebFontsSelector = ({
|
|
2
|
+
value,
|
|
3
|
+
onChange,
|
|
4
|
+
options
|
|
5
|
+
}) => {
|
|
6
|
+
return jsx("div", {
|
|
7
|
+
className: "relative",
|
|
8
|
+
children: jsx("select", {
|
|
9
|
+
value: value,
|
|
10
|
+
onChange: e => onChange(e.target.value),
|
|
11
|
+
className: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200",
|
|
12
|
+
style: {
|
|
13
|
+
fontFamily: value
|
|
14
|
+
},
|
|
15
|
+
children: options.map(option => jsx("option", {
|
|
16
|
+
value: option.key,
|
|
17
|
+
style: {
|
|
18
|
+
fontFamily: option.key
|
|
19
|
+
},
|
|
20
|
+
children: option.title
|
|
21
|
+
}, option.key))
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
};export{WebFontsSelector};//# sourceMappingURL=WebFontsSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebFontsSelector.js","sources":["../../../src/components/SettingDrawer/WebFontsSelector.tsx"],"sourcesContent":[null],"names":[],"mappings":"oCAEO,MAAM,gBAAgB,GAAoC,CAAC;AAC9D,EAAA,KAAA;AAgBJ,EAAE,QAAA;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -67,4 +67,12 @@ export interface ThemeSelectorProps {
|
|
|
67
67
|
title: string;
|
|
68
68
|
}>;
|
|
69
69
|
}
|
|
70
|
+
export interface WebFontsSelectorProps {
|
|
71
|
+
value: string;
|
|
72
|
+
onChange: (fontFamily: string) => void;
|
|
73
|
+
options: Array<{
|
|
74
|
+
key: string;
|
|
75
|
+
title: string;
|
|
76
|
+
}>;
|
|
77
|
+
}
|
|
70
78
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,cAAc,kBAAkB,CAAC;;AAEjC,wBAAqC"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {Feature}from'@common-stack/client-react';import settings from'./module.js';// eslint-disable-next-line import/no-extraneous-dependencies
|
|
1
|
+
import {Feature}from'@common-stack/client-react';import settings from'./module.js';export{themeConfig}from'./tailwindConfig.js';// eslint-disable-next-line import/no-extraneous-dependencies
|
|
2
2
|
var index = new Feature(settings);export{index as default};//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"gIAAA;AAKA,YAAe,IAAI,OAAO,CAAC,QAAQ,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
export declare const themeConfig: {
|
|
2
|
+
colors: any;
|
|
3
|
+
fontFamily: {
|
|
4
|
+
sans: string[];
|
|
5
|
+
};
|
|
6
|
+
typography: (theme: (arg0: string) => any) => {
|
|
7
|
+
DEFAULT: {
|
|
8
|
+
css: {
|
|
9
|
+
color: any;
|
|
10
|
+
a: {
|
|
11
|
+
color: any;
|
|
12
|
+
'&:hover': {
|
|
13
|
+
color: any;
|
|
14
|
+
};
|
|
15
|
+
code: {
|
|
16
|
+
color: any;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
'h2,h3,h4': {
|
|
20
|
+
'scroll-margin-top': string;
|
|
21
|
+
};
|
|
22
|
+
thead: {
|
|
23
|
+
borderBottomColor: any;
|
|
24
|
+
};
|
|
25
|
+
code: {
|
|
26
|
+
color: any;
|
|
27
|
+
};
|
|
28
|
+
'blockquote p:first-of-type::before': boolean;
|
|
29
|
+
'blockquote p:last-of-type::after': boolean;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
dark: {
|
|
33
|
+
css: {
|
|
34
|
+
color: any;
|
|
35
|
+
a: {
|
|
36
|
+
color: any;
|
|
37
|
+
'&:hover': {
|
|
38
|
+
color: any;
|
|
39
|
+
};
|
|
40
|
+
code: {
|
|
41
|
+
color: any;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
blockquote: {
|
|
45
|
+
borderLeftColor: any;
|
|
46
|
+
color: any;
|
|
47
|
+
};
|
|
48
|
+
'h2,h3,h4': {
|
|
49
|
+
color: any;
|
|
50
|
+
'scroll-margin-top': string;
|
|
51
|
+
};
|
|
52
|
+
hr: {
|
|
53
|
+
borderColor: any;
|
|
54
|
+
};
|
|
55
|
+
ol: {
|
|
56
|
+
li: {
|
|
57
|
+
'&:before': {
|
|
58
|
+
color: any;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
ul: {
|
|
63
|
+
li: {
|
|
64
|
+
'&:before': {
|
|
65
|
+
backgroundColor: any;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
strong: {
|
|
70
|
+
color: any;
|
|
71
|
+
};
|
|
72
|
+
thead: {
|
|
73
|
+
th: {
|
|
74
|
+
color: any;
|
|
75
|
+
};
|
|
76
|
+
borderBottomColor: any;
|
|
77
|
+
};
|
|
78
|
+
tbody: {
|
|
79
|
+
tr: {
|
|
80
|
+
borderBottomColor: any;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=tailwindConfig.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwindConfig.d.ts","sourceRoot":"","sources":["../src/tailwindConfig.ts"],"names":[],"mappings":"AAmDA,eAAO,MAAM,WAAW;;;;;wBAKA,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkE5C,CAAC"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import defaultTheme from'tailwindcss/defaultTheme.js';import {themeRegistry}from'./components/ThemeProvider/themeRegistry.js';// Extract the tailwindDesignPro theme for use in the config
|
|
2
|
+
const tailwindTheme = themeRegistry.default;
|
|
3
|
+
// Utility to convert HSL format to more standard format
|
|
4
|
+
const parseHsl = hslString => {
|
|
5
|
+
const [h, s, l] = hslString.split(' ').map((val, index) => {
|
|
6
|
+
if (index === 0) return val;
|
|
7
|
+
return val; // Keep percentage format
|
|
8
|
+
});
|
|
9
|
+
return `hsl(${h}, ${s}, ${l})`;
|
|
10
|
+
};
|
|
11
|
+
// Convert theme colors to Tailwind-compatible format
|
|
12
|
+
const generateTailwindColors = themeColors => {
|
|
13
|
+
const colors = {
|
|
14
|
+
gray: {
|
|
15
|
+
0: '#fff',
|
|
16
|
+
100: '#fafafa',
|
|
17
|
+
200: '#eaeaea',
|
|
18
|
+
300: '#999999',
|
|
19
|
+
400: '#888888',
|
|
20
|
+
500: '#666666',
|
|
21
|
+
600: '#444444',
|
|
22
|
+
700: '#333333',
|
|
23
|
+
800: '#222222',
|
|
24
|
+
900: '#111111'
|
|
25
|
+
},
|
|
26
|
+
'blue-opaque': 'rgb(13 42 148 / 18%)'
|
|
27
|
+
};
|
|
28
|
+
// Add light mode colors
|
|
29
|
+
Object.entries(themeColors.light).forEach(([key, value]) => {
|
|
30
|
+
if (typeof value === 'string') {
|
|
31
|
+
colors[key] = parseHsl(value);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
return colors;
|
|
35
|
+
};
|
|
36
|
+
// Default spacing and theme from Tailwind
|
|
37
|
+
const themeConfig = {
|
|
38
|
+
colors: generateTailwindColors(tailwindTheme.colors),
|
|
39
|
+
fontFamily: {
|
|
40
|
+
sans: ['Work Sans', ...defaultTheme.fontFamily.sans]
|
|
41
|
+
},
|
|
42
|
+
typography: theme => ({
|
|
43
|
+
DEFAULT: {
|
|
44
|
+
css: {
|
|
45
|
+
color: theme('colors.gray.700'),
|
|
46
|
+
a: {
|
|
47
|
+
color: theme('colors.blue.500'),
|
|
48
|
+
'&:hover': {
|
|
49
|
+
color: theme('colors.blue.700')
|
|
50
|
+
},
|
|
51
|
+
code: {
|
|
52
|
+
color: theme('colors.blue.400')
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
'h2,h3,h4': {
|
|
56
|
+
'scroll-margin-top': defaultTheme.spacing[32]
|
|
57
|
+
},
|
|
58
|
+
thead: {
|
|
59
|
+
borderBottomColor: theme('colors.gray.200')
|
|
60
|
+
},
|
|
61
|
+
code: {
|
|
62
|
+
color: theme('colors.pink.500')
|
|
63
|
+
},
|
|
64
|
+
'blockquote p:first-of-type::before': false,
|
|
65
|
+
'blockquote p:last-of-type::after': false
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
dark: {
|
|
69
|
+
css: {
|
|
70
|
+
color: theme('colors.gray.200'),
|
|
71
|
+
a: {
|
|
72
|
+
color: theme('colors.blue.400'),
|
|
73
|
+
'&:hover': {
|
|
74
|
+
color: theme('colors.blue.600')
|
|
75
|
+
},
|
|
76
|
+
code: {
|
|
77
|
+
color: theme('colors.blue.400')
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
blockquote: {
|
|
81
|
+
borderLeftColor: theme('colors.gray.700'),
|
|
82
|
+
color: theme('colors.gray.300')
|
|
83
|
+
},
|
|
84
|
+
'h2,h3,h4': {
|
|
85
|
+
color: theme('colors.gray.100'),
|
|
86
|
+
'scroll-margin-top': defaultTheme.spacing[32]
|
|
87
|
+
},
|
|
88
|
+
hr: {
|
|
89
|
+
borderColor: theme('colors.gray.700')
|
|
90
|
+
},
|
|
91
|
+
ol: {
|
|
92
|
+
li: {
|
|
93
|
+
'&:before': {
|
|
94
|
+
color: theme('colors.gray.500')
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
ul: {
|
|
99
|
+
li: {
|
|
100
|
+
'&:before': {
|
|
101
|
+
backgroundColor: theme('colors.gray.500')
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
strong: {
|
|
106
|
+
color: theme('colors.gray.100')
|
|
107
|
+
},
|
|
108
|
+
thead: {
|
|
109
|
+
th: {
|
|
110
|
+
color: theme('colors.gray.100')
|
|
111
|
+
},
|
|
112
|
+
borderBottomColor: theme('colors.gray.600')
|
|
113
|
+
},
|
|
114
|
+
tbody: {
|
|
115
|
+
tr: {
|
|
116
|
+
borderBottomColor: theme('colors.gray.700')
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
})
|
|
122
|
+
};export{themeConfig};//# sourceMappingURL=tailwindConfig.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwindConfig.js","sources":["../src/tailwindConfig.ts"],"sourcesContent":[null],"names":[],"mappings":"8HAGA;AACA,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO;AAE3C;AACA,MAAM,QAAQ,GAAG,SAAC,IAAqB;QAC7B,CAAA,CAAA,EAAE,CAAE,EAAC,EAAE,GAAK,SAAA,CAAA,KAAU,CAAA,GAAS,CAAA,CAAA,GAAK,CAAA,CAAA,GAAK,EAAA,KAAO,KAAI;QACtD,KAAI,eAAW,GAAA;AAAE,IAAA,OAAA,GAAA,CAAA;;AAErB,EAAA,OAAG,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AACH,CAAA;AACJ;AAEA,MAAqD,sBAAA,GAAA,WAAA,IAAA;AACrD,EAAA,MAA4B,MAAA,GAAA;AACxB,IAAA,IAAA,EAAM;AACF,MAAA,CAAA,EAAA,MAAM;AACF,MAAA,GAAA,EAAA,SAAS;AACT,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA,SAAc;AACd,MAAA,GAAA,EAAA;AACA,KAAA;AACH,IAAA,aAAA,EAAA;AACD,GAAA;;QAGoB,CAAA,OAAA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,GAAA,EAAA,KAAA,CAAA,KAAA;AACxB,IAAA,IAAA,OAAc,KAAY,KAAA;AACtB,MAAA,MAAI,CAAO,GAAA,CAAA,GAAA,QAAU,CAAA,KAAA,CAAA;;;AAGzB,EAAA,OAAG,MAAA;AAEH,CAAA;AAOJ;AAE0C,MAAA,WAAA,GAAA;AAE1C,EAAM,MAAO,EAAA,sBAAc,CAAA,aAAA,CAAA,MAAA,CAAA;AACvB,EAAA,UAAQ,EAAsB;AAC9B,IAAA,IAAA,EAAA,CAAA,WAAY,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,IAAA;;AAEX,EAAA,UAAA,EAAA,KAAA,KAAA;AACD,IAAA,OAAA,EAAA;AACI,MAAA,GAAA,EAAA;AACI,QAAA,KAAA,EAAG,KAAE,CAAA,iBAAA,CAAA;AACD,QAAA,CAAA,EAAA;AACA,UAAA,KAAA,EAAC,KAAE,CAAA,iBAAA,CAAA;AACC,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,KAAA,CAAA,iBAAW;AACP,WAAA;AACH,UAAA,IAAA,EAAA;wBACG,CAAA,iBAAiB;AACxB;AACD,SAAA;AACI,QAAA,UAAA,EAAA;AACH,UAAA,mBAAA,EAAA,YAAA,CAAA,OAAA,CAAA,EAAA;AACD,SAAA;AACI,QAAA,KAAA,EAAA;AACH,UAAA,iBAAA,EAAA,KAAA,CAAA,iBAAA;;AAED,QAAA,IAAA,EAAA;AACA,UAAA,KAAA,EAAA,KAAA,CAAA,iBAAA;AACH,SAAA;AACJ,QAAA,oCAAA,EAAA,KAAA;AACD,QAAA,kCAAM,EAAA;AACF;AACI,KAAA;AACA,IAAA,IAAA,EAAA;AACI,MAAA,GAAA,EAAA;AACA,QAAA,KAAA,EAAA,KAAA,CAAA,iBAAW,CAAA;AACP,QAAA,CAAA,EAAA;AACH,UAAA,KAAA,EAAA,KAAA,CAAA,iBAAA,CAAA;qBACG;AACP,YAAA,KAAA,EAAA,KAAA,CAAA,iBAAA;AACD,WAAA;AACI,UAAA,IAAA,EAAA;AACA,YAAA,KAAA,EAAA,KAAA,CAAK,iBAAQ;AAChB;AACD,SAAA;AACI,QAAA,UAAA,EAAA;AACA,UAAA,eAAA,EAAA,KAAA,CAAA,iBAAiC,CAAA;AACpC,UAAA,KAAA,EAAA,KAAA,CAAA,iBAAA;;AAED,QAAA,UAAE,EAAE;AACA,UAAA,KAAA,EAAA,KAAE,CAAE,iBAAA,CAAA;6BACU,EAAA,YAAS,CAAA,OAAQ,CAAA,EAAA;AAC9B,SAAA;AACJ,QAAA,EAAA,EAAA;AACD,UAAA,WAAI,EAAA,KAAA,CAAA,iBAAA;AACA,SAAA;;AAEC,UAAA,EAAA,EAAA;AACJ,YAAA,UAAA,EAAA;mBACK,EAAA,KAAI,CAAK,iBAAQ;AACvB;AACI;AACI,SAAA;AACH,QAAA,EAAA,EAAA;AACD,UAAA,EAAA,EAAA;AACH,YAAA,UAAA,EAAA;AACD,cAAA,eAAO,EAAA,KAAA,CAAA,iBAAA;AACH;AACI;AACH,SAAA;AACJ,QAAA,MAAA,EAAA;AACJ,UAAA,KAAA,EAAA,KAAA,CAAA,iBAAA;AACJ,SAAA;QACH,KAAA,EAAA;UACJ,EAAA,EAAA;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.0.9-alpha.
|
|
3
|
+
"version": "10.0.9-alpha.33",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "45789fc7b9ca4f5bec47788de707f961b3e46729",
|
|
62
62
|
"typescript": {
|
|
63
63
|
"definition": "lib/index.d.ts"
|
|
64
64
|
}
|